html动漫网站的设计与实现
h t m l动漫网站的设计与实
现
Prepared on 22 November 2020
XXXX本科毕业论文（设计）题目：动漫交流网站的设计与实现
院（系）工学院
专业
年级
姓名学号
指导教师职称
2013年5月30日
目录
摘要
动漫交流网站的建设是为了将杂乱无章的信息（包括文字、图片、动画影片）经过组织以后，合理有序地呈现在动漫爱好者面前而设计的一个动漫网站管理系统。本网站作为动漫爱好者获取信息和交流的一个平台，满足了用户的基本需要，提供了用户在线交流的场所，实现了高效动态的信息交换。
系统分为网站信息展示界面和信息管理界面两部分，其中展示界面主要用于用户对动漫信息资源进行浏览，通过注册登录可以评论、上传和下载动漫资源；管理界面主要用于管理展示界面的动漫资源和网站的维护，主要实现了站内新闻、漫画、动画等相关信息管理，用户管理，系统管理等功能。
系统采用B/S三层体系结构，SQL Server 2005作为数据库服务器，IIS作为测试服务器，并结合开发系统的需求特点，确定了系统的业务流程，完成了系统总体功能设计和详细功能设计，并进行了系统测试，运行良好。
关键词：动漫交流网站；B/S；信息管理
ABSTRACT
Animeintercoursewebsitehas beenconstructed aiming to the ordered 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, provides 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 the 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, animation, 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 system's business processes, and ultimately 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章绪论
课题开发的背景及意义
世界因Internet的出现而在逐步改变，网络经济雏形因此而形成，由于Internet具有信息容量大、方便迅速、形态多样、覆盖全球等特点，直至今日已发展成为信息传播的主要载体，所以几乎全球的各个企业、机构纷纷建立自己的Web站点。Internet信息资源庞大、图文互动、高速高效的特点给传统设计媒体带来了巨大的冲击，再加上网络经济对设计行业的影响，由此而产生了一个新的设计领域——网站设计。
动漫产业作为我国发展中的产业，网站设计技术的发展推动了该产业的传播，使得各类动漫网站纷纷崛起，为广大动漫爱好者带来了诸多便利。
本课题设计的是一个以动漫为主题的动漫交流网站，以信息发布、分享为主要目的。通过发布一些关于动漫的信息、图片和动画等为有同样喜好的人们提供一个分享的空间。同时访客用户可以在网站中的剧情交流上发表自己的看法以及可供共享的信息，使人们在获取信息的同时，还可以发表自己的感受。在如今网络高速发展的时代，发布信息与分享兴趣已成为大多网站设计的主要目的。
课题研究现状和发展趋势
具相关统计，中国大部分的网民年龄大多不超过40岁，在此年龄段中年轻的网民最为感兴趣的资源中，动漫资源是位列前茅的。然而，目前大部分最新的动漫资源都不是集中发布于某一个网站，所以要浏览这些相应的资源还是需要花一些心思的。并没有一个具体的网站可以为动漫迷们提供集中的最新资讯，而且许多动漫网站并不能发布动漫资源。
由于看到网络动漫蕴含的无限发展潜力，门户、综合类、游戏、娱乐等各类网站，纷纷建设动漫、动画、卡通等相关频道，极力发展的主要是动漫作品、动漫图集等资源。这些网站起步早、技术强，综合实力都远超动漫网站，最重要的是已经有了较好的
赢利模式，能够有资金和人力来发展动漫板块。良好的技术支持，强大的内容管理系统，人力资源充足，再加上网站已有大量的人气和现成易用的宣传推广平台，很快就可以从专业动漫网站中抢走人气和流量。
本文在分析了国内外动漫网站的发展现状之后，从动漫网站获取动漫信息的便捷程度着手，主要阐述了在现今的网站设计技术发展下，如何实现动漫信息的集中化管理和发布动漫资源做出了探讨。根据网站的功能需求，完成用户容易理解的与网站的交互，使用户很容易的找到所需的信息和发布资源的方法，从而获得愉快的体验感受。
课题开发所用的技术和主要工具
1.3.1B/S结构简介
B/S结构，即Browse/Server(浏览器/服务器)结构，就是只安装维护一个服务器(Server)，而客户端采用浏览器(Browse)运行软件。它是随着Internet技术的兴起，对C/S 结构的一种变化和改进。主要利用了不断成熟的WWW浏览器技术，结合多种Script语言(VBScript、JavaScript等)和ActiveX技术，是一种全新的软件系统构造技术。在B/S体系结构系统中，用户通过浏览器向分布在网络上的许多服务器发出请求，服务器对浏览器的请求进行处理，将用户所需信息返回到浏览器。而其余如数据请求、加工、结果返回以及动态网页生成、对数据库的访问和应用程序的执行等工作全部由Web服务器完成。随着Windows将浏览器技术植入操作系统内部，这种结构已成为当今应用软件的首选体系结构。显然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是一个全面的数据库平台，使用集成的商业智能工具提供了企业级的数据管理。SQL Server 2005数据库引擎为关系型数据和结构化数据提供了更安全可靠的存储功能，使您可以构建和管理用于业务的高可用和高性能的数据应用程序。SQL Server 2005数据引擎是本高校开放式实验室管理系统解决方案的核心[1]。
1.3.3Dreamweaver8简介
Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页，在该系统中使用的是最新Dreamweaver8。
它集网页设计、网站开发和站点管理功能于一身，具有可视化、支持多平台和跨浏览器的特性。首先，Dreamweaver8具有灵活编写网页的特点，不但将世界一流的“设计”和“代码”编辑器合二为一，而且在设计窗口中还精化了源代码，能帮助用户根据自己的需要定制用户界面，并且它的可视化编辑界面更是做得人性化，不仅可以实现界面元素的插入与生成，而且保证了其专业性与兼容性。其次，它有强大的web站点管理功能和图形编辑引擎，可以轻松地创建美观实用的网页。再次，Dreamweaver8有丰富的媒体支撑能力，可以方便的加入java、flash、ActiveX以及其他媒体，尤其是在设计DHTML和CSS时表现得极为出色，它利用JavaScript和DHTML语言代码实现网页元素的动作和交互操作。最重要的是，Dreamweaver8集成了程序开发语言，对ASP、.NET、PHP、JS的基本语法和连接操作数据库操作，都是完全支持的[2]，因此用Dreamweaver8来架构动漫交流网站。
1.3.4ASP技术简介
一个具有高效交互性的动漫交流网站离不开ASP技术，Microsoft Active Server Pages 即我们所称的ASP，其实是一套开发的服务器端脚本环境，ASP内含于和之中，通过ASP我们可以结合HTML网页、ASP指令和ActiveX元件建立动态、交互且高效的WEB 服务器应用程序。有了ASP就不必担心客户的浏览器是否能运行你所编写的代码，因为所有的程序都将在服务器端执行，包括所有嵌在普通HTML中的脚本程序。当程序执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度。ASP本身并不是一种脚本语言，它只是提供了一种使镶嵌在HTML界面中的脚本程序得以运行的环境。ASP中最为常用的内置对象和组件如下：1．Request对象：用来连接客户端的Web页（.htm文件）和服务器的Web页（.ASP 文件），可以获取客户端数据，也可以交换两者之间的数据。
2．Response对象：用于将服务端数据发送到客户端，可通过客户端浏览器显示，用户浏览界面的重定向以及在客户端创建cookies等方式进行。该功能与Request对象的功能恰恰相反。
3．Server对象：用于提供服务器方法、属性的存取。
4．Application对象：它是个应用程序级的对象，用来存储所有用户间共享信息，并可以Web应用程序运行期间持久地保持数据。如果不加以限制，所有客户都可以访问这个对象。
5．Session对象：它为每个访问者提供一个标识；用于在一个用户对话（Session）中存储公用信息。
6．ASP error对象：用于ASP应用程序的错误处理。
7．ObjectContext对象：用于通过Micorosoft Transaction Server（MTS）来提交或者终止一项事[3]。
第2章系统分析
系统需求分析
需求分析是指要理解用户的需求，就软件功能与客户需求达成一致，估计项目代价和评估软件风险，最终形成一个开发计划的复杂过程。需求分析的重要性就在于它具有方向性、策略性、决策性的作用，需求分析是软件定义的最后一个阶段，它的基本任务是回答“系统必须做什么”的问题，而不是确定系统要怎样完成它的工作，仅仅是确定系统要完成哪些工作，也就是对目标系统提出具体、清晰、准确、完整的要求，在软件开发的过程中具有非常重要的地位。
通过相关调查，了解到有90%的动漫爱好者查看网页是为了浏览动漫的相关信息，第一时间了解动漫动态，快速及时的浏览新闻和相关消息，五花八门的网上信息，使人们的生活丰富多彩，因此动漫网站上要有显示动漫信息模块；多媒体技术的迅猛发展对互联网的影响极大，它使的网站上的信息更加丰富多彩，而不只是单一的文本信息，随着动漫爱好者的增加，喜欢自己创作动画的人也越来越多，为了使动漫爱好者们有展示才能的平台，在线上传动画影片模块必不可少；网页在互联网中的应用越来越广泛，使广大网络用户得到了更加周到和人性化的服务，用户交流平台因此成为网站的一大特色，交流是在当今信息社会获得最新信息的最有效的途径之一；当然系统更不能离开信息管理模块，信息模块主要包括站内新闻、动漫节、动漫聚焦、剧情交流等信息，实现的功能是对这些信息的修改，使网页上的信息能够及时的更新。
其他需求
2.2.1非功能性需求
除了上述的基本需求之外，该系统为了保证其运行的长期性、安全性、稳定性与可靠性，还应满足以下需求：
1．操作简单、界面友好：控件式的界面布局，使得信息的录入工作方便、快捷。
2．即时可见：对信息的处理（包括查询、添加、修改、删除）能立即在对应的版块内显现出来，达到“即时发布、即时见效”的功能。
3．功能完善：系统不仅具有常见系统的信息录入、浏览、修改、查询、删除等方面，完整地实现了系统对即时信息的管理要求。而且，还能对用户上传和下载相关资源进行管理。
4．方便移植：系统应具有适用性、实用性和可靠性性。系统界面中所需的数据都存放在数据表中，只要对该文件做部分修改，就能立即在系统界面上实现更新的效果，不需要更改系统的源代码。
5．动态管理：对系统数据库实行动态操作，能实现对数据库信息的录入、修改、查询、删除数据等。
2.2.2系统软、硬件要求
本系统采用ASP技术开发，运行于浏览器，采用面向对象的编程方法。
该系统的开发过程，文档应符合软件工程的标准，技术符合国际通用标准，数据定义符合国家标准。
1．软件要求
（1）客户机软件要求：
操作系统：Windows XP或更高版本。
浏览器：IE 以上。
（2）服务器软件要求：
操作系统：Windows XP Server或更高版本。
2．硬件要求
（1）客户机硬件要求：具有 Pentium III 处理器以上且满足以下要求的计算机：最低512MB 内存，最小 80 GB 硬盘。
（2）服务器硬件要求：具有 Pentium III 处理器以上且满足以下要求的计算机：最低512MB 内存，最小 80 GB 硬盘。
3．Web服务器要求：
应用服务器：IIS、COM+等企业级应用服务器。
2.2.3数据库要求
数据库是指在一个或多个企业组织中，为众多用户服务的，在计算上有结果的、可运行的数据的集合，它与传统的数据文件大不相同，它不是要面向单个程序的，而是要面向整个需求的；记录之间是有结构上的联系的。数据库的实现是动态地、有组织的存储大量关联数据，方便多用户访问的计算机软硬件组成的系统；它与文件系统的重要区别是数据的充分共享，交叉访问，与应用程序的高度独立性。
基于ASP的动漫交流网站的开发本质上是一个对数据库进行应用的网站系统，采用面向数据的开发和设计是正确的。其主要的功能是对数据的采集、存储、加工、传递和应用，也就是数据的管理功能。以数据为中心的方法是将数据处理分为进行数据维护的增、删、改，称为一次处理功能；对数据库存储的数据进行加工、处理，称为二次数据处理。抓住这样的本质就将管理信息系统的复杂关系进行简化、规范，系统设计和开发思路清晰，可采用数据库管理系统提供的各类工具。
系统开发目标和方案
2.3.1系统开发目标
本网站系统设计的是一个以动漫为主题的动漫交流网站，以信息发布、分享为主要目的。要求网站具有界面简洁、更新快速、视频流畅、交流方便等特点。为了实现这些功能要求，让网站运行地更有效率，现提出如下系统开发目标。
1．网民浏览网页，信息展示界面显示动漫的多种信息。
2．管理员对动漫信息的添加、修改、删除和查询，并且实时显示于信息展示界面。
4．超级管理员可以对普通管理员进行管理，包括添加和删除管理员功能。
5．注册用户可以上传动画和下载动画。
6．系统最大限度地实现易维护性和易操作性。
7．系统运行稳定、安全可靠。
2.3.2系统开发方案
作为一个动漫交流网站，信息的互动性将是设计该网站的主要目的，信息展示界面要求不仅要美观而且还要具有艺术性。网站运行时，网站的浏览者只能看到界面信息，而管理者需要着重管理网站的信息管理界面，因此该网站的设计主要有两个步骤。先用photoshop制作网站的信息展示界面，再在dreamweave8里面编辑代码；在制作程序时又分为两步，先把浏览者要看到的程序设计出来，然后依次写出每个相应的程序，测试成功后，再编辑信息管理界面程序。本系统的设计思路，先是界面设计：采用了蓝色为主的基色，给人以清新的感觉，网站所用图片也是简洁美观的图片，这样设计让人看着特别舒服。再是程序设计：根据软件工程开发流程设计该系统，本动漫交流网站使用ASP 技术，基于WINDOWS开发平台，选用SQL Server数据库开发和设计的，完全能满足本系统网站设计的要求。
系统可行性分析
在对系统目标和环境精心分析的基础上，从经济可行性和技术可行性两个方面对本系统进行可行性研究。
2.4.1经济可行性
服务器端的安装非常简单，客户机端也无需再安装任何软件，通过浏览器就可以访问，无论身在何处，只要可以访问互联网就可以使用本系统。
2.4.2技术可行性
1．开发的软件可行性
动漫交流网站的设计和开发，从数据库开发管理软件来看，对于有关数据库的系统，主要基于ASP技术开发B/S结构，在数据库方面采用SQL Server2005，是实际应用中的一种解决方案。
2．开发的硬件可行性
本系统对计算机的硬件环境有一定的要求，对计算机的操作系统、内存、主频、外设等都有最低要求，如果低于这个要求将影响到本系统的正常运行。本系统在原有的计算机硬件基础上不需要任何变化即可满足系统的运行。
由以上两方面的分析可以看出，本系统的开发时机已经成熟，从多种角度考虑开发此系统都是可行的，并且也是十分必要的。
第3章系统总体设计与数据库设计
系统总体设计
动漫交流网站是由信息展示界面和信息管理界面两大部分组成。信息展示界面的功能主要包括动漫首页、站内新闻、在线留言、漫画信息、动画展示、动漫聚焦、动漫节信息、剧情交流、以及一些热门动漫网站的链接。信息管理界面的功能主要包括系统用户管理、站内新闻管理、漫画、剧情交流管理、动画展示管理、动漫节管理、动漫聚焦管理、系统管理、退出管理界面。根据系统的总体设计，设计出相应的流程，系统的总体流程图如图3-1所示。
图3-1系统总体流程图
3.1.1信息展示界面功能模块
首页是一个网站的起点，它展示了网站的整体风格，能否吸引用户首页起着重要的作用。站内新闻、动漫节信息、漫画信息、动漫聚焦等模块主要用于显示一些关于动漫的信息，便于用户浏览；剧情交流则为广大漫迷提供了可以自由发表言论的平台；动漫展示是为喜欢看动漫和制作动漫的人准备的，因为现在喜欢观看动漫和制作动漫的人快速增加，可以让有才华和兴趣的人得到展示的平台；在在线留言模块中动漫爱好者可以对网站提出意见和要求，使得网民可以参与动漫网站的建设；友情链接模块为用户进入热门网站提供入口，快速链接到其他相关动漫网站并获取动漫资源；站内搜索模块为用户提供了一个快速浏览信息的渠道，方便用户查找和浏览其感兴趣的信息。网站信息展示界面的系统功能模块图如图3-2所示。
图3-2信息展示界面功能模块图
3.1.2信息管理界面功能模块
对于管理该网站的管理员来说，首先应进行管理员的登录，然后系统自动验证管理员的信息，验证成功后才会进入管理员的界面，在信息管理界面中，管理员可以添加、
修改、删除网站上的信息。系统用户管理模块实现对注册用户信息的审核、修改、删除等功能，并实现超级管理员添加普通管理员以及管理员可以修改自己的密码等功能；站内新闻管理、剧情交流管理、动漫节管理、动漫聚焦模块是对在信息展示界面发布的一些关于动漫信息和用户评论信息进行管理，实现了信息的添加、删除、修改等功能；动画展示管理可以上传动画文件和修改动画文件；系统管理模块实现管理员对信息展示界面的留言能进行回复和删除的功能，对友情链接进行添加和删除功能，对公告信息进行及时更新等功能。信息管理界面的系统功能模块图如图3-3所示。
图3-3信息管理界面功能模块图
数据库设计
3.2.1数据表的概要说明
在数据库aspdongmanshfw中含有10张数据表，包括用户表、信息表、友情链接表等，具体描述如表3-1所示。
表3-1数据表概要说明
表名称表代码表功能说明
用户表allusers 存储网站管理员信息
信息表allgonggao 存储网站文章信息
友情链接表youqinglianjie 存储网站友情链接
动画展示表donghuazhanshi 存储网站中动画片
网站公告表dx 存储网站首页公告信息
评论表pinglun 存储用户对网站信息的评论
留言表liuyanban 存储用户的留言
动漫聚焦表tukujujiao 存储动漫的焦点信息
用户注册表yonghuzhuce 存储网站注册用户的信息
漫画信息表manhuaxinxi 存储网站漫画图片和信息
3.2.2主要数据表的表结构设计
由于系统的数据表较多，下面只介绍了系统的主要数据表的表结构。
1．用户表（allusers）
用户表主要用于存储网站管理员信息，Username字段用于存储管理员的名称；Pwd 字段用于存储管理员的密码；Cx字段用于存储管理员的操作权限；Addtime字段用于存储超级管理添加普通管理员时的添加时间，用户表结构如表3-2所示。
表3-2用户表
字段名类型不允许空描述
ID int 是编号
Username varchar（50）否用户名称
Pwd varchar（50）否用户密码
Cx varchar（50）否用户权限Addtime datatime 否添加时间2．友情链接表（youqinglianjie）
友情链接表主要用于存储动漫热门网站的名称和地址。Addtime字段用于存储每个网站链接的添加时间；wangzhi字段用于存储链接网站的网址，网站链接的添加时间和网址不会显示在网站首页，首页只显示链接网站的名称。友情链接表结构如表3-3所示。
表3-3友情链接表
字段名类型不允许空描述
ID int 是编号wangzhanmingcheng varchar（50）否友情链接名称wagnzhi varchar（50）否友情链接地址
Addtime datatime 否添加时间3．信息表（allgonggao）
网站信息表主要用于存储网站中发布的文章，包括站内新闻、剧情交流和动漫节信息三方面的文章的标题、内容、分类等。由于信息表存储了三方面的信息，为了区别信
息的类型，设计了Leibie字段用于存储文章的分类；Shouyetupian字段用于存储相关文章的图片，如果选择上传图片，此图片会显示在首页的滚动图片中；每篇文章被关注的程度是不同的，所以有dianjilv字段用于存储文章被阅读的次数，信息表结构如表3-4所示。
表3-4网站信息表
字段名类型不允许空描述
ID int 是编号
title varchar（255）否文章标题
content text 否文章内容
leibie varchar（50）否文章分类Shouyetupian varchar（50）否显示在首页滚动图
片
Dianjilv varchar（50）否文章点击率
addtime datatime 否文章发布时间4．留言表（liuyanban）
留言表主要用于存储用户的留言信息，包括用户的昵称、留言标题和留言内容等，biaoqing字段用于存储用户在留言时选用网站提供的表情图片；hf字段用于存储管理员回复内容，留言表结构如表3-5所示。
表3-5留言表
字段名类型不允许空描述
ID int 是编号
nicheng varchar（50）否昵称
biaoqing varchar（10）否表情图标
Biaoti varchar（100）否留言标题
neirong varchar（300）否留言内容
addtime Addtime 否添加时间