影视专题网站设计与实现.docx
《影视专题网站设计与实现.docx》由会员分享，可在线阅读，更多相关《影视专题网站设计与实现.docx（16页珍藏版）》请在冰豆网上搜索。
影视专题网站设计与实现
华东理工大学继续教育学院
专科毕业综合训练
题目影讯专题网站设计与实现
专业计算机信息管理
年级计信110
学号
姓名张厚才
导师唐玮
完成日期2013年8月15日
摘要
当前，随着计算机技术与通信技术的发展，网络的规模也逐渐增大。
网络的元素也随之而不断增加。
有的利用其进行通信，有的利用其作为商业用途，在网络上进行出售、收购、宣传等用途。
从而使得网络越来越成为现今社会上必不可少的元素，而网站就是这个网络里的一个很大的元素。
所谓网站（Website），就是指在网际网路（因特网）上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。
简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯（信息），或者利用网站来提供相关的网路服务（网络服务）。
人们可以通过网页浏览器来访问网站，获取自己需要的资讯（信息）或者享受网路服务。
随着时代的发展，生活水平的提高，人民对于娱乐的方式也越发丰富，而电影则是其中一种较为受广大人民群众喜爱的娱乐方式。
而本作品就是一个详细介绍电影的专题网站。
本作品作为一个介绍电影的专题网站，其内容包括六个栏目：
《当年今日》：
本栏目详细介绍了电影的发展历程，并按类别再细分为八个类别；
《国际电影》：
本栏目详细介绍了几个电影事业发展比发达的地区，并略分为五大流派；
《电影商机》：
本栏目详细介绍了现今社会上与电影相关的商业，并按行业分为五个类别；
《代表作》：
本栏目详细展示了电影历史上的一些代表作，并按类别分为八个类别；
《电影相关》：
本栏目详细介绍了由电影衍生出来的产物，并略分为五个类别；
《讨论专区》：
本栏是给与喜欢电影的用户去讨论的专区；
本作品在内容的组织安排上尽量做到结构合理、内容翔实、通俗易懂，有利于读者理解本作品的制作流程、结构等。
关键词：
网站设计，网站，电影
摘要2
目录3
第一章概述5
1.1网站背景5
1.2网站的目标5
1.3网站的分类5
6
6
6
第二章网站的分析7
2.1技术可行性分析7
2.2经济可行性分析7
2.3操作可行性分析7
第三章关键技术介绍8
3.1Struts概述8
3.2JSP概述8
3.3SQL语言的简单介绍8
第四章系统分析10
4.1框架概述10
4.2系统功能概述10
4.3系统任务的可行性分析13
4.3.1技术可行性13
4.3.2系统安全可行性14
第五章总体设计15
5.1站点设计15
5.2版块设计15
16
18
19
5.3特殊代码21
第六章网站设计环境23
6.1硬件环境23
6.2软件环境23
6.3软件工具介绍23
6.3.1网站设计工具23
6.3.2多媒体处理工具23
24
24
25
25
第七章网站运行26
7.1设置“数据源（ODBC）”26
7.2利用IIS浏览网站27
27
29
总结30
致谢31
参考文献33
第一章概述
1.1网站背景
当前，随着计算机技术与通信技术的发展，网络的规模也逐渐增大。
网络的元素也随之而不断增加。
有的利用其进行进行通信，有的利用其作为商业用途，在网络上进行出售、收购、宣传等用途。
从而使得网络越来越成为现今社会上必不可少的元素，而网站就是这个网络的一个很大的元素。
所谓网站（Website），就是指在网际网路（因特网）上，根据一定的规则，使用HTML等工具制作的用於展示特定内容的相关网页的集合。
简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯（信息），或者利用网站来提供相关的网路服务（网络服务）。
人们可以通过网页浏览器来访问网站，获取自己需要的资讯（信息）或者享受网路服务。
而电影，也称映画。
是由活动照相术和幻灯放映术结合发展起来的一种现代艺术。
是一门可以容纳文学戏剧、摄影、绘画、音乐、舞蹈等多种艺术的综合艺术，但它又具有独自的艺术特征。
电影在艺术表现力上不但具有其它各种艺术的特征，又因可以运用蒙太奇这种艺术性极强的电影组接技巧，具有超越其它一切艺术的表现手段，而且影片可以大量复制放映。
1.2网站的目标
（1）本设计的主要目标是开发名为《當代电影》的电影网站，用户可通过本网站浏览一些关于电影的资信或信息，例如：
历史、各国的行程或相关等。
而且还可以通过留言板发表留言、互相讨论。
（2）按时保质地完成《當代電影》网站，并掌握到制作系统的过程与技术
（3）通过制作软件的过程中，学会合力分配人员的工作，培养团队协助能力。
1.3网站的分类
当今时代,随着计算机网络技术的飞速发展，如果按用途来分类，笔者认为网站基本可以分为三大类；
这一类的网站根据性质可分为两类；
个人专题类，这一类的网站主要是由一些有一定网站设计基础的人员，设计出来的一些无商业涉及的专题网站。
而设计这一类网站的人员基本上都是按自己的喜好来设计的。
（本网站就是这一类网站）。
第二章网站的分析
2.1技术可行性分析
在制作电影网站的过程中需要考虑到技术可行性的问题，对制作人员一般都要求掌握计算机技术，具有一定的数据库基础，至少熟悉运用一个网页制作的软件（如：
Dreamweaver），并对多媒体软件具有一定的熟悉（如：
Photoshop、Flash等等）。
2.2经济可行性分析
本作品制作全程都是由本小组自发研制，因此无需太多的人力和物力，管理方便，所以无需庞大的费用，甚至可以所是零费用。
同时本作品是一个动态网页，每次浏览都需要一个Web服务器支持，为了方便用户浏览本网站在网上申请了一个域名，并利用这个提供域名的商家的Web服务器作为本网站的Web服务器。
所以从经济上完全是可行的。
2.3操作可行性分析
本作品操作简单、界面简洁清晰,对于那些有一般的计算机知识的人员就可以轻松上手。
并兼容与所有网页浏览的软件（如:
InternetExplorer）
由此可见，该网站的操作是可行的，有必要开发本网站。
综合以上方面，本网站具有很高的开发可行性，无论是从技术上，经济上或者社会因素方面还是操作上都是可行的。
第三章关键技术介绍
3.1Struts概述
Struts是采用JavaServlet/JavaServerPages技术，开发Web应用程序的开放源码的framework。
Struts就是在JSPModel2的基础实现了MVC设计模式的WEBFramework。
采用Struts能开发出基于MVC（Model-View-Controller）设计模式的应用构架。
基于Struts构架的WEB应用程序基本上符合JSPModel2的设计标准，可以说是MVC设计模式的一种变化类型。
Struts的目的是为了帮助你减少在运用MVC设计模型来开发Web应用的时间。
你仍然需要学习和应用该架构，不过它将可以完成其中一些繁重的工作。
如果想混合使用Servlets和JSP的优点来建立可扩展的应用，Struts是一个不错的选择。
3.2JSP概述
使用JSP技术，Web页面开发人员可以使用HTML或者XML标识来设计和格式化最终页面。
使用JSP标识或者小脚本来产生页面上的动态内容。
产生内容的逻辑被封装在标识和JavaBeans群组件中，并且捆绑在小脚本中，所有的脚本在服务器端执行。
如果核心逻辑被封装在标识和Beans中，那么其它人，如Web管理人员和页面设计者，能够编辑和使用JSP页面，而不影响内容的产生。
在服务器端，JSP引擎解释JSP标识，产生所请求的内容（例如，通过存取JavaBeans群组件，使用JDBC技术存取数据库），并且将结果以HTML（或者XML）页面的形式发送回浏览器。
这有助于作者保护自己的代码，而又保证任何基于HTML的Web浏览器的完全可用性。
3.3SQL语言的简单介绍
SQL是英文Structured Query Language的缩写，意思为结构化查询语言。
SQL语言的主要功能就是同各种数据库建立联系，进行沟通。
按照ANSI（美国国家标准协会）的规定，SQL被作为关系型数据库管理系统的标准语言。
SQL语句可以用来执行各种各样的操作，例如更新数据库中的数据，从数据库中提取数据等。
目前，绝大多数流行的关系型数据库管理系统，如Oracle、Sybase、Microsoft SQL Server、Access等都采用了SQL语言标准。
虽然很多数据库都对SQL语句进行了再开发和扩展，但是包括Select、Insert、Update、Delete、Create 以及Drop在内的标准的SQL命令仍然可以被用来完成几乎所有的数据库操作。
在众多的SQL命令中，select语句应该算是使用最频繁的。
select语句主要被用来对数据库进行查询并返回符合用户查询标准的结果数据。
select语句中位于select关键词之后的列名用来决定哪些列将作为查询结果返回。
用户可以按照自己的需要选择任意列，还可以使用通配符“*”来设定返回表格中的所有列。
select语句中位于from关键词之后的表格名称用来决定将要进行查询操作的目标表格。
除了上面所提到的运算符外，LIKE运算符在where条件从句中也非常重要。
LIKE运算符的功能非常强大，通过使用LIKE运算符可以设定只选择与用户规定格式相同的记录。
第四章系统分析
4.1框架概述
本系统采用的是Struts结构，Struts就是在JSPModel2的基础实现了MVC设计模式的WEBFramework。
采用Struts能开发出基于MVC（Model-View-Controller）设计模式的应用构架。
4.2系统功能概述
在线购物系统涉及到管理员的管理和用户登录两个方面，包括用户登录，浏览商品，订单。
根据实际需求和具体情况，能够实现系统的保密性及时性以及管理员和用户对应不同的操作！
在此系统开发前，我们模拟出整个系统中的两种不同身份的用户，即：
管理员和用户。
以下所有的分析和设计都是在此两种身份的前提下进行的。
在满足商品管理的实际需求和在对商品管理系统的逐步认识下，现对商品管理系统的功能分析如下：
由于身份不同，用户实现的功能也就不一样，所以在该系统中只有管理员才能够对商品进行操作，用户只能进行浏览和购物。
用户登录后，不具有对商品的操作，只有查看商品，管理员可以查看用户的购物情况，掌握用户的购物情况。
网上购物系统分为前台和后台管理。
前台包括浏览商品、查询商品、订购商品、购物车、会员注册、订单查询等。
根据需求调研结果确定本系统普通用户和管理员的活动图如图3.1所示。
图4.1普通用户和管理员的活动图
模块功能描述
（1）注册功能
该模块实现用户的注册功能，包括添写个人信息及设定个人密码。
客户端将个人信息及密码传输到服务器端，服务器再将用户信息保存至数据库中，等待用户的修改或他人查找。
个人信息包括：
用户名，性别，E-Mail及备注。
密码设定包括：
输入密码，密码确认及密码提示。
点击注册按钮，如果注册成功页面跳转到注册成功，如果注册失败则提示“注册失败后”返回上一页。
用户注册用例图如图3.2所示。
图4.2用户注册用例图
（2）登录功能
该模块实现注册后的用户登录到网站。
用户输入个人用户名及密码，ID存在且密码正确后登录网站。
用户登录用例图如图3.3所示。
图4.3用户登录用例图
（3）影音商品添加功能
影音管理模块，该模块属于后台管理模块，包括：
添加影音和编辑影音，添加影音信息包括商品类别、名称、价格、图片，编辑影音信息包括：
更改影音类别、名称、价格、图片、文字说明。
影音商品添加用例图如图3.4所示。
图4.4影音商品添加用例图
（4）购物车模块
用户查看影音商品，选择之后可以添加购物车中，在购物车中添加影音商品的数量。
订单管理用例图如图3.5所示。
图4.5订单管理用例图
4.3系统任务的可行性分析
4.3.1技术可行性
本实例使用的工具是Struts，Struts是采用JavaServlet/JavaServerPages技术，开发Web应用程序的开放源码的framework。
Struts就是在JSPModel2的基础实现了MVC设计模式的WEBFramework。
采用Struts能开发出基于MVC（Model-View-Controller）
4.3.2系统安全可行性
服务器的安全特性是相当重要的，它不仅可以预防未授权用户对网络的访问，同时保护Web站点的内容不受侵犯。
典型的安全特性包括访问控制和加密。
我们可以使用防火墙技术来限制网络上的非法访问，保证WEB服务器的安全完善的用户身份确认机制。
通过用户身份确认，允许合法用户进入网站，防止非法用户的访问。
对用户密码采用MD5不可逆加密技术，保证网站的安全。
第五章总体设计
5.1站点设计
打开Dreamweaver8→站点→新建站点；
进入【站点定义】窗口，点击【高级】选项卡
进入【本地信息】分类窗口分别输入：
站点名称：
DreamweaverBYSJ
本地根文件夹：
E:
\DreamweaverBYSJ
进入【测试服务器】窗口，分别选择
服务器模型：
ASPVBScript
访问：
本地/网络
点击【确定】按钮完成站点设置。
完成后右下角的站点窗口会显示一个新的站点（如图3.1-1）
（图5.1-1）
5.2版块设计
本网站主要是让一些喜爱电影的用户，对电影有更深入的了解并了解一下当代电影的相关资讯。
而且用户可以免注册，直接浏览该网站的所有内容。
内容包括：
首页、当年今日、国际电影、电影商机、代表作、电影相关、留言板等七个版块
而这七个版块：
Logo截图（图5.2-1）
5.2.1首页版块
该页面作为整个网站的首页，为了用户浏览方便，所以在进行版面设计时，将本作品的六个主要版块的内容都浓缩在首页的界面里，从而令用户可以快速的看到用户所感兴趣的内容，节省用户浏览的时间。
另外由于本网站新增了一个留言板的版块，所以在用户浏览本网站首页时会自动弹出一个欢迎留言板的窗口，用户可以点击该窗口里面的内容从而进入到留言板版块里面；
本版块设计技术涉及：
利用Flash插件技术插入小动画，另看起来网站有生动的感觉
利用时间轴、行为和层控制作品展示栏（如图3.2-2）
（图3.2-2）
首页版块（图5.2-3）
留言板跳转窗口（图5.2-4）
5.2.2当年今日版块
因该版块的整体内容非常繁多，而且又细分成八个类别，所以利用锚点技术来控制页面，从而令用户能快速查看想要看到的内容。
本版块设计技术涉及：
利用锚点技术控制页面
当年今日版块（图5.2-5）
假设用户需要查看“电影早期”的信息其操作如下：
点击细分类别按钮层的“电影早期”（如图3.2-5），网站通过锚点技术立刻跳转到“电影早期”的详细信息（如图3.2-6），若点击“返回顶部”则可以返回细分类别按钮层
（图3.2-6）
（图5.2-7）
该版块作者利用了一些，现在网络上的在线看电影的网站的格局去设计的，使用方便，并且有八个分类分别是：
爱情、动画、惊悚、科幻、喜剧、悬疑、灾难和战争。
本版块设计技术涉及：
利用行为与层的结合控制页面的分类；
利用表单中的下拉菜单控制页面中的分类；
代表作版块（图5.2-8）
以下简单的演示一下：
假设用户需要查看一部名为“斯巴达300勇士”的电影。
要想快速查询一个电影最快的方法就是通过他的分类去寻找。
而“斯巴达300勇士”属于一个战争片，所以战争分类去查找，方法有两个；
方法一：
通过“分类内容显示栏”查找
本板块的默认分类是“爱情”分类（如图3.2-8）。
而用户需要查询的“战争”分类则在“分类内容显示栏”的最右侧。
（图5.2-9）（图5.2-10）
（图5.2-11）
方法二：
通过“分类下拉选项卡”查找
在本版块的上方（“logo”以下，“分类内容显示栏”以上）有八个“分类下拉选项卡”，分别对应于本版块的八个分类。
（如图3.2-11）
（图3.2-12）
（图5.2-13）（图5.2.14）
本板块提供的两种使用方法随用户喜欢那种都可以，两种方法都一样方便。
5.3特殊代码
一个网站的组成都基本都是由模版或者框架支撑起来的，因为有一个统一的风格才能使一个网站看上去干净、整齐、清晰。
而本网站就是由一个模版支撑整个网页，换句话来说整个网页都是由这个模版作为基础来设计的。
本网站基本操作都在MacromediaDreamweaver8这个网页开发软件的环境里操作，基本不需要接触代码。
而本网站的模版组成，都是由大量背景透明的png图像文件来支撑的。
但是由于MicrosoftInternetExplorer6这个浏览器的版本太低所以浏览所有含透明背景的png图像文件会出现背景不透明的现象（如图3.3-1）
所以在设计模版的时候会在模板文件中插入一下代码：
在模板文件中找出第三行代码，在
与中间输入以下代码:
便可以在MicrosoftInternetExplorer6&5.5这两个版本的浏览器下实现png图形文件的背景透明化。
（如图3.3-2）
未加代码前（图5.3-1）加入代码后（图5.3-2）
第六章网站设计环境
6.1硬件环境
电脑:
X86兼容台式电脑
硬件配置:
处理器:
英特尔Pentium（奔腾）双核E5300@2.60GHz
主板:
华擎4Core1600-GLAN（英特尔P35/G33/G31/P31Express）
内存:
2GB（威刚DDR2800MHz）
主硬盘:
日立HDT721025SLA380（250GB）
显卡:
NVIDIAGeForce9600GT（128MB）
显示器:
宏碁ACR009DX203H（19.9英寸）
光驱:
明基DVDDCDW2000DVD刻录机
声卡:
瑞昱ALC662@英特尔82801G（ICH7）高保真音频
网卡:
瑞昱RTL8168C（P）/8111C（P）PCI-EGigabitEthernetNIC/华擎
6.2软件环境
1）数据库：
MicrosoftAccess
2）网页脚本：
VBScript
3）网页编辑工具：
MicromediaDreamweaver8
4）操作系统：
MicrosoftWindowsXPProfessional（32位/SP3/DirectX9.0c）
5）其他支撑组件:
ODBC数据源、Internet信息服务（IIS）
6.3软件工具介绍
6.3.1网站设计工具
MacromediaDreamweaver8
Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
6.3.2多媒体处理工具
AdobePhotoShop（PS）CS4
Photoshop是Adobe公司旗下最为出名的图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体的图形图像处理软件，深受广大平面设计人员和电脑美术爱好者的喜爱。
CorelDrawX4
CorelDRAWGraphicsSuite是一款由世界顶尖软件公司之一的加拿大的Corel公司开发的图形图像软件。
其非凡的设计能力广泛地应用于商标设计、标志制作、模型绘制、插图描画、排版及分色输出等等诸多领域。
其被喜爱的程度可用事实说明，用于商业设计和美术设计的PC电脑上几乎都安装了CorelDRAW。
AdobeFlash8
Flash是美国Macromedia公司所设计的一种二维矢量动画软件（现Adobe公司产品），用于设计和编辑Flash文档，最新版本为：
AdobeFlashCS5。
Flash通常也指MacromediaFlashPlayer（现AdobeFlashPlayer），用于播放Flash文档
AdobePremierePro1.5
AdobePremierePro是目前最流行的非线性编辑软件，是数码视频编辑的强大工具，它作为功能强大的多媒体视频、音频编辑软件，应用范围不胜枚举，制作效果美不胜收，足以协助用户更加高效地工作。
AdobePremierePro以其新的合理化界面和通用高端工具，兼顾了广大视频用户的不同需求，在一个并不昂贵的视频编辑工具箱中，提供了前所未有的生产能力、控制能力和灵活性。
AdobePremierePro是一个创新的非线性视频编辑应用程序，也是一个功能强大的实时视频和音频编辑工具，是视频爱好者们使用最多的视频编辑软件之一。
6.3.3音频处理工具
WaveCN
WaveCN是一款32位免费音频编辑软件，可运行于Windows98/2000/XP等版本的操作系统，用户可以通过本软件对音频数据进行辑修改和创造特殊效果。
6.3.4数据库
MicrosoftAccess
MicrosoftOfficeAccess（前名MicrosoftAccess）是由微软发布的关联式数据库管理系统。
它结合了MicrosoftJetDatabaseEngine和图形用户界面两项特点，是MicrosoftOffice的成员之一。
其实Access也是微软公司另一个通讯程序的名字，想与ProComm以及其他类似程序来竞争。
可是事后微软证实这是个失败计划，并且将它中止。
数年后他们把名字重新命名于数据库软件。
另外，Access还是c语言的一个函数名和一种交换机的主干道模式。
6.3.5网页脚本
VBScript
VBScript是微软开发的一种脚本语言，可以看作是VB语言的简化版，与VBA的关系也非常密切。
它具有原语言容易学习的特性。
目前这种语言广泛应用于网页和ASP程序制作，同时还可以直接作为一个可执行程序。
用于调试简单的VB语句非常方便。
6.3.6测试工具
MicrosoftInternetExplorer6
MicrosoftInternetExplorer，简称MSIE（一般称成InternetExplorer，简称IE），是微软公司推出的一款网页浏览器。
Internet信息服务（IIS）
InternetInformationServices（IIS，互联网信息服务），是由微软公司提供的基于运行MicrosoftWindows的互联网基本服务。
最初是WindowsNT版本的可选包，随后内置在Windows2000、WindowsXPProfessional和WindowsServer2003一起发行，但在普遍使用的WindowsXPHome版本上并没有IIS。
第七章网站运行
7.1设置“数据源（ODBC）”
打开【控制面板】→【管理工具】→【数据源（ODBC）】（如图5.1-1）
（图7.1-1）
进入【数据源（ODBC）】打开【系统DSN】选项卡点击【添加】按钮（如图5.1-2）
（图7.1-2）
进入【创建新数据源】窗口，选择数据源的驱动程序
升级会员 