基于Flash的网站设计与实现毕业论文

（ 2011届）

本科毕业论文（设计）

论文

题目：基于Flash的网站设计与实现学院：

专业：信息管理与信息系统

班级：

学号：

姓名：

指导教师：

定稿日期：

教务处制

诚信声明

我声明，所呈交的论文(设计)是本人在老师指导下进行的研究工作及取得的研究成果。据我查证，除了文中特别加以标注和致谢的地方外，论文(设计)中不包含其他人已经发表或撰写过的研究成果，也不包含为获得＿＿或其他教育机构的学位或证书而使用过的材料。我承诺，论文(设计)中的所有内容均真实、可信。

论文(设计)作者签名：签名日期：年月日

授权声明

学校有权保留送交论文（设计）的原件，允许论文（设计）被查阅和借阅，学校可以公布论文（设计）的全部或部分内容，可以影印、缩印或其他复制手段保存论文（设计），学校必须严格按照授权对论文(设计)进行处理，不得超越授权对论文（设计）进行任意处置。

论文(设计)作者签名：签名日期：年月日

基于Flash的网站设计与实现

摘要：随着Flash技术应用与开发的日益成熟，现在越来越多的网站建设公司已经把应用Flash当作重要的技术手段来运用。基于Flash的Web网站建立的主要任务是围绕Flash展开一系列地网页设计与网站实现，系统的服务器可使用iis或apache，数据库可使用mysql或者sql server ，平台则兼容widows xp 、widows2000 等，开发语言可使用php 以及javascript等。创建这个网站我主要使用了火狐浏览器，APMServ 5.0.4 服务器工具，还有DeDeCms源代码。网站主要实现动画制作，动画观看，动画广告等功能，并实现系统的日常管理功能，包括用户注册，文章上传，访客留言，信息反馈功能等。

关键词：Flash；网站；视觉；php；实现

Flash-based website design and implementation

Abstract: With Flash technology and development become more sophisticated, more and more website building companies have an important application of Flash technology as a means to use. Flash-based Web site's main task is to build a series around the Flash site to web design and implementation, the system can use the server iis or apache, or mysql database using sql server, platform is compatible with widows xp, widows2000, the development of language Using php and javascript and so on. I mainly use this site to create a Firefox browser, APMServ 5.0.4 server tools, as well as DeDeCms source code. Site mainly to achieve animation, watch animation, animation, advertising and other functions, and to achieve the daily management of the system functions, including user registration, post upload, Guest book, feedback functions.

Key words: Flash; Web site; vision; php

目录

1 引言 (1)

1.1 研究背景 (1)

1.2 国内外研究状况 (2)

1.2.1 关于Flash与网站 (2)

1.2.2 基于Flash的网站 (3)

1.3 网站的实现 (4)

2 相关开发技术及工具介绍 (5)

2.1 APMServ5.0.4Plus简介 (5)

2.2 Dreamweaver网页优化 (5)

2.3 Adobe Flash CS5简介 (6)

2.4 MySQL简介 (7)

2.5 PHP简介 (7)

3 需求分析 (8)

3.1 总体需求分析 (8)

3.2 功能分析 (8)

3.2.1 基于Flash网站实现的目标 (8)

3.2.2 基于Flash网站实现的功能 (9)

3.3 性能分析 (11)

3.4 版块功能需求 (11)

4 总体设计 (12)

4.1 数据库设计 (12)

4.1.1 数据字典 (13)

4.1.2 系统E-R图 (14)

4.2 数据流图 (14)

4.3 功能模块图......................................................................................... (15)

5 系统实现 (17)

5.1 后台系统的设计与实施 (17)

5.1.1 后台管理流程设计 (17)

5.1.2 管理员登录模块 (17)

5.1.3 管理员管理模块 (20)

5.1.4 企业Flash吧台模块 (21)

5.2 前台系统的设计与实施 (23)

5.2.1 前台页面设计 (23)

5.2.2 前台主页面 (23)

5.2.3 Flash文章显示页面 (24)

5.2.4 前台留言页面 (25)

6 系统测试.............................................................................................................. . (28)

6.1 测试目的.............................................................................................. (28)

6.2 测试方案.............................................................................................. (28)

6.3 系统评价.............................................................................................. (29)

7 总结.............................................................................................. . (29)

致谢.............................................................................................. . (30)

参考文献...................................................................................... . (31)

1 引言

1.1研究背景

作为Web网站上一项堪称经典的技术，Flash曾经并且现在仍然统治着互联网上丰富多彩的页面。自老东家Macromedia Adobe收购以来，Flash在这家以市值计为全球第四大软件公司的手里，渐渐呈现出越来越复杂的发展方向——挑战重重却也机遇无限。

Flash 是一种交互式矢量多媒体技术，其前身是1996年一家名为Future Wave的小软件公司所开发的一款叫做Future Splash的动态变化小程序。当时，世界互联网的声势还只是崭露头角，但Macromedia公司却极具眼光的相中了Future Splash的灵活、精巧，并在当年年底将Future Wave收购，为Future Splash改了一个更便于记忆和传播的名字—Flash。

虽然Flash看上去很不起眼，但却是世界上第一款商用的矢量动画设计软件，并在上世纪90年代得到了非常广泛的应用，微软公司的官方网站用其部署在线交互动画，迪士尼、梦工厂等动画影片商也在利用Flash生产二维动画。其是当新旧世纪之交时，互联网的浪潮开始在世界范围内汹涌，作为网页设计的重要元素，Flash随之成了明星。以虚拟机的形态存在的Flash Player可以说是Flash 能够驰骋江湖的重要前提。通过Flash Player，开发者制作的Flash文件能够在不同的平台上以相同的效果运行。2007年的一项统计数据显示，Flash Player在全世界计算机上的普及率达到98.8%，是有史以来市场占有率最高的软件产品。

当2006年Macromedia被Adobe收购的时候，Flash恰逢问世十周年，Adobe的接手几乎改变了Flash的发展轨迹。首先就是2007年3月27日发布的Flash Player9.0被纳入Adobe Creative Studio3.0（即Adobe CS3）之中，由此与Adobe公司的矢量图形软件Illustrator和被称为业界标准的位图图象处理软件Photoshop结合在了一起，三者之间不仅可以实现用户界面上的互通，文件还可以互相转换。Flash也第一次开始以“平台”的身份示人。

一年半之后，Adobe又推出了被业界称为“该软件史上最重要的一次更新”的Flash Player 10.0版本，同时也融进了Adobe CS4。从表面看，10.0版本的Flash最大的亮点在于“颠覆性的网络视觉体验”，因为其可以支持GPU通用技术加速，即可以在显示效果中充分充分释放显卡的潜能。但仅仅这些，还远非Adobe的全部意图。在10.0版本的Flash Player正式发布之前，Adobe于2008年5月宣布了名为开放屏幕计划（Open Screen Project）的项目，旨在跨屏幕实现一致的软件运行环境，针对电视、机顶盒、手机、移动设备、PC及其它利用Adobe AIR（Adobe针对互联网富媒体应用推出的开发平台）和Flash的消费电子设备。

今年10月5日，这项目标宏大的计划中迎来了两位重量级的新成员：Google和RIM，并且，Adobe 与老朋友高通的合作也进入了更深层面——双方正联手优化并显著提高Flash 10.1在高通公司面向

智能手机和智能本的芯片组上的运行性能[1]。

1.2国内外现状研究

1.2.1 关于Flash和网站

在现今科技发展飞快的时代，网络以其压倒性的优势急速发展，大规模的侵蚀着各种传统媒体。其主要表现载体——网页，也伴随着茁壮成长起来。随着网络带宽的提高，网页中开始应用各式各样的Flash 动画，大大增强了网页的可观性。但是，目前国内Flash软件基本上只是担当着矢量动画大师的角色，违背了Marcromedia公司的初衷。Flash自被纳入Marcomedia公司，就被定位为一个网络交互多媒体平台。几乎每一个版本升级，都伴随着Action Script的飞跃，不断地改善语法规格，也就是为了Flash的未来发展铺设道路。国外的著名大公司，例如Sony、Nike、可口可乐等都是以Flash web的形式来制作网站主页的。

早在20世纪八九十年代，HTML静态页面网站就已盛行，但大多数都是一些文字和图像的排版，文字和图片之上都有相应的链接，可以点击进入其他页面。之后随着互联网带宽的不断增加和Flash 对互联网的影响不断增强，HTML静态页面上逐渐开始融入一些Flash元素，这也使得HTML网站开始活泼起来。在2000年以后大量的网站开始大规模的使用Flash，并且走进人们的视线。Flash特别适用于创建通过Internet传播的内容，因为它所创建和使用的大多数是矢量图形。与HTML静态页面网站相比，Flash网站更具有亲和力和交互性等多媒体特性。众所周知，网站是人们了解一个企业的窗口，但是现在更多的公司将自己的网站看作是在互联网上的销售平台，不仅让用户在这个平台上了解和感受公司的产品和文化，同时还能收集用户所反馈的信息，通过分析这些信息，企业才能及时调整策略以达到利润的最大化[2]。而Flash网站带来的好处正能满足这些企业的要求：强有力的广告宣传、传播速度之快及范围之广、丰富的媒体内容、体贴用户的流畅交互、以及跨平台和小巧客户端的支持。目前，Flash网站正在形成一种趋势。

在专业网页设计中，网页也称Web或Web页，Web技术是指以网络为媒介，把各种信息以最快捷、方便的方式传达给受众的技术。Web的主要任务是展现信息内容，而HTML语言则是信息展现的最有效载体之一，因此网页也称为HTML 页。最初的HTML语言只能在浏览器中展现静态的文本或图像信息，这满足不了时下人们对多样化信息的强烈需求，由静态技术向动态技术的转变成为了Web技术演进的必然。从此，Flash动画成了Web开发者表现自我、展示个性的最佳方式。在最早的互联网上，网页只有文字和少量图片，而后，有部分视频图像开始在上面传播开。但是这些视频图像并不能在网络上进行实时的播放，而只能通过下载到本地计算机后才能被看到。所以在Flash 出现前网页上是静态图文为主的。

说完了Flash,再说说网站。所谓网站(Website)，就是指在网际网路上，根据一定的规则，

使用HTML等工具制作的用於展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯（信息），或者利用网站来提供相关的网络服务。网站是由无数个网页组成的，而每一个网页实际上就是一个文件，它存放在某一台与互联网相连的计算机中，经由网址（URL）来识别和存取。我们在地址栏中键入网址后，网页文件就会通过浏览器的解释而呈现在眼前。网页由文字、图片、动画、声音和视频等元素构成。文字是网页的基本内容，其他可以辅助网页起到美化和增强表达的功能。网页实际是一个纯文本文件，其上的文字、图片、动画、声音和视频等元素都通过各种各样的独特标记来表示，浏览器可以解释这些标记，并把它形成页面展示出来。人们可以通过网页浏览器来访问网站，获取自己需要的资讯（信息）或者享受网路服务。

1.2.2 基于Flash的网站

Flash幽默形式和动感十足的制作风格引起大家的关注并广泛传播，成为一种有用的商业宣传方式。由于人们对于新的尖端科学技术的喜好，有了不同于以前的心理状态、价值取向、审美意识等。随着Flash技术开发的日益成熟，现在越来越多的网建公司已经把应用Flash当作最重要的技术手段来做为业务筹码。的确，在网站建设中，Flash确实是一种很好的技术表现形式：轻巧、易于控制、互动性强、动感十足、视觉冲击力强等，为每个企业主带来的推广方式比那种呆板的静态表现形式生动很多。而且现在Flash在基于后台互动方面的衔接越来越和谐，从以前的点缀手段成为现在的主流技术[3]。

相比较传统的传播媒体，基于Flash的网站有着自身独特的优势：首先，网站不仅可以像传统媒体一样传播文字和静态图像，更能够传播动态图形甚至视频、声频等信息。其次，访问者在浏览信息的过程中，相比较传统媒体单一的浏览顺序，网站则为用户提供了很大的自主性。最后，来访者在接受信息的过程中，可以运用操作工具参与或创造信息的接受活动，这种互动的优势也是传统媒体不可比拟的[4]。

随着计算机技术的不断发展与深化，网站的制作越来越趋于人性化与美观化，网页设计中已经融入越来越多的动画制作和动态模块。网站的迷人之处在于综合使用文本、图像、声音、动画和视频的信息和内容，具有丰富的多媒体表现与互动特点，无可置疑，网站已成为最吸引人的也最有效的信息传递手段和方式，在互联网上表现出极其重要的地位，并发挥着极其重要的作用[4]。

1.3网站的实现

第一步，Flash网站的结构规划。一般来说Flash网站基本包括Logo、导航系统、及板块内容等元素。考虑到目前国内的网络带宽状况，再加上SWF文件本身是边下载边播放的因素，通常在浏览Flash网站内容之前都需要有一个预载（loading）以达到最佳浏览效果。预载之后最先出现的

是一个进入页面（也称引导页），一般来说进入页面是静态的，大多数设计者在制作此页面时会尽量做到简洁，它的作用是尽可能多的传达给浏览者一些最基本的关于企业的信息，例如企业的Logo 名称、联系方式以及网站的主题等等。

第二步，Flash网站的层级结构规划。Flash是由一个个影片或影片剪辑组成的，这些影片或影片剪辑都有各自的时间轴、变量、数组、函数、元件等，影片剪辑间是通过这些变量进行信息的沟通和交换。

第三步，Flash网站的形象设计规划。

（1）Flash网站企业形象设计规划这里提到的Flash网站的形象设计不单单是通过网站上面的文字、图标、色彩这些艺术形象元素来实现的，这只是Flash网站形象的一部分，而Flash网站形象的另一个部分则是网站企业形象。一个网站的形象是要根据网站的定位、信息内容、访问群体、建设目标、运营模式等诸多因素来进行规划设计的。

（2）Flash网站页面构成元素。标志（Logo），每个成功的网站都有它自己独特的标志形象，可以使访问者一见到标志就能联想到它所代表的企业网站，标志的作用就是用图形化的方式传达网站的定位和企业经营理念。网站的标志形象须同企业的形象及该企业产品的形象相吻合，达到形象相互之间的和谐统一。

（3）Flash网站页面形象设计基本原则。布局合理，在设计Flash网站页面时，需要对网页中的信息元素进行合理的布局，合理的安排网站页面中信息内容的位置，可以让访问者快速准确地获取网站信息内容。交互过渡形式统一，使用一种统一的交互变化，作为一种统一的图形符号和统一的过场，也能使得网站整体形成统一的风格。色彩统一，网站各页面的色彩体系的选用需要统一，通过色彩的合理搭配和统一使用，可以确保企业网站的风格统一。这样能给访问者从视觉上有和谐一致的感觉，容易在大脑中形成记忆符号，更有利于企业形象的树立。

第四步，Flash网站的内容规划。Flash网站的内容规划要明确网站的发展方向及网站的定位。网站的定位包含很多方面，无论从哪个方面对网站进行定位，最终目的就是通过网站明确的向访问者传达信息。我们的网站定位是以展示为主的Flash个性网站。里面的内容包括图片，技术指导，动画等[5]。

在技术层面上，网页制作可以通过静态网页和动态网页来实现。作为初学者的我学习一段时间以后就可以使用DreamWeawer来制作一些静态网页；使用PhotoShop进行图像编辑合成；使用Flash为网页增加动画使网页生动而富于表现力；学着编写JavaScript代码扩展DreamWeaver的行为和属性检查器；同时不可缺少的配合数据库的操作。通过这些技术，我们可以在网站上进行图片和动画，音乐的欣赏、问题的留言、反馈等多种交流。

本论文的主要任务是要实现这样一个基于Flash的web网站，为网站制作提供一种新的尝试。系统主要使用服务器iis或apache，数据库使用mysql或者sql server，平台则兼容widows xp、widows2000，开发语言使用php以及javascript等。网站主要实现动画制作，动画观看，动画广告等功能，并实现系统的日常管理功能，包括用户注册，文章上传，访客留言，信息反馈功能等。

2 相关开发技术及工具介绍

2.1 APMServ5.0.4Plus简介

软件简介：《APMServ 5.0.4 增强版》是一款快速自动搭建Apache v2.0.54、PHP v5.0.4、MySQL v4.0.21、phpMyAdmin v2.6.2-pl1、ZendOptimizer v2.5.7以及https://www.wendangku.net/doc/883700544.html,、Perl、CGI网络编程平台的绿色软件，无需安装，具有灵活的移动性，将其目录拷贝到其它分区目录或别的电脑时，均只需点击APMServ.exe中的启动按钮，即可自动进行相关设置，将Apache2和MySQL安装为系统服务并启动。点击停止按钮可自动从系统服务中卸载Apache2和MySQL。1、MySQL默认用户名：root，密码为空2、MySQL数据库文件存放目录：MySQL\data 3、网站根目录：www 4、访问自己的服务器请用http://127.0.0.1/或http://localhost/ 5、非80端口，访问请用http://127.0.0.1:端口/或http://localhost:端口。

2.2 Dreamweaver网页优化

我们为了优化网页、加快网页下载速度，除了对图片进行优化之外，还需对网页其他各个元素进行优化。在网页编织过程中如能充分利用编辑工具，也可以在中达到优化目的。下面是Dreamweaver中的一些优化技法:合理调用CSS。进行网页设计时，运用样式表单CSS来对页面元素进行布置，可以大大地减少HTML代码，这点我们已经很清楚[6]。

(1)是选定对象，从右键菜单中选择定义好的样式加入;

(2)是从样式面板中为对象选择样式;

(3)是在标签选择器上的某标签上单击右键选择样式。这三种方法虽然获得的页面效果一样，但由于第一种方法会在HTML代码中产生一个“span”标签，如果过多地使用会影响下载速度。因此调用CSS时，应采用第二、第三种方法。

在交互网页中，为了给服务器减少负担，用户常用表单向服务器提交数据，等待服务器的数据处理、返回浏览器。在Dreamweaver中制作网页，可以对用户所提交的表单的合法性进行验证，这个操作只需在浏览器端进行，不必返回到服务器验证，既减轻了服务器的负担，又可以减少等

待的时间。具体方法:选中表单，打开“行为”面板，点击“+”号选“验证表单”，然后进行设置即可。这个验证过程实际上是使用JavaScript在浏览器端作验证。在Dreamweaver里进行上述操作时，它会把这段JavaScript代码放在网页头部与之中，这样必定会使页面的完全显示时间变长，因为浏览器要先下载这段代码才下载其他页面元素。因此，最好在Dreamweaver中打开代码编辑器，把这段脚本程序剪贴到源代码的最后边，让其在最后下载。另外，我们在为网页加入JavaScript 脚本特效时，也可以这样设置。

2.3 Adobe Flash CS5简介

Flash是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。Flash 可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。通常，使用Flash创作的各个内容单元称为应用程序，即使它们可能只是很简单的动画。您也可以通过添加图片、声音、视频和特殊效果，构建包含丰富媒体的Flash 应用程序。

Flash 特别适用于创建通过Internet提供的内容，因为它的文件非常小。Flash是通过广泛使用矢量图形做到这一点的。与位图图形相比，矢量图形需要的内存和存储空间小很多，因为它们是以数学公式而不是大型数据集来表示的。位图图形之所以更大，是因为图像中的每个像素都需要一组单独的数据来表示。

要在Flash中构建应用程序，可以使用Flash绘图工具创建图形，并将其它媒体元素导入Flash文档。接下来，定义如何以及何时使用各个元素来创建设想中的应用程序。在Flash 中创作内容时，需要在Flash文档文件中工作。Flash文档的文件扩展名为.fla (FLA)。

Flash文档有四个主要部分：

舞台是在回放过程中显示图形、视频、按钮等内容的位置。在Flash基础中将对舞台做详细介绍。

时间轴用来通知Flash显示图形和其它项目元素的时间，也可以使用时间轴指定舞台上各图形的分层顺序。位于较高图层中的图形显示在较低图层中的图形的上方。

库面板是Flash显示Flash文档中的媒体元素列表的位置。

ActionScript 代码可用来向文档中的媒体元素添加交互式内容。例如，可以添加代码以便用户在单击某按钮时显示一幅新图像，还可以使用ActionScript 向应用程序添加逻辑。逻辑使应用程序能够根据用户的操作和其它情况采取不同的工作方式。Flash 包括两个版本的ActionScript，可满足创作者的不同具体需要。有关编写ActionScript 的详细信息，请参阅"

帮助"面板中的"学习Flash 中的ActionScript 2.0"。

Flash包含了许多种功能，如预置的拖放用户界面组件，可以轻松地将ActionScript添加到文档的内置行为，以及可以添加到媒体对象的特殊效果。这些功能使Flash不仅功能强大，而且易于使用。

完成Flash文档的创作后，可以使用"文件">"发布"命令发布它。这会创建文件的一个压缩版本，其扩展名为.swf (SWF)。然后，就可以使用Flash Player在Web浏览器中播放SWF 文件，或者将其作为独立的应用程序进行播放[7]。

Flash还具有以下特点及优势[8]

（1）交互[8]

Flash虽然不可以象一门语言一样进行编程，但用其内置的语句并结JavaScript。Flash的“交互性”让艺术作品有了生命力，可以让艺术品与受众和作品进行互动。一方面，从互动广告来说，Flash的互动可以完美地将广告与娱乐结合起来，可以在娱乐的同时全面地了解产品，使得浏览者对产品有更立体的感觉。另一方面，从互动网页来说，Flash的体积很小，方便下载，又因为Flash 是矢量的，它完全可以做出精美的画面，并且Flash里面可以加入一些链接，使得广告厂商有足够的宣传空间。在Flash网站特效实现的过程中，常常可以随机地出现许多可能性、趣味性让人流连其中。这些特效的制作本是服务于网站内容的，但它针对视觉的探索却使它已经具有了很强的艺术效果。

（2）速度[8]

Flash已被优化，消除锯齿的静态和动态矢量图形均可以快速传递到屏幕上。甚至在速度较慢的调制解调器连接中，等待的时间也是最少的，该方案打破了流式Flash文件播放的形式，还有他们下载带宽的障碍，即使在慢速调制解调器上连接也不用等多久。Flash的另一个伟大的功能是流媒体，用户可以在几秒钟之内在Flash中创建一个300 K的文件。用户的浏览器下载的Flash Shockwave影片的框架是帧，一旦下载第一帧，电影就开始播放，而连续帧继续下载。

（3）多样化

Flash是最完美的Web界面设计工具，因为它可以用几个函数来创建导航条和广告标语，动画按钮，并绘制图像，也可以在Flash中建立动画和互动性，使开发人员可以如他所愿的添加声音。

（4）屏幕质量

Flash支持提供消除锯齿的文字和图形，这意味着，Flash动画可显示字母和图像边缘在动画在屏幕上平滑移动。

（5）跨平台

对Flash没有影响，也不是由HTML标记浏览器之间的差异。创建电影和Flash创建跨平台的工作相同，没有任何理由担心屏幕的分辨率与电影大小有关系。在它上面，观众的JavaScript的浏览器的版本对Flash没有影响，也不是由HTML标记浏览器之间的差异[19]。

2.4 MySQL简介

PHP支持众多数据库，而其中与MySQL的结合性最为完美，MySQL数据库是由瑞典TCX 公司开发的，并随着Linux的普及逐渐获得了广泛的应用。MySQL是一个源代码公开而且完全免费的产品，可用于大、中、小各种数据应用场合。MySQL还适用于多种操作平台，而且支持多种线程和CPU。

MySQL数据库是多关系型数据库产品中的一个，相比其他数据库而言，MySQL数据库可以成为目前运行速度最快的SQL语言。除此之外还具有许多其他数据库所不具有的功能和选择。MySQL数据库是一种完全免费的产品，用户可以从网上直接下载，用户可以是个人，也可是商业用户，都不用支付任何费用[9]。MySQL数据库具有以下特点：

（1）没有限制同时访问数据库的用户数量。

（2）可以保存记录超过50000000条。

（3）数据库系统的运行速度是目前所有产品中最快的。

（4）可以简单、有效地进行用户权限的设置。

从MySQL数据库具有的以上特点可以看出，MySQL数据库是一个运行速度快、多线程、多用户和强大SQL数据库服务器。MySQL可以运行在多种平台上，是建立数据库驱动和动态网站的最佳数据库。

2.5 PHP简介

PHP技术是比较成熟的WEB开发技术，而且具有开源免费的特点。PHP拥有大量免费的组件可以提高开发效率。PEAR是PHP扩展及应用程序存储库，里面包含了构造WEB程序所需的大量组件。

Php是Hypertext Preprocessor(超文本预处理器)的缩写，它是一种运行在服务器端的语言。在功能上与perl语言，jsp语言，asp．net语言类似。PHP必须和IIS或者APACHE这些WEB服务器软件配合才能使用，一般和APACHE配合比较多。当用户向服务器提交了一个PHP文件申请后，APACHE 将用户的申请参数和PHP代码文件一并传给PHP处理程序。

3 需求分析

3.1 总体需求分析

(1)网站是为展示Flash所组建的门户网站。其用途是为了促进外部交流、扩大外部影响、增进友谊、为生活增添多姿多彩的内容。

(2)网站的主要内容包括如下几大板块：原创Flash动吧，企业Flash动吧，轻音Flash吧台，动吧论坛，并且根据情况将逐步增加情感、生活等内容。

(3)由于网站内容的简单性和其独立的板块结构，创建和维护工作目前并不庞大。

(4)网站的每一板块放在独立的Http服务器上，即本板块管理员的计算机，统一使用微软的IIS建立站点服务器。在主站点上存放主页面，主页面上设置指向各板块的链接。

(5)主页面只存放指向各板块的链接，及社区板块的注册登录入口，所以其风格要求简介大方，又有于主页面是网站的总门面，要求其设计能够简单大方[10]。

3.2 功能分析

3.2.1 基于Flash网站实现的目标分析

（1）尽量使网页看起来清楚整洁，不凌乱。使网站形象规划具有层次和条理性。

（2）尽管网站的定位包含很多方面，例如形象定位、访问群体定位、市场定位、商业定位、技术定位、功能定位等等，但是无论从哪个方面对网站进行定位，最终目的就是通过网站明确的向访问者传达信息。

（3）系统采用模块化程序设计方法，既便于系统功能的各种组合和修改，又便于未参与开发的技术维修人员补充和维护。

（4）系统应具备数据库维护功能，及时根据用户需求进行数据的添加、删除、修改等操作[11]。

3.2.2 基于Flash网站实现的功能分析

网站包括以下四个个模块：第一块是原创Flash动吧，第二块是网站论坛，就是网友提供剧本，我们代为制作。第三块是企业Flash动吧，是网站推广广告，除了企业logo外，统一采用动画形式推出广告。第四块是轻音Flash吧台，上传原创声音文件，基本由海底之城工作室制作。具体

系统要求实现：

（1）制作并上传原创Flash若干。

（2）上传与日常编辑处理。

（3）企业广告管理。

（4）营业日常管理。

（5）信息反馈管理。

（6）提供数据接口。

网站的开发主要包括前端应用程序系统和后台管理系统，应用程序系统要求界面友好，功能

完备，易使用等特点。而后台数据库的数据要具有一致性、完整性、安全性、易维护性。

（1）网站系统前台

前台系统主要包括Flash的显示，图片的浏览，声音文件的收听，来访者的留言等功能。

文章模块：完成自己上传的Flash浏览的功能，可以按类型进行分类显示。使用户可以快速定位到自己感兴趣的Flash类别上，浏览其内容。可分为原创Flash、企业Flash、声音文件等内容，方便用户浏览。

图片管理：完成前台用户的图片信息的浏览的功能。

声音文件管理：完成轻音故事的在线听的功能。

留言管理：完成浏览者留言信息的管理，浏览都可以自由留言。来方便大家的交流。

（2）网站系统后台

后台系统可分为关于Flash动吧模块、原创Flash吧台模块，企业Flash吧台模块，轻音吧台模块，动吧论坛模块。

Flash动吧模块：完成文章的添加、删除功能。添加日志时需要添加的标题、内容、类别等信息。删除文章是对过期的或没意义的文章进行整理，使其从数据库中清除，提高数据库的使用效率。

动吧论坛模块：是系统对来访者的留言的管理。阅读者观看或收听后有什么感想都可以以留言的形式进行发布，后台应具备对留言信息的管理，如留言信息的删除等操作。

原创Flash吧台模块：上传Flash，以方便前台用户快速进行阅读。包括Flash的添加、删除等功能,也可以上传图片。

企业Flash吧台模块：完成企业广告类的Flash的添加和删除的功能。

轻音吧台模块：完成声音文件的添加和删除功能。

业务流程图（transaction flow diagram,简称TFD），就是用一些规定的符号及连接来表示某个具体的业务处理过程，它是用尽可能少、尽可能简单的方法来描述业务处理过程的方法，由于它的符号简单明了，所以非常易于阅读和理解业务流程[12]。本网站主要的业务流程图如下图所示。

图3-1 系统总体构图

图3-2前端用户业务流程图

图3-3后台管理员业务流程图3.3 性能分析

本系统要求达到的非功能性如下所示：

（1）系统运行稳定，安全可靠。

（2）界面设计美观，人机交互界面简洁友好。

（3）信息查询灵活、方便、快捷、准确，数据存储安全可靠。

（4）对用户输入的数据，系统进行严格的数据检验，尽可能排除人为的错误[12]。

3.4 版块功能需求

（1）原创Flash动吧功能需求分析

提供上传原创Flash，提供创意的交流。建立的目的是为了更好地进行信息沟通，交流以及创意的体现。同时起着对外宣传的作用，由此结交更多更好喜爱动画的朋友。

（2）企业Flash吧台功能需求分析

企业Flash吧台板块是为了促进交流，提供精美的企业Flash广告，并展示。并通过此窗口和更多的企业建立联系。

（3）轻音Flash吧台功能需求分析

轻音Flash吧台板块的风格具有较浓厚的文学气息，里面收录一些原创轻音文件，为爱听故事的网友提供一个分享声音的平台。

（4）动吧论坛功能需求分析

动吧论坛为大家提供讨论以及留言的平台，以便于大家了解Flash的市场需求以及个性服务。并且此板块应给每一个成员建立一个档案库，内容包括基本资料、照片、作品目录、共享资料等。这个档案库是动态的，由用户注册来建立，资料内容由用户填写，用户可以上传照片、文章和其他的共享资料。管理员可以对成员的资料进行删除等操作，但不可随意更改。

4 总体设计

本网站的设计阶段主要解决系统如何实现问题，也叫做概要设计，根据系统分析产生的分析结果来确定这个系统由哪些系统和模块组成，这些系统和模块又如何有机的结合在一起，每个模块的功能如何实现。

4.1 数据库设计

数据库，是按照数据结构来组织、存储和管理数据的仓库，是用于查询的大量数据的存储区域。使用数据库可以带来许多好处：如减少了数据的冗余度，从而大大地节省了数据的存储空间，实现数据资源的充分共享等等[13]。

用户的需求具体表现在对各种信息的提供、保存、更新和查询，这就要求数据库能满足各种信息的输出和输入。通过对上述系统功能的分析，针对网站的需求，总结出如下需求信息：

（1）用户分普通浏览者和管理员用户。

（2）管理员设计类型管理、Flash管理、图片管理、声音管理和留言管理。

（3）普通浏览者可以阅读文章、浏览图片和Flash、收听轻音和留言。

（4）管理员可以对文章、图片、Flash、声音和留言进行添加和删除。

4.1.1 数据字典

经过对上述网站功能的分析和需求总结，因系统数据项众多，故只列以下几项为例：

（1）管理员信息：用户名、密码。

（2）文章信息：文章编号、文章标题、文章内容、发布时间。

（3）类别信息：类别编号、类别名称。

（4）留言信息：留言编号、留言名称、留言内容、留言时间

（5）商品信息：商品编号、商品名称、商品价格、商品数量

本系统创建的MySQL数据库名称为dedecmsv56utf,因包含很多数据表，故只列如下两个表为例。

表4-1 系统登录表

4.1.2 系统E-R图

系统E-R图如图4-1所示。

图4-1 系统E-R图

4.2 数据流图

数据流程分析把数据在组织内部的流动情况抽象地独立出来，舍去了具体组织机构、信息载

。本