影视专题网站设计与实现

华东理工大学继续教育学院专科毕业综合训练

题目影讯专题网站设计与实现

专业计算机信息管理

年级计信110

学号24112460

姓名张厚才

导师唐玮

完成日期2013 年8 月15 日

摘要

当前，随着计算机技术与通信技术的发展，网络的规模也逐渐增大。网络的元素也随之而不断增加。有的利用其进行通信，有的利用其作为商业用途，在网络上进行出售、收购、宣传等用途。从而使得网络越来越成为现今社会上必不可少的元素，而网站就是这个网络里的一个很大的元素。

所谓网站(Website)，就是指在网际网路（因特网）上，根据一定的规则，使用HTML 等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯（信息），或者利用网站来提供相关的网路服务（网络服务）。人们可以通过网页浏览器来访问网站，获取自己需要的资讯（信息）或者享受网路服务。

随着时代的发展，生活水平的提高，人民对于娱乐的方式也越发丰富，而电影则是其中一种较为受广大人民群众喜爱的娱乐方式。而本作品就是一个详细介绍电影的专题网站。本作品作为一个介绍电影的专题网站，其内容包括六个栏目：

《当年今日》：本栏目详细介绍了电影的发展历程，并按类别再细分为八个类别；

《国际电影》：本栏目详细介绍了几个电影事业发展比发达的地区，并略分为五大流派；《电影商机》：本栏目详细介绍了现今社会上与电影相关的商业，并按行业分为五个类别；《代表作》：本栏目详细展示了电影历史上的一些代表作，并按类别分为八个类别；

《电影相关》：本栏目详细介绍了由电影衍生出来的产物，并略分为五个类别；

《讨论专区》：本栏是给与喜欢电影的用户去讨论的专区；

本作品在内容的组织安排上尽量做到结构合理、内容翔实、通俗易懂，有利于读者理解本作品的制作流程、结构等。

关键词：网站设计，网站，电影

目录

摘要 (2)

目录 (3)

第一章概述 (5)

1.1网站背景 (5)

1.2网站的目标 (5)

1.3网站的分类 (5)

1.3.1搜索引擎类 (6)

1.3.2资源共享类 (6)

1.3.3专题网站类 (6)

第二章网站的分析 (7)

2.1技术可行性分析 (7)

2.2经济可行性分析 (7)

2.3操作可行性分析 (7)

第三章关键技术介绍 (8)

3.1 Struts概述 (8)

3.2 JSP概述 (8)

3.3 SQL语言的简单介绍 (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)

5.2.1首页版块 (16)

5.2.2当年今日版块 (18)

5.2.3代表作版块 (19)

5.3特殊代码 (21)

第六章网站设计环境 (23)

6.1硬件环境 (23)

6.2软件环境 (23)

6.3软件工具介绍 (23)

6.3.1 网站设计工具 (23)

6.3.2 多媒体处理工具 (23)

6.3.3音频处理工具 (24)

6.3.4数据库 (24)

6.3.5网页脚本 (25)

6.3.6测试工具 (25)

第七章网站运行 (26)

7.1设置“数据源(ODBC)” (26)

7.2利用IIS浏览网站 (27)

7.2.1利用IIS浏览网站 (27)

7.2.2利用ASP测试工具模仿IIS环境 (29)

总结 (30)

致谢 (31)

参考文献 (32)

第一章概述

1.1网站背景

当前，随着计算机技术与通信技术的发展，网络的规模也逐渐增大。网络的元素也随之而不断增加。有的利用其进行进行通信，有的利用其作为商业用途，在网络上进行出售、收购、宣传等用途。从而使得网络越来越成为现今社会上必不可少的元素，而网站就是这个网络的一个很大的元素。

所谓网站(Website)，就是指在网际网路（因特网）上，根据一定的规则，使用HTML 等工具制作的用於展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯（信息），或者利用网站来提供相关的网路服务（网络服务）。人们可以通过网页浏览器来访问网站，获取自己需要的资讯（信息）或者享受网路服务。

而电影，也称映画。是由活动照相术和幻灯放映术结合发展起来的一种现代艺术。是一门可以容纳文学戏剧、摄影、绘画、音乐、舞蹈等多种艺术的综合艺术，但它又具有独自的艺术特征。电影在艺术表现力上不但具有其它各种艺术的特征，又因可以运用蒙太奇这种艺术性极强的电影组接技巧，具有超越其它一切艺术的表现手段，而且影片可以大量复制放映。

1.2网站的目标

（1）本设计的主要目标是开发名为《當代电影》的电影网站，用户可通过本网站浏览一些关于电影的资信或信息，例如：历史、各国的行程或相关等。而且还可以通过留言板发表留言、互相讨论。

（2）按时保质地完成《當代電影》网站，并掌握到制作系统的过程与技术

（3）通过制作软件的过程中，学会合力分配人员的工作，培养团队协助能力。

1.3网站的分类

当今时代,随着计算机网络技术的飞速发展，如果按用途来分类，笔者认为网站基本可以分为三大类；

1.3.1搜索引擎类

这一类的网站是最为普遍的，而且商业用途也很广泛。无论对于一般网民，或者办公人员都是必不可少的网站。（如http：//https://www.sodocs.net/doc/d519145958.html,这是一个名为“百度”的搜索引擎网站）

1.3.2资源共享类

这一类的网站主要体现于视频网站、论坛（即BBS）、社区、下载平台和电子邮件（即Email）网站。这种类型的网站是当今时代计算机网络技术的代表。（如https://www.sodocs.net/doc/d519145958.html,/这是一个名为“广州视窗”的社区）

1.3.3专题网站类

这一类的网站根据性质可分为两类；

企业商品类，这一类的网站主要是围绕一个商品或一个企业而产生的专题网站。（如https://www.sodocs.net/doc/d519145958.html,这是一个名为“完美世界”的网络游戏的官方网站）

https://www.sodocs.net/doc/d519145958.html,/这是一个叫完美时空的企业的官方网站）。

个人专题类，这一类的网站主要是由一些有一定网站设计基础的人员，设计出来的一些无商业涉及的专题网站。而设计这一类网站的人员基本上都是按自己的喜好来设计的。（本网站就是这一类网站）。

第二章网站的分析

2.1技术可行性分析

在制作电影网站的过程中需要考虑到技术可行性的问题，对制作人员一般都要求掌握计算机技术，具有一定的数据库基础，至少熟悉运用一个网页制作的软件（如：Dreamweaver），并对多媒体软件具有一定的熟悉（如：Photoshop、Flash等等）。

2.2经济可行性分析

本作品制作全程都是由本小组自发研制，因此无需太多的人力和物力，管理方便，所以无需庞大的费用，甚至可以所是零费用。同时本作品是一个动态网页，每次浏览都需要一个Web服务器支持，为了方便用户浏览本网站在网上申请了一个域名，并利用这个提供域名的商家的Web服务器作为本网站的Web服务器。所以从经济上完全是可行的。

2.3操作可行性分析

本作品操作简单、界面简洁清晰, 对于那些有一般的计算机知识的人员就可以轻松上手。并兼容与所有网页浏览的软件(如: Internet Explorer)

由此可见，该网站的操作是可行的，有必要开发本网站。

综合以上方面，本网站具有很高的开发可行性，无论是从技术上，经济上或者社会因素方面还是操作上都是可行的。

第三章关键技术介绍

3.1 Struts概述

Struts是采用Java Servlet/JavaServer Pages技术，开发Web应用程序的开放源码的framework。Struts就是在JSP Model2的基础实现了MVC设计模式的WEB Framework。采用Struts能开发出基于MVC(Model-View-Controller)设计模式的应用构架。

基于Struts构架的WEB应用程序基本上符合JSP Model2的设计标准，可以说是MVC设计模式的一种变化类型。Struts的目的是为了帮助你减少在运用MVC 设计模型来开发Web应用的时间。你仍然需要学习和应用该架构，不过它将可以完成其中一些繁重的工作。如果想混合使用Servlets和JSP的优点来建立可扩展的应用，Struts是一个不错的选择。

3.2 JSP概述

使用JSP技术，Web页面开发人员可以使用HTML或者XML标识来设计和格式化最终页面。使用JSP标识或者小脚本来产生页面上的动态内容。产生内容的逻辑被封装在标识和JavaBeans群组件中，并且捆绑在小脚本中，所有的脚本在服务器端执行。如果核心逻辑被封装在标识和Beans中，那么其它人，如Web管理人员和页面设计者，能够编辑和使用JSP页面，而不影响内容的产生。在服务器端，JSP引擎解释JSP标识，产生所请求的内容（例如，通过存取JavaBeans群组件，使用JDBC技术存取数据库），并且将结果以HTML（或者XML）页面的形式发送回浏览器。这有助于作者保护自己的代码，而又保证任何基于HTML的Web浏览器的完全可用性。

3.3 SQL语言的简单介绍

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就是在JSP Model2的基础实现了MVC 设计模式的WEB Framework。采用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是采用Java Servlet/JavaServer

Pages技术，开发Web应用程序的开放源码的framework。Struts就是在JSP Model2的基础实现了MVC设计模式的WEB Framework。采用Struts能开发出基于MVC(Model-View-Controller)

4.3.2 系统安全可行性

服务器的安全特性是相当重要的，它不仅可以预防未授权用户对网络的访问，同时保护Web站点的内容不受侵犯。典型的安全特性包括访问控制和加密。

我们可以使用防火墙技术来限制网络上的非法访问，保证WEB服务器的安全完善的用户身份确认机制。通过用户身份确认，允许合法用户进入网站，防止非法用户的访问。对用户密码采用MD5不可逆加密技术，保证网站的安全。

第五章总体设计

5.1站点设计

打开Dreamweaver 8→站点→新建站点；

进入【站点定义】窗口，点击【高级】选项卡

进入【本地信息】分类窗口分别输入：

站点名称：Dreamweaver BYSJ

本地根文件夹：E:\Dreamweaver BYSJ

进入【测试服务器】窗口，分别选择

服务器模型：ASP VBScript

访问：本地/网络

点击【确定】按钮完成站点设置。

完成后右下角的站点窗口会显示一个新的站点（如图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.3代表作版块

该版块作者利用了一些，现在网络上的在线看电影的网站的格局去设计的，使用方便，并且有八个分类分别是：爱情、动画、惊悚、科幻、喜剧、悬疑、灾难和战争。

本版块设计技术涉及：

利用行为与层的结合控制页面的分类；

利用表单中的下拉菜单控制页面中的分类；

代表作版块（图5.2-8）

以下简单的演示一下：

假设用户需要查看一部名为“斯巴达300勇士”的电影。

要想快速查询一个电影最快的方法就是通过他的分类去寻找。而“斯巴达300勇士”属于一个战争片，所以战争分类去查找，方法有两个；

方法一：通过“分类内容显示栏”查找

本板块的默认分类是“爱情”分类（如图3.2-8）。而用户需要查询的“战争”分类则在“分类内容显示栏”的最右侧。

把鼠标指向“战争”分类，用户会发现版块中所显示的分类会马上变成“战争”分类（如图

3.2-9）。从而就可以轻松的找出“斯巴达300勇士”这部电影了，最后点击“斯巴达300勇士”这部电影的标题或者图片（如图3.2-10），马上就可以进入“斯巴达300勇士”这部电影的详细信息了（如图3.2.13）。

（图5.2-9） （图5.2-10）

（图5.2-11）

方法二：通过“分类下拉选项卡”查找

在本版块的上方（“logo”以下，“分类内容显示栏”以上）有八个“分类下拉选项卡”，分别对应于本版块的八个分类。（如图3.2-11）

点击“分类内容显示栏”上面的战争下拉选项卡，点击“斯巴达300勇士”这部电影的选项（如图3.2-12），这样就可以进入“斯巴达300勇士”这部电影的详细信息了。（如图3.2.13）