html动漫网站的设计与实现

1、精选优质文档倾情为你奉上精选优质文档倾情为你奉上专心专注专业专心专注专业精选优质文档倾情为你奉上专心专注专业XXXX本科毕业论文（设计）题目： 动漫交流网站的设计与实现 院（系）工学院专 业年 级姓 名学 号指导教师职 称2013年5月30日目 录 TOC o 1-3 h z u 摘 要动漫交流网站的建设是为了将杂乱无章的信息（包括文字、图片、动画影片）经过组织以后，合理有序地呈现在动漫爱好者面前而设计的一个动漫网站管理系统。本网站作为动漫爱好者获取信息和交流的一个平台，满足了用户的基本需要，提供了用户在线交流的场所，实现了高效动态的信息交换。系统分为网站信息展示界面和信息管理界面两部分，其中

2、展示界面主要用于用户对动漫信息资源进行浏览，通过注册登录可以评论、上传和下载动漫资源；管理界面主要用于管理展示界面的动漫资源和网站的维护，主要实现了站内新闻、漫画、动画等相关信息管理，用户管理，系统管理等功能。系统采用B/S三层体系结构，SQL Server 2005作为数据库服务器，IIS作为测试服务器，并结合开发系统的需求特点，确定了系统的业务流程，完成了系统总体功能设计和详细功能设计，并进行了系统测试，运行良好。关键词：动漫交流网站；B/S；信息管理ABSTRACTAnimeintercoursewebsitehas beenconstructed aiming to the order

3、ed information (inclu- dingtext,picture,cartoon)organizedtopresentinfrontofAnimefans inareasonnable andord- erly, and design amanagementsystem. This website serves as a platform on which animation fans can get information and communicate each other. In addition, it meets the basic needs of users, pr

4、ovides users an online exchange place and achieves a dynamic and efficiently exchange of information.The system is divided into two parts: information display interface and information management interface. The information display interface is mainly used for the users to browse the information of t

5、he Anime resources. Users can comment, upload and download anime resources through registering and logging in. While information management interface is for administrators to manage and maintain animation resources of information display interface, and it is primarily achieve station news, comics, a

6、nimation, user management, system management, and other functions.System uses B / S three-tier architecture, SQL Server 2005 as the database server, IIS as a test server, taking into account of the needs characteristics of developing system, and determined the systems business processes, and ultimat

7、ely completed the overall system design and detailed functional design features, and carried out system testing, running well.Key words: Animecommunicatewebsite; B/S; Information management第1章 绪论1.1课题开发的背景及意义世界因Internet的出现而在逐步改变，网络经济雏形因此而形成，由于Internet具有信息容量大、方便迅速、形态多样、覆盖全球等特点，直至今日已发展成为信息传播的主要载体，所以几乎

8、全球的各个企业、机构纷纷建立自己的Web站点。Internet信息资源庞大、图文互动、高速高效的特点给传统设计媒体带来了巨大的冲击，再加上网络经济对设计行业的影响，由此而产生了一个新的设计领域网站设计。动漫产业作为我国发展中的产业，网站设计技术的发展推动了该产业的传播，使得各类动漫网站纷纷崛起，为广大动漫爱好者带来了诸多便利。本课题设计的是一个以动漫为主题的动漫交流网站，以信息发布、分享为主要目的。通过发布一些关于动漫的信息、图片和动画等为有同样喜好的人们提供一个分享的空间。同时访客用户可以在网站中的剧情交流上发表自己的看法以及可供共享的信息，使人们在获取信息的同时，还可以发表自己的感受。在如

9、今网络高速发展的时代，发布信息与分享兴趣已成为大多网站设计的主要目的。1.2课题研究现状和发展趋势具相关统计，中国大部分的网民年龄大多不超过40岁，在此年龄段中年轻的网民最为感兴趣的资源中，动漫资源是位列前茅的。然而，目前大部分最新的动漫资源都不是集中发布于某一个网站，所以要浏览这些相应的资源还是需要花一些心思的。并没有一个具体的网站可以为动漫迷们提供集中的最新资讯，而且许多动漫网站并不能发布动漫资源。由于看到网络动漫蕴含的无限发展潜力，门户、综合类、游戏、娱乐等各类网站，纷纷建设动漫、动画、卡通等相关频道，极力发展的主要是动漫作品、动漫图集等资源。这些网站起步早、技术强，综合实力都远超动漫网

10、站，最重要的是已经有了较好的赢利模式，能够有资金和人力来发展动漫板块。良好的技术支持，强大的内容管理系统，人力资源充足，再加上网站已有大量的人气和现成易用的宣传推广平台，很快就可以从专业动漫网站中抢走人气和流量。本文在分析了国内外动漫网站的发展现状之后，从动漫网站获取动漫信息的便捷程度着手，主要阐述了在现今的网站设计技术发展下，如何实现动漫信息的集中化管理和发布动漫资源做出了探讨。根据网站的功能需求，完成用户容易理解的与网站的交互，使用户很容易的找到所需的信息和发布资源的方法，从而获得愉快的体验感受。1.3课题开发所用的技术和主要工具1.3.1B/S结构简介B/S结构，即Browse/Serv

11、er(浏览器/服务器)结构，就是只安装维护一个服务器(Server)，而客户端采用浏览器(Browse)运行软件。它是随着Internet技术的兴起，对C/S结构的一种变化和改进。主要利用了不断成熟的WWW浏览器技术，结合多种Script语言(VBScript、JavaScript等)和ActiveX技术，是一种全新的软件系统构造技术。在B/S体系结构系统中，用户通过浏览器向分布在网络上的许多服务器发出请求，服务器对浏览器的请求进行处理，将用户所需信息返回到浏览器。而其余如数据请求、加工、结果返回以及动态网页生成、对数据库的访问和应用程序的执行等工作全部由Web服务器完成。随着Windows将

12、浏览器技术植入操作系统内部，这种结构已成为当今应用软件的首选体系结构。显然B/S结构应用程序相对于传统的C/S结构应用程序是一个非常大的进步。1.3.2SQL Server 2005数据库SQL Server 2005是一个关系数据库管理系统。它覆盖了联机事务处理OLTP(Online Transaction Processing)技术和联机分析处理OLA(Online Analytical Processing)技术，以及在它们之间的大部分内容，涉及了微软公司的全部旗舰数据库产品。五年多的开发，SQL Server 2005与其先前版本的技术完全不同。SQL Server 2005是一个全面

13、的数据库平台，使用集成的商业智能工具提供了企业级的数据管理。SQL Server 2005数据库引擎为关系型数据和结构化数据提供了更安全可靠的存储功能，使您可以构建和管理用于业务的高可用和高性能的数据应用程序。SQL Server 2005数据引擎是本高校开放式实验室管理系统解决方案的核心1。1.3.3Dreamweaver8简介Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页，在该系统中使用的是最新Dreamweav

14、er8。它集网页设计、网站开发和站点管理功能于一身，具有可视化、支持多平台和跨浏览器的特性。首先，Dreamweaver8具有灵活编写网页的特点，不但将世界一流的“设计”和“代码”编辑器合二为一，而且在设计窗口中还精化了源代码，能帮助用户根据自己的需要定制用户界面，并且它的可视化编辑界面更是做得人性化，不仅可以实现界面元素的插入与生成，而且保证了其专业性与兼容性。其次，它有强大的web站点管理功能和图形编辑引擎，可以轻松地创建美观实用的网页。再次，Dreamweaver8有丰富的媒体支撑能力，可以方便的加入java、flash、ActiveX以及其他媒体，尤其是在设计DHTML和CSS时表现得

15、极为出色，它利用JavaScript和DHTML语言代码实现网页元素的动作和交互操作。最重要的是，Dreamweaver8集成了程序开发语言，对ASP、.NET、PHP、JS的基本语法和连接操作数据库操作，都是完全支持的2，因此用Dreamweaver8来架构动漫交流网站。1.3.4ASP技术简介一个具有高效交互性的动漫交流网站离不开ASP技术，Microsoft Active Server Pages 即我们所称的ASP，其实是一套开发的服务器端脚本环境，ASP内含于IIS5.0和6.0之中，通过ASP我们可以结合HTML网页、ASP指令和ActiveX元件建立动态、交互且高效的WEB 服务

16、器应用程序。有了ASP就不必担心客户的浏览器是否能运行你所编写的代码，因为所有的程序都将在服务器端执行，包括所有嵌在普通HTML中的脚本程序。当程序执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度。ASP本身并不是一种脚本语言，它只是提供了一种使镶嵌在HTML界面中的脚本程序得以运行的环境。ASP中最为常用的内置对象和组件如下：1Request对象：用来连接客户端的Web页（.htm文件）和服务器的Web页（.ASP文件），可以获取客户端数据，也可以交换两者之间的数据。2Response对象：用于将服务端数据发送到客户端，可通过客户端浏览

17、器显示，用户浏览界面的重定向以及在客户端创建cookies等方式进行。该功能与Request对象的功能恰恰相反。3Server对象：用于提供服务器方法、属性的存取。4Application对象：它是个应用程序级的对象，用来存储所有用户间共享信息，并可以Web应用程序运行期间持久地保持数据。如果不加以限制，所有客户都可以访问这个对象。5Session对象：它为每个访问者提供一个标识；用于在一个用户对话（Session）中存储公用信息。6ASP error对象：用于ASP应用程序的错误处理。7ObjectContext对象：用于通过Micorosoft Transaction Server（MTS

18、）来提交或者终止一项事3。第2章 系统分析2.1系统需求分析需求分析是指要理解用户的需求，就软件功能与客户需求达成一致，估计项目代价和评估软件风险，最终形成一个开发计划的复杂过程。需求分析的重要性就在于它具有方向性、策略性、决策性的作用，需求分析是软件定义的最后一个阶段，它的基本任务是回答“系统必须做什么”的问题，而不是确定系统要怎样完成它的工作，仅仅是确定系统要完成哪些工作，也就是对目标系统提出具体、清晰、准确、完整的要求，在软件开发的过程中具有非常重要的地位。通过相关调查，了解到有90%的动漫爱好者查看网页是为了浏览动漫的相关信息，第一时间了解动漫动态，快速及时的浏览新闻和相关消息，五花八

19、门的网上信息，使人们的生活丰富多彩，因此动漫网站上要有显示动漫信息模块；多媒体技术的迅猛发展对互联网的影响极大，它使的网站上的信息更加丰富多彩，而不只是单一的文本信息，随着动漫爱好者的增加，喜欢自己创作动画的人也越来越多，为了使动漫爱好者们有展示才能的平台，在线上传动画影片模块必不可少；网页在互联网中的应用越来越广泛，使广大网络用户得到了更加周到和人性化的服务，用户交流平台因此成为网站的一大特色，交流是在当今信息社会获得最新信息的最有效的途径之一；当然系统更不能离开信息管理模块，信息模块主要包括站内新闻、动漫节、动漫聚焦、剧情交流等信息，实现的功能是对这些信息的修改，使网页上的信息能够及时的更

20、新。2.2其他需求2.2.1非功能性需求除了上述的基本需求之外，该系统为了保证其运行的长期性、安全性、稳定性与可靠性，还应满足以下需求：1操作简单、界面友好：控件式的界面布局，使得信息的录入工作方便、快捷。2即时可见：对信息的处理（包括查询、添加、修改、删除）能立即在对应的版块内显现出来，达到“即时发布、即时见效”的功能。3功能完善：系统不仅具有常见系统的信息录入、浏览、修改、查询、删除等方面，完整地实现了系统对即时信息的管理要求。而且，还能对用户上传和下载相关资源进行管理。4方便移植：系统应具有适用性、实用性和可靠性性。系统界面中所需的数据都存放在数据表中，只要对该文件做部分修改，就能立即在

21、系统界面上实现更新的效果，不需要更改系统的源代码。5动态管理：对系统数据库实行动态操作，能实现对数据库信息的录入、修改、查询、删除数据等。2.2.2系统软、硬件要求本系统采用ASP技术开发，运行于浏览器，采用面向对象的编程方法。该系统的开发过程，文档应符合软件工程的标准，技术符合国际通用标准，数据定义符合国家标准。1软件要求（1）客户机软件要求：操作系统：Windows XP或更高版本。浏览器：IE 6.0以上。（2）服务器软件要求：操作系统：Windows XP Server或更高版本。2硬件要求（1）客户机硬件要求：具有 Pentium III 处理器以上且满足以下要求的计算机：最低 51

22、2MB 内存，最小 80 GB 硬盘。（2）服务器硬件要求：具有 Pentium III 处理器以上且满足以下要求的计算机：最低 512MB 内存，最小 80 GB 硬盘。3Web服务器要求：应用服务器：IIS、COM+等企业级应用服务器。2.2.3数据库要求数据库是指在一个或多个企业组织中，为众多用户服务的，在计算上有结果的、可运行的数据的集合，它与传统的数据文件大不相同，它不是要面向单个程序的，而是要面向整个需求的；记录之间是有结构上的联系的。数据库的实现是动态地、有组织的存储大量关联数据，方便多用户访问的计算机软硬件组成的系统；它与文件系统的重要区别是数据的充分共享，交叉访问，与应用程序

23、的高度独立性。基于ASP的动漫交流网站的开发本质上是一个对数据库进行应用的网站系统，采用面向数据的开发和设计是正确的。其主要的功能是对数据的采集、存储、加工、传递和应用，也就是数据的管理功能。以数据为中心的方法是将数据处理分为进行数据维护的增、删、改，称为一次处理功能；对数据库存储的数据进行加工、处理，称为二次数据处理。抓住这样的本质就将管理信息系统的复杂关系进行简化、规范，系统设计和开发思路清晰，可采用数据库管理系统提供的各类工具。2.3系统开发目标和方案2.3.1系统开发目标本网站系统设计的是一个以动漫为主题的动漫交流网站，以信息发布、分享为主要目的。要求网站具有界面简洁、更新快速、视频流

24、畅、交流方便等特点。为了实现这些功能要求，让网站运行地更有效率，现提出如下系统开发目标。1网民浏览网页，信息展示界面显示动漫的多种信息。2管理员对动漫信息的添加、修改、删除和查询，并且实时显示于信息展示界面。 3对不同的信息管理界面的用户分配不同的权限，可以执行不同的权限操作。 4超级管理员可以对普通管理员进行管理，包括添加和删除管理员功能。5注册用户可以上传动画和下载动画。6系统最大限度地实现易维护性和易操作性。7系统运行稳定、安全可靠。2.3.2系统开发方案作为一个动漫交流网站，信息的互动性将是设计该网站的主要目的，信息展示界面要求不仅要美观而且还要具有艺术性。网站运行时，网站的浏览者只能

25、看到界面信息，而管理者需要着重管理网站的信息管理界面，因此该网站的设计主要有两个步骤。先用photoshop制作网站的信息展示界面，再在dreamweave8里面编辑代码；在制作程序时又分为两步，先把浏览者要看到的程序设计出来，然后依次写出每个相应的程序，测试成功后，再编辑信息管理界面程序。本系统的设计思路，先是界面设计：采用了蓝色为主的基色，给人以清新的感觉，网站所用图片也是简洁美观的图片，这样设计让人看着特别舒服。再是程序设计：根据软件工程开发流程设计该系统，本动漫交流网站使用ASP技术，基于WINDOWS开发平台，选用SQL Server数据库开发和设计的，完全能满足本系统网站设计的要求

26、。2.4系统可行性分析在对系统目标和环境精心分析的基础上，从经济可行性和技术可行性两个方面对本系统进行可行性研究。2.4.1经济可行性服务器端的安装非常简单，客户机端也无需再安装任何软件，通过浏览器就可以访问，无论身在何处，只要可以访问互联网就可以使用本系统。2.4.2技术可行性1开发的软件可行性动漫交流网站的设计和开发，从数据库开发管理软件来看，对于有关数据库的系统，主要基于ASP技术开发B/S结构，在数据库方面采用SQL Server2005，是实际应用中的一种解决方案。2开发的硬件可行性本系统对计算机的硬件环境有一定的要求，对计算机的操作系统、内存、主频、外设等都有最低要求，如果低于这个

27、要求将影响到本系统的正常运行。本系统在原有的计算机硬件基础上不需要任何变化即可满足系统的运行。由以上两方面的分析可以看出，本系统的开发时机已经成熟，从多种角度考虑开发此系统都是可行的，并且也是十分必要的。第3章 系统总体设计与数据库设计3.1 系统总体设计动漫交流网站是由信息展示界面和信息管理界面两大部分组成。信息展示界面的功能主要包括动漫首页、站内新闻、在线留言、漫画信息、动画展示、动漫聚焦、动漫节信息、剧情交流、以及一些热门动漫网站的链接。信息管理界面的功能主要包括系统用户管理、站内新闻管理、漫画、剧情交流管理、动画展示管理、动漫节管理、动漫聚焦管理、系统管理、退出管理界面。根据系统的总体

28、设计，设计出相应的流程，系统的总体流程图如图3-1所示。图3-1系统总体流程图3.1.1信息展示界面功能模块首页是一个网站的起点，它展示了网站的整体风格，能否吸引用户首页起着重要的作用。站内新闻、动漫节信息、漫画信息、动漫聚焦等模块主要用于显示一些关于动漫的信息，便于用户浏览；剧情交流则为广大漫迷提供了可以自由发表言论的平台；动漫展示是为喜欢看动漫和制作动漫的人准备的，因为现在喜欢观看动漫和制作动漫的人快速增加，可以让有才华和兴趣的人得到展示的平台；在在线留言模块中动漫爱好者可以对网站提出意见和要求，使得网民可以参与动漫网站的建设；友情链接模块为用户进入热门网站提供入口，快速链接到其他相关动漫

29、网站并获取动漫资源；站内搜索模块为用户提供了一个快速浏览信息的渠道，方便用户查找和浏览其感兴趣的信息。网站信息展示界面的系统功能模块图如图3-2所示。图3-2信息展示界面功能模块图3.1.2信息管理界面功能模块对于管理该网站的管理员来说，首先应进行管理员的登录，然后系统自动验证管理员的信息，验证成功后才会进入管理员的界面，在信息管理界面中，管理员可以添加、修改、删除网站上的信息。系统用户管理模块实现对注册用户信息的审核、修改、删除等功能，并实现超级管理员添加普通管理员以及管理员可以修改自己的密码等功能；站内新闻管理、剧情交流管理、动漫节管理、动漫聚焦模块是对在信息展示界面发布的一些关于动漫信息

30、和用户评论信息进行管理，实现了信息的添加、删除、修改等功能；动画展示管理可以上传动画文件和修改动画文件；系统管理模块实现管理员对信息展示界面的留言能进行回复和删除的功能，对友情链接进行添加和删除功能，对公告信息进行及时更新等功能。信息管理界面的系统功能模块图如图3-3所示。图3-3信息管理界面功能模块图3.2 数据库设计3.2.1数据表的概要说明在数据库aspdongmanshfw中含有10张数据表，包括用户表、信息表、友情链接表等，具体描述如表3-1所示。表3-1数据表概要说明表名称表代码表功能说明用户表allusers存储网站管理员信息信息表allgonggao存储网站文章信息友情链接表y

31、ouqinglianjie存储网站友情链接动画展示表donghuazhanshi存储网站中动画片网站公告表dx存储网站首页公告信息评论表pinglun存储用户对网站信息的评论留言表liuyanban存储用户的留言动漫聚焦表tukujujiao存储动漫的焦点信息用户注册表yonghuzhuce存储网站注册用户的信息漫画信息表manhuaxinxi存储网站漫画图片和信息3.2.2主要数据表的表结构设计由于系统的数据表较多，下面只介绍了系统的主要数据表的表结构。1用户表（allusers）用户表主要用于存储网站管理员信息，Username字段用于存储管理员的名称；Pwd字段用于存储管理员的密码；Cx

32、字段用于存储管理员的操作权限；Addtime字段用于存储超级管理添加普通管理员时的添加时间，用户表结构如表3-2所示。表3-2用户表字段名类型不允许空描述IDint是编号Usernamevarchar（50）否用户名称Pwdvarchar（50）否用户密码Cxvarchar（50）否用户权限Addtimedatatime否添加时间2友情链接表（youqinglianjie）友情链接表主要用于存储动漫热门网站的名称和地址。Addtime字段用于存储每个网站链接的添加时间；wangzhi字段用于存储链接网站的网址，网站链接的添加时间和网址不会显示在网站首页，首页只显示链接网站的名称。友情链接表结构

33、如表3-3所示。表3-3友情链接表字段名类型不允许空描述IDint是编号wangzhanmingchengvarchar（50）否友情链接名称wagnzhivarchar（50）否友情链接地址Addtimedatatime否添加时间3信息表（allgonggao）网站信息表主要用于存储网站中发布的文章，包括站内新闻、剧情交流和动漫节信息三方面的文章的标题、内容、分类等。由于信息表存储了三方面的信息，为了区别信息的类型，设计了Leibie字段用于存储文章的分类；Shouyetupian字段用于存储相关文章的图片，如果选择上传图片，此图片会显示在首页的滚动图片中；每篇文章被关注的程度是不同的，所以

34、有dianjilv字段用于存储文章被阅读的次数，信息表结构如表3-4所示。表3-4网站信息表字段名类型不允许空描述IDint是编号titlevarchar（255）否文章标题contenttext否文章内容leibievarchar（50）否文章分类Shouyetupianvarchar（50）否显示在首页滚动图片Dianjilvvarchar（50）否文章点击率addtimedatatime否文章发布时间4留言表（liuyanban）留言表主要用于存储用户的留言信息，包括用户的昵称、留言标题和留言内容等，biaoqing字段用于存储用户在留言时选用网站提供的表情图片；hf字段用于存储管理员回

35、复内容，留言表结构如表3-5所示。表3-5留言表字段名类型不允许空描述IDint是编号nichengvarchar（50）否昵称biaoqingvarchar（10）否表情图标Biaotivarchar（100）否留言标题neirongvarchar（300）否留言内容addtimeAddtime否添加时间hfvarchar（100）否管理员回复5动画展示表（donghuazhanshi）动画展示表主要用于存储关于动画的信息和文件，包括动画的名称、简介、发布人等信息，suoluetu字段用于存储与每个动画相关联的图片，此图片是动画播放时某个片段的截图；dhyswj字段用来存储动画的压缩文件，方

36、便用户下载动画；网站的动画文件可以是网站会员上传的也可以是管理员上传的，为了标明动画文件的来源和上传的时间，所以用faburen和addtime两个字段分别存储动画文件的发布人和发布时间，动画展示表结构如表3-6所示。表3-6动画展示表字段名类型不允许空描述IDint是编号donghuamingchengvarchar(300)否动画名称contenttext否动画简介suoluetuvarchar(50)否动画的缩略图donghuawenjianvarchar(50)否动画文件dhyswjvarchar(50)否动画压缩文件faburenvarchar(50)否发布人addtimedatet

37、ime否发布时间第4章 系统详细设计与实现动漫交流网站系统由管理员添加或删除动漫资源，动漫爱好者凭借浏览网页浏览网站的动漫资源，通过用户注册并经过管理员审核成为网站会员后，可对网站部分资源进行评论、上传和下载，还可以进一步完善个人信息；所有用户都可以通过在线留言功能提出对网站的意见和建议，管理员也可以对留言进行回复和删除等操作，下面对网站信息展示界面功能和信息管理界面模块的设计与实现进行详细介绍。4.1 系统首页系统首页是浏览者打开一个网站后第一眼看到的网页，网站能不能吸引浏览者，在很大程度上取决于首页做得怎么样。首页包含内容虽然丰富但不杂乱，色彩搭配要合理，整体风格要独特。系统的首页界面文件

38、为index.asp，在首页中可以看到网站的导航栏，网站发布的最新公告，最新的漫画信息和其他信息，以及链接的一些热门网站，还可以根据信息的类别，通过站内搜索功能快速查找信息，系统首页的运行界面如图4-1所示。图4-1 网站首页运行界面在index.asp文件中，还链接了三个文件qtleft.asp、qttop.asp和qtdown.asp，分别用来处理首页左侧、顶部和底部的显示内容。在首页中显示的动漫节信息的sql语句代码如下：sql=select top 7 id,title,addtime from allgonggao where leibie=动漫节 order by id desc4

39、.2 网站导航导航是网站设计必不可少的基础元素之一，它不仅是信息结构的基础分类，也是浏览者的网站路标，就像一本杂志或书的目录一样，但比杂志或书的目录更为重要，因为杂志我们可以一页一页的从头向后翻，而网页却不可以，只有有了明晰、清楚的导航，才能让浏览者知道自己浏览网站的具体位置。在网页的上方有10个链接，包括站内新闻、在线留言、动画展示等。当单击相应的链接时，就会进入到相应的内容界面，网站导航设计界面如图4-2所示。图4-2网站导航设计界面图4.3 用户注册模块用户注册模块的功能是记录用户的基本信息，其中包括用户名、密码、姓名、性别、电话、邮箱、身份证、QQ、地址、头像、备注等。在注册用户信息时

40、，若填写不正确，当单击“注册”按钮时，会出现相应的提示信息，例如邮箱格式不正确时，会提示“对不起，您输入的邮箱地址格式错误”；电话号码位数不正确时，会提示“对不起，请输入8位或11位的电话号”等，用户注册程序流程图如图4-3所示。图4-3用户注册流程图用户注册后可为用户评论网站的信息做准备，只有注册成功并通过管理员审核后才可对相关内容进行评论。用户登录时，只要正确的输入用户名和密码，就可以登录系统，用户注册设计界面如图4-4所示。图4-4用户注册设计界面图4.4 系统用户管理模块系统用户管理模块实现的功能是管理网站用户信息，网站的用户有分为会员、普通管理员和超级管理员三类，所以此模块包括管理员

41、用户管理、注册用户管理和个人密码管理三个子模块。管理员用户管理模块此模块是为了超级管理员实现添加和删除普通管理员而设计的模块，其他管理员没有此权限。若普通管理员单击“管理员用户管理”按钮，系统提示“对不起，您没有该权限”，实现此功能的主要代码如下：if session(cx)超级管理员 thenresponse.Write(javascript:alert(对不起，您没有该权限);history.back();)response.end()end if注册用户管理模块此模块的功能用于管理员管理注册用户的基本信息，注册用户只有通过管理员审核后才可以登录，管理员可以修改和删除会员的基本信息，管理注

42、册用户界面如图4-5所示。图4-5注册用户管理设计界面图个人密码管理模块此模块的功能是用于管理员修改密码的，超级管理员在添加普通管理员时，会设置一个初始密码，这个密码不一定是普通管理者熟悉的，为了普通管理员可以熟记自己的密码，普通管理员在登录到信息管理界面时，就可以选择是否修改密码，当然超级管理员也可以修改自己的密码。4.5 站内新闻模块4.5.1新闻展示界面设计动漫信息几乎是所有的动漫爱好者和动漫专业人员所关注的，人们可以从中获知最新的动漫动态，动漫信息也是人们闲暇之余闲谈的话题。网站的动漫信息主要包括站内新闻、动漫节信息和剧情交流三方面，所以这三方面信息的设计界面相似，下面以站内新闻为例进

43、行介绍。站内新闻的主要功能是发布动漫新闻，包括国内动漫新闻和国际动漫新闻，动漫信息、主要包括显示信息列表、显示信息内容两个部分。单击“站内新闻”按扭，进入新闻界面，界面中会显示新闻的标题、上传时间以及新闻点击率，站内新闻设计界面如图4-6所示。图4-6站内新闻设计界面图单击站内新闻列表中的新闻标题进入该标题下的新闻内容界面，浏览此条新闻的详细内容，站内新闻详细内容界面如图4-7。图4-7站内新闻详细内容图4.5.2新闻管理界面设计站内新闻信息通过信息管理界面中的站内新闻管理模块来管理。管理员登录后选择“站内新闻管理”模块下的功能，实现对新闻信息的修改、添加和删除功能，站内新闻修改设计界面如图4

44、-8所示。图4-8站内新闻修改设计界面图修改后单击“修改”按扭，系统提示“”修改成果，还可以通过单击文本域上面的图标可以改变文章的格式，包括改变文字的段落样式、字体和字号等。4.6 在线留言模块4.6.1留言展示界面设计作为一个主要以信息发布为主的动漫交流网站，用户浏览网站信息时，会产生一定的想法和意见，如果用户对动漫节信息十分感兴趣，希望网站可以更详细的发布一些关于动漫节的信息建议等，在线留言模块就可以存储这些来自于用户对网站的需求和建议，使用户可以参加到网站的建设中来，实现了管理员和用户之间的互动，使网站信息更加丰富，更好地服务于用户，在线留言设计界面如图4-9所示。4.6.2留言管理界面

45、设计在线留言信息通过信息管理界面中的留言管理模块来管理。管理员登录后单击“系统管理”模块下的“留言管理”模块，进入已有留言列表界面，管理员可以查看到留言内容，若是恶意的留言，则选择删除功能将其删除，否则选择回复功能进行回复，使用户得到信息的回馈，在线留言管理设计界面如图4-10所示。图4-9 在线留言设计界面图图4-10 在线留言管理设计界面图4.7 漫画信息模块4.7.1漫画展示界面设计漫画信息模块的主要功能是让用户了解到最近出版了哪些漫画，使用户能及时的了解到漫画动态。用户通过这个模块能了解到漫画的主要信息，还可以通过查询的方式快速找到感兴趣的漫画信息。网站每隔一段时间会更新漫画的信息，其

46、中最新添加的后四个漫画信息会显示在首页，以最新漫画信息的形式展示在首页，单击“漫画信息”按扭，进入漫画信息界面，界面中显示漫画图片和漫画名称，漫画信息界面图如图4-11所示。图4-11漫画信息设计界面图单击漫画的“图片”或“名称”可链接到漫画的详细界面，在详细界面中介绍了漫画的作者、简介等信息，登录的会员还可对信息进行评论，漫画详细界面如图4-12所示。图4-12 漫画详细信息设计界面图4.7.2漫画管理界面设计漫画信息模块通过信息管理界面中的漫画信心管理模块来管理。管理员登录后在“漫画信息管理”模块下，可对漫画信息进行修改、添加和删除操作。若想快速找到某一条信息将其修改或删除时，可通过查询的

47、方式快速找到此信息，并对其进行相应的操作。单击“漫画信息添加”按钮，进入漫画信息添加界面，在添加界面中输入漫画的名称、作者、上传漫画封面图等信息，输入信息完毕后单击“添加”按钮，这条漫画信息被保存成功了。当管理员在信息管理界面添加新的漫画信息时，最后添加的四条信息会在首页的最新漫画中显示出来。单击“漫画信息查询”按钮，进入查询漫画信息界面，在此界面中可以选择删除和修改信息操作，管理员还可以通过查找的方式快速找到要删除或修改的信息，查寻内容可按漫画名称和作者进行查找，提高了管理员工作的效率，添加漫画信息设计界面如图4-13所示。图4-13添加漫画信息设计界面图4.8 动画展示模块4.8.1动画展

48、示界面设计作为一个动漫网站，动画影片势必不可少的，网站的动画不同于其他网站的动画，不是那种像火影隐者、喜羊羊与灰太狼、死神这类大型的动画，而是一些自制的小动画，动画文件可以是管理员上传的，也可以是注册用户上传的，其他会员还可以下载动画资源。动画展示模块为动漫爱好者提供一个展示和分享的平台，此模块主要显示7部分，包括动画名称、缩略图、动画文件、发布人、添加时间和操作。单击“详细”按钮，进入动画的详细界面，可实现下载动画和评论功能，使用户不仅能观看到其他用户的作品，还可以下载其作品，方便对此动画感兴趣的用户下次观看和欣赏，并且在观看动画时还可以对其他用户的作品提出请教和建议，方便大家共同探讨和学习

49、，动画详细介绍设计界面如图4-14所示。图4-14动画详细介绍设计界面图4.8.2动画管理界面设计动画展示信息通过信息管理界面中的动画展示管理模块来管理。管理员登录后单击“动画展示管理”按钮，进入动画展示管理的操作界面后，就可以对动画的名称、简介、评论等信息进行修改、添加和删除操作。保存这些信息后会及时的显示在信息展示界面。动画展示管理模块包括动画展示添加和查询两个子模块。单击“动画展示添加”按钮，进入添加动画信息界面，在此界面中输入动画的名称、简介、缩略图、动画文件，然后单击“添加”按钮，这条信息就会保存并显示在动画展示的界面中。单击“动画展示查询”按钮，进入查询动画信息界面，在此界面中可以

50、选择删除和修改信息功能，动画展示管理设计界面如图4-15所示。图4-15动画展示管理设计界面图4.9 动漫聚焦模块4.9.1聚焦展示界面设计动漫聚焦模块的主要功能是让用户可以快速地了解到关于动漫的一些焦点信息，信息以图文结合的方式展示在首页，左边是关于焦点信息的相关图片，中间是焦点内容，右边是添加时间，信息以列表形式罗列在首页，每页共显示7条。单击“动漫聚焦”，进入动漫聚焦界面，信息内容一目了然、言简意赅。用户还可以通过搜索功能，快速找到感兴趣的话题，在文本框内输入查找的关键字，然后单击“查找”按钮，若查找成功，则会显示对应的信息，若查找不成功，则不会显示任何信息，动漫聚焦设计界面如图4-16

51、所示。图4-16 动漫聚焦设计界面图4.9.2聚焦管理界面设计动漫聚焦模块通过信息管理界面的动漫聚焦管理模块来进行管理，管理员登录系统管理界面后，单击“动漫聚焦管理”按钮，此模块下有动漫聚焦添加和动漫聚焦查询两个子模块。当单击“动漫聚焦添加”按钮时，进入动漫聚焦添加界面，管理员把相应的信息正确添加后，单击“添加”按钮，就可以完成添加操作；管理员可通过“动漫聚焦查询”按钮查看到目前已添加的信息内容，在每条信息内容的结尾都有删除和修改两个链接，管理员可通过这两个链接功能就能实现对其相应的操作，动漫聚焦管理设计界面如图4-17所示。图4-17 动漫聚焦管理设计界面图4.10 系统管理模块系统管理模块

52、是用于管理员管理网站留言、友情链接和网站公告的。留言管理功能已在前面介绍过了，这里就不再介绍。在此模块下还能实现友情链接和网站公告的添加、删除、修改等操作。1友情链接管理管理员进入信息管理界面的系统管理模块后，单击“友情链接添加”按钮，进入友情链接添加界面，在此界面有两个字段，分别是网站名称和网址。依次输入将要链接的网站名称和地址，输入完毕后，单击“添加”按钮，完成添加功能，此网站的链接会及时的显现在首页友情链接列表中。单击“友情链接查询”按钮，进入友情链接查询界面，在此界面可实现删除和修改链接的功能，使管理员方便管理网站的链接功能，友情链接设计界面如图4-18所示。图4-18友情链接管理设计

53、界面图2网站公告设置网站公告设置模块实现了管理员对系统首页的公告信息的添加、修改、删除等操作。单击“网站公告设置”按钮，进入网站公告设置界面，已存在的公告信息会直接显示在文本编辑器中，管理员可随时修改公告内容，当编辑完成后，单击“确定编辑”按钮，文本器中的所有内容都会以滚动形式展示在系统首页的网站公告模块中，若想更换所有公告信息，单击“重置”按钮，即可清空所有信息，再单击“确定编辑”按钮，完成编辑操作，公告信息管理设计界面如图4-19所示。图4-19 公告信息管理设计界面图引入文本编辑器的主要代码如下：第5章 系统测试5.1 系统测试概述软件测试的目标是为了发现软件中的错误，而发现错误并不是最

54、终的目标，通过测试发现错误之后还必须诊断并改正错误，这就是测试的目的。目前主要的软件测试方法有两大类：白盒测试和黑盒测试。白盒测试是针对程序代码进行正确性检验的测试工作，这种方法按照程序内部的逻辑测试程序，检验程序中的每一条通路是否能按预定的要求正确工作；黑盒测试是在程序接口进行的测试，它只检查程序功能是否能按照规格说明书的规定正常使用，程序是否能适当的接收输入的数据产生正确的输出信息，并保持外部信息的完整性。本系统采用的是黑盒测试法，采用的缘由是因为黑盒测试独立于程序代码，从用户的角度出发，通过一定的测试步骤与测试案例，验证软件功能。5.2 系统测试5.2.1管理员登录功能测试管理员登录系统

55、时，在登录界面不输入任何信息或错误信息时，单击“登录”按钮，系统提示“用户名或密码错误”，登录失败测试如图5-1所示。图5-1登录失败测试图5.2.2添加动漫节信息功能测试管理员进入动漫节添加界面，输入动漫节的标题为“动漫节红领巾志愿者开始招募了”、内容为“为了更好地体现玩转动漫青少年专场的特色，提高杭州红领巾的服务意识”，类别自动显示为动漫节。单击“添加”按钮，系统提示“添加成功！”，成功添加动漫节测试如图5-2所示。图5-2成功添加动漫节测试图网站浏览信息用户可在动漫节信息列表中看到此条信息的标题，单击标题，进入信息详细界面，“动漫节红领巾志愿者开始招募了” 详细信息成功显示在网站信息展示

56、界面中，其测试结果如图5-3所示。图5-3成功显示动漫节信息测试图5.2.3用户注册功能测试注册用户在填写个人信息的过程中，用户名、密码、确认密码、姓名、电话、邮箱、身份证是必填项，如果不填或为空都会有提示信息，其中身份证号必须是18位，只有这些必填信息都正确填写后才能提交注册信息，否则会出现提示信息，下面以鸣人为用户名等相应信息进行注册，测试结果如图5-4所示。图5-4用户注册测试图在信息管理界面会立即显示“鸣人”的注册信息，此时用户还未经管理员审核，所以在“是否审核”下显示的是“否”，用户成功注册测试如图5-5所示。图5-5用户成功注册测试图此时管理员再单击“是否审核”下的“否”，系统会提

57、示“您确定执行此操作？”，再单击“确定”，当“是否审核” 下的“否”变成“是”时，此用户通过审核，才可以登录网站，用户通过审核测试如图5-6所示。图5-6用户通过审核测试图5.2.4信息评论功能测试网站用户浏览信息后，可对信息进行评论，但用户只能在登录网站后，才能实现评论功能，若不登录，系统提示“对不起，请您先登录！”，信息评论失败测试如图5-7所示。 图5-7信息评论失败测试图以网站会员“鸣人”身份登录后，单击“我也要评论”按钮，进入评论编辑页面进行编辑，单击“添加”按钮，系统提示“评论成功！”，测试结果如图5-8所示。图5-8信息评论测试图5.2.5会员上传动画功能测试以网站会员“鸣人”身

58、份登录个人信息管理界面，单击“动画展示添加”按钮，进入动画添加界面，输入相应信息，动画信息添加测试如图5-9所示。图5-9动画信息添加测试图信息输入完毕后，单击“添加”按钮，系统会提示“添加成功！”，其测试结果如图5-10所示。图5-10动画信息成功添加测试图添加后的动画信息立即显示在网站动画展示界面中，测试结果与预期结果一致，动画信息添加成功，其测试结果如图5-11所示。图5-11成功显示动画信息测试图5.2.6非空值测试访问用户在浏览本网站后，可通过在线留言功能对网站提出意见和建议，在留言的过程中必须填写昵称、标题、内容，否则会出现提示信息，只有正确填写后才能留言成功。下面给出当在线留言内

59、容为空时测试情况，测试结果如图5-12所示。图5-12在线留言内容为空测试图5.3 测试结论通过对该系统的全面测试，其结果与预想结果基本相同，完成了系统的设计功能。包括信息添加和评论功能，以及用户的一些基本操作。其功能作用基本上能满足用户对网站的需求。但是由于设计的时间和能力的有限，设计上还是存在一些不足之处，这些问题将在后期的系统管理与维护过程中不断改进与完善。结 论动漫交流网站是由网站信息展示界面和信息管理界面两大部分组成。对于前者要求应用程序功能完善、易使用等特点，而对于后者则要求建立起数据一致性和完善性强、数据安全性好的数据库。经过几个月的设计和开发，本系统基本开发完毕，主要取得以下进展：1根据动漫网站的特点，结合对动漫信息管理的理论及相关技术的研究，进行了系统的需求分析，提出了系统的实施方案。2根据开发系统的需求特点，确定了系统功能模块和业务流程，完成了系统总体功能设计和各子模块的详细功能设计。3通过对存储过程的研究，应用存储过程，实现了对数据库高效灵活地进行访问，提高了系统的运行效率。4根据系统设计原则，采用B/S三层体系结构模式进行设计，应用SQL Server 2005作为数据库服务器，采用Dreamweaver8作为开发