电影网站系统规划与设计课程设计.doc

辽 宁 工 业 大 学 电子商务系统规划与设计 课程设计（报告）题目： 电影网站系统规划与设计 院（系）： 软件学院 专业班级： 电子商务101班 学 号： 1014010 学生姓名： 指导教师： 张 焕 民 教师职称： 讲 师 起止时间： 2012.11.26-2012.12.07 程序设计专题（报告）任务及评语院（系）：软件学院 教研室：软件教研窒学 号1014010学生姓名专业班级电子商务程序设计（报告）题目电影网站系统规划与设计程序设计（报告）任务程序设计专题的任务与要求：（1）掌握构建电子商务网站的基础知识。（2）较熟练地编写网站应用程序。（3）了解编程技巧、构建电子商务网站基本模块的方法。（5）联系已学过的内容，巩固所学的理论，增强独立工作能力。（6）通过设计主要使学生有一个独立编写程序的过程，对理论学习及动手能力都有一个很大的提高。（7）通过本次设计，进一步培养学生热爱专业的思想，同时对本专业综合素质的提高起一个积极的推动作用。程序设计过程中，要严格遵守实践环节的时间安排，听从指导教师的指导。正确地完成上述内容，记录实习日记，规范完整地撰写出实训报告。指导教师评语及成绩成绩： 指导教师签字： 2012 年 月 日辽 宁 工 学 院 课 程 设 计 说 明 书（论 文）目 录第1章 程序设计专题目的与要求11.1 程序设计目的11.2 程序设计的实验环境11.3 程序设计的预备知识11.4 程序设计要求1第2章 程序设计内容22.1概要设计22.2程序整体设计说明22.3程序部分源代码及注释62.4测试结果10第3章 程序设计总结13参考文献14第1章 程序设计目的与要求1.1 程序设计目的电子商务系统的规划与设计是电子商务专业的必修专业基础课程，其实践性、应用性很强。实践教学环节是必不可少的一个重要环节。本课程的程序设计专题实际是电子商务专业学生学习完电子商务系统的规划与设计课程后，进行的一次全面的综合训练，电子商务网站的设计目的是加深对理论教学内容的理解和掌握，使学生较系统地掌握程序设计及其在电子商务网站开发中的广泛应用，基本方法及技巧，为学生综合运用所学知识，利用软件工程为基础进行软件开发、并在实践应用方面打下一定基础。1.2 程序设计的实验环境硬件要求能运行Windows xp操作系统的微机系统。JSP程序设计语言及相应的集成开发环境。1.3 程序设计的预备知识熟悉tomcat集成开发环境。1.4 程序设计要求按程序设计指导书提供的课题，要求学生在自行完成各个操作环节，并能实现且达到举一反三的目的，完成一个项目解决一类问题。要求学生能够全面、深入理解和熟练掌握所学内容，并能够用其分析、设计和解答类似问题；对此能够较好地理解和掌握，能够进行简单分析和判断；能编写出具有良好风格的程序；掌握JSP开发电子商务网站的基本技能和面向对象的概念和方法；了解JSP编程。同时培养学生进行分析问题、解决问题的能力；培养学生进行设计分析、设计方法、设计操作与测试、设计过程的观察、理解和归纳能力的提高。第2章 程序设计内容2.1程序设计题目电影网站系统规划与设计2.2程序整体设计说明网站结构设计：根据需求，我们将“电影”的网站总体结构框架设计如图所示：“电影”网站首页喜剧动作爱情惊悚动作科幻关于我们登录注册电影排行友情链接热门排行喜剧推荐动作推荐热门排行爱情推荐热门排行科幻推荐科幻排行动作推荐动作排行惊悚推荐惊悚排行网站介绍合作伙伴广告投放合作伙伴图2.21网站结构设计图Dreamweaver 8是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Flash是美国Macromedia公司所设计的一种二维矢量动画软件（现Adobe公司产品），用于设计和编辑Flash文档，最新版本为：Adobe Flash CS5。Flash通常也指Macromedia Flash Player（现Adobe Flash Player），用于播放Flash文档VBScript是微软开发的一种脚本语言，可以看作是VB语言的简化版，与VBA的关系也非常密切。它具有原语言容易学习的特性。目前这种语言广泛应用于网页和ASP程序制作，同时还可以直接作为一个可执行程序。用于调试简单的VB语句非常方便。Microsoft Internet Explorer，简称MSIE（一般称成Internet Explorer，简称IE），是微软公司推出的一款网页浏览器。先建立动态站点：单机运行桌面上的Dreamweaver 8快捷图标，启动Dreamweaver 8，单击管理站点按钮，弹出管理站点的对话框，单击新建按钮，选择站点命令。弹出站定定义的对话框，有基本和高级两个选项卡，分别设置各项参数。完成，返回管理站点对话框。制作模板页：页眉设计，页眉是整个网页的顶部区域，用来放置广告条、导航菜单和一些公共内容。在Dreamweaver中新建一个模板文档，选择ASP VBScript模板，保存名字，在模板页面中插入表格，完成设计。页脚设计：页脚是整个网页的底部区域，用来放置网站版权的信息、技术支持、日期等信息，插入表格，完成设计。可编辑区域设计：可编辑区域是模板页中的关键区域，以模板页创建的网页除了定义的可编辑区域可设计成不同的内容外，其他非可编辑区都不可做修改。在页眉页脚之间插入表格，光标定在单元格内，插入可编辑区域，进行编辑。然后设置导航的超链接。创建首页选择文件菜单，单击新建，在弹出的新建文档对话框中单击切换到模板选项卡，选择模板后单击创建按钮。页面布局时，在页面的可编辑区域进行设置，编辑效果，在单元表格中插入图像占位符，对弹出的对话不需要任何设置，直接单击确定，输入编辑的内容。由于在模板页中已建好了站点和数据库的链接，因此在应用程序面板组的数据库面板中将自动继承数据源对象，单击数据源面板中的数据表，同时将鼠标移动至网页编辑页面中，然后释放鼠标，创建记录集。将光标定位在页面中药插入数据的数据位置，然后选择绑定面板中的字段，单击面板中的插入按钮将字段添加到页面。有些内容显示有可能重复，所以要设置重复区域，打开服务器行为的面板，单击加号按钮，在下拉菜单中选择重复区域命令，在重复区域设置对话框中修改显示1条记录。用户注册模块：注册页面，使用模板页创建注册页，在新建文档对话框中用模板选项卡，选择文件，单击创建按钮，打开一个未命名的网页编辑页，在应用程序面板组的服务器行为面板中，修改文档类型为ASP VBScript，然后设置页面布局及文字样式。用户留言模块：使用模板页创建留言板，在新建文档对话框中用模板选项卡，选择文件，创建，打开一个未命名的网页编辑页，修改文件类型，设计页面布局及文字样式，插入表单域，设置表单。关于我们：关于我们是一个用于网站介绍的文字显示页面， 没有数据的交换，因此我们可以设置成静态的页面，用模板页建一个网页，保存为html形式，在页面的可编辑区域中进行编辑。本网站主要是让一些喜爱电影的用户，对电影有更深入的了解并了解一下当代电影的相关资讯。而且用户可以免注册，直接浏览该网站的所有内容。内容包括：首页、喜剧电影、动作电影、爱情电影、恐怖电影、科幻电影、动漫电影，关于我们等八个版块。本版块设计技术涉及：利用行为与层的结合控制页面的分类,利用表但中的下拉菜单控制页面中的分类；图2.22“首页”图 首页版块：该页面作为整个网站的首页，为了用户浏览方便，所以在进行版面设计时，将本作品的六个主要版块的内容都浓缩在首页的界面里，从而令用户可以快速的看到用户所感兴趣的内容，节省用户浏览的时间。另外由于本网站新增了一个留言板的版块，所以在用户浏览本网站首页时会自动弹出一个欢迎留言板的窗口，用户可以点击该窗口里面的内容从而进入到留言板版块里面；本版块设计技术涉及：利用Flash插件技术插入小动画，另看起来网站有生动的感觉,利用时间轴、行为和层控制作品展示栏（如图2.2-3） 图2.2-3利用Flash插件技术插入小动画，另看起来网站有生动的感觉，插些最新影片的图片，进行循环播放，可以让观众看的一目了然，很是便利。图2.2-4浏览图关于我们包含了关于电影网站的介绍，制作人的介绍和合作伙伴， 这里使用的是超链接。还有广告投放，留言等内容。图2.2-4“关于我们”图因版块的整体内容非常繁多，而且又细分成一些类别，所以利用锚点技术来控制页面，从而令用户能快速查看想要看到的内容。 2.3程序部分源代码及注释电商制作/此处的功能是实现“登陆评论区”按钮的function login()var username=document.getElementById(username).value;var password=document.getElementById(password).value;if(username=cy&password=11)window.location.href=liuyanqu.html;elsealert(用户名和密码错误！);Thursday, 2012-11-29 19:37 电商电影院欢迎您              设为主页    推荐给朋友   收藏本站 首页   |    喜剧电影   |    动作电影   |   爱情电影    |    恐怖电影   |   科幻电影  |    战争电影   |   动漫电影    |    关于我们 帐 号： 密 码：  关键字：img src=./images/bb.gif width=5欢迎注册电商电影院网站!以下内容必须填写不超过7个汉字，或14个字节(数字，字母和下划线) 密码：仅限汉字、字母、数字和下划线。确认密码：QQ：确认密码：QQ：交友工具E-mail：请输入有效的邮件地址，当密码遗失时凭此领取有效证件：身份证学生证驾驶证证件编号：以下内容可以选择填写姓名：性别：男女出生日期：版权所有电商-程月、魏雪新、赵玲、许潇文电商电影院提供的所有链接均通过搜索引擎生成，内容均来自互联网。如果链接所指向的内容侵犯版权，请权利人通知站长，我们将尽快删除相关内容！ 信箱：278514363 电话nbsp;QQ：2785143632.4测试结果1.该网站稳定性较高，影片高清。安全性较高不易被破坏也 不容易被病毒感染。 2.完成软件开发后，也得对软件进行测试，保证软件万无一失，提高运行的速度！ 3.网站的兼容性较大，对任何浏览器均可使用。 4.在上传资料时我们也得对网站进行测试，保证了网站的完整性。当我们测试看喜剧电影的时候，就会出现如图所示的效果。图2.41喜剧电影图可以看见关于剧情的介绍，关于导演，主演，类型，片长等内容，然后进行播放。图2.42剧情介绍图测试注册信息，会出现该页面，提示对昵称，密码的要求。提示用户输入合理的内容，从而方便进行注册。还会显示已经注册的用户，可以进行交友的功能，“您的位置”模块会显示用户所在的具体位置，方便用户。图2.4-3注册信息图当用户对我们的网站有什么建议的时候就可以根据该留言板模块给我们留言。提出一些意见，评价等内容，这样可以知道用户对于我们的网站有都很么意见，可以让网站日后的体系更加完善。图2.4-4留言板图第3章 程序设计总结通过这次的课程设计,我掌握了制作网站的相关知识,熟悉了网页制作的相关工具及 FLASH 等多种工具。由于时间及个人能力的限制. 这个网站还有很多不足的地方,希望在今后的不断学习与应用中把它完善。通过这次电影网的制作,使我对网站形成的基本过程及基本纲领构架有了很大的了解,加深了我对网站建设的认识,相信这些知识将对我以后的学习带来很大的帮助。 在本次课程设计中，我对如何做一个网站有了全面深刻地理解。在设计网站时我和同组同学先对所要制作的网站进行初步的了解，清楚电影网站的大概框架，都需要用到什么。然后理清思路，对要制作的网站进行设计，根据现有的一些网站进行参考，然后做出我们自己想要做的网站。我在制作过程中负责网站界面的设计，在此过程中我深刻体会到了团队合作须协调的重要作用。我需要和编写程序代码的同学商量好如何让用户能够很方便、简单地使用我们的系统，并且还不能减少相应的系统功能，如果没有很好的配合，就会导致网站功能的下降和网站更新难度增大。除此之外材料搜集等工作也很是重要，包括图片，视频，数据等信息，可见团队合作的重要，在详细制作这部分我们组同学之间相互给出意见，互相讨论出现的问题，彼此采纳建议，成功制作出了这个电影网站。在制作网站的过程中，我们遇到了各种问题，遇到不会做的内容就参考教科书和相关的书籍，与组员之间进行互补互助，再加上在老师在上机课时的精心指导，最终制作出了该电影网站。在制作过程中，我们充分考虑到各种关于制作类似视频网站应考虑到的问题，像是用户登录，用户注册，交友，评论等功能，我们在我们的网站里也有将这些功能一一实现了。在制作的过程中，我体会到了实践的重要性，相对与理论知识，实践更能加深我们对与Dreamweaver等软件的理解和运用，能让我们更熟练使用各种用于网站制作的软件，提高了我