动漫网站的设计与实现毕业论文.doc

《动漫网站的设计与实现毕业论文.doc》由会员分享，可在线阅读，更多相关《动漫网站的设计与实现毕业论文.doc（38页珍藏版）》请在三一办公上搜索。

1、动漫网站的设计与实现目 录第一章 引言1第二章 系统的概述与工具的选择.22.1 MyEclipse工具介绍.72.2 Tomcat服务器介绍.72.3 节B/S结构介绍.72.4 ORACLE数据库.72.5 Dreamweaver介绍.82.6 JavaScript语言.82.7 JSP技术.8第三章 系统设计与分析.,9 3.1 需求分析.93.2 可行性分析.103.3 系统设计.10第四章 数据库设计.134.1 表的描述.134.2 表间联系.19第五章总体设计.205.1 定义.205.2 功能模块描述.205.3 功能模块的数据操作.21第六章 系统实现.236.1 项目包的部

2、署.236.2 数据连接与配置.236.3 模块和数据操作实现.236.4 Webroot文件下的部署.236.5 前台页面实现.266.6 后台登陆实现.34第七章 系统测试.417.1 测试方法.41参考文献 .44致 谢 45摘 要在Internet飞速发展的今天，互联网已成为人们快速获取、发布和传递信息的重要渠道，因此网站建设在Internet应用上的地位越来越重要了。目前Internet上已有上百万个Web站点，其内容范围跨越了教育科研、文化事业、金融、商业、新闻出版、娱乐、体育等各个领域，其用户群十分庞大。动漫设计网站成为越来越多动漫爱好者和非动漫爱好者获得信息和交流的平台，它满足

3、了广大用户随时随地进行交流和沟通的需要，为网上用户提供交流场所，实现高效动态信息交换。现在虽然有很多动漫网站，但版面千篇一律，缺乏个性化、前瞻性，页面设计混乱，不利于用户查看，网站的交互性比较差，因此我针对以上问题设计一个个性化的动漫设计网站。我的目标是做一个网站简单、页面清晰、内容相对全面、具有个性化、能给用户带来特殊视觉感觉的动漫网站。网站实现的基本模块有显示动漫新闻和动漫杂谈信息，在线观看动漫影片，留言本等等。动漫爱好者可以通过前台对自己需要的信息进行查看，可以通过页面上的链接查找其他个性化信息。留言本更是提供了用户之间交流的平台，用户可以实现实时交流互动。后台的信息管理，实现对前台信息

4、的及时更新，本网站的主要特色是页面新颖友好，内容直观，操作简单方便，适用于广大动漫爱好者。关键词:VC+,C#,ASP,JAVA,ORACLE; B/S开发,客户端,服务器,移植性,编译。AbstractInternet develops very quickly and has become an important channel where people can gain and transmit information. Therefore the construction of website has become more and more important. At presen

5、t there are about 1000000 Website on the Internet. Beyond the scope of its content such as education and scientific research, culture, finance, business, press and publishing, entertainment, sports and other fields, Its base of user is enormous. The site of designing animation will become more and m

6、ore animation lovers and non-animation lovers access to information and communication platform. It meets the need of the majority of users who exchange information and communicate with each other in anytime and anywhere. Internet users can exchange places and achieve efficient exchange of dynamic in

7、formation.Although there are many cartoon website,the page-layout is stereotyped, they are Lack of personalization and the forward-looking demand, the design of the page is confused so it does not favor the examination of the user, the interactivation is quite bad,therefore I design a personalized w

8、ebsite.My goal is to make a website that it is simple, the page is clear, the content is relatively comprehensive, has the personalization to be able to give the user the special vision.The website realizes the basic function such as the demonstration animation news , the animation chat, message boo

9、k and so on. Animation lovers can look over the information on the needs of their news like animation, cartoon, etc and can find other personalized information. This message is to provide a platform for exchanges between users. Users can interact in real-time exchange.keywords:VC+,C#,ASP,JAVA,ORACLE

10、; B/S,CLIENT,SERVER,TRANSLATION第一章 引 言Internet是目前世界上最大的计算机互联网络，它遍布全球，将世界各地各种规模的网络连接成一个整体。作为Internet上一种先进的，易于被人们所接受的信息检索手段，World Wide Web(简称WWW)发展十分迅速，成为目前世界上最大的信息资源宝库。如今，网络技术已经渗入到人们日常生活的每个角落，随处都可以看到网络的存在，随处都可以享受到网络给我们带来的方便。网络，不仅仅代表着一项技术、一种应用，更代表着一个时代、一种时尚。随着Internet的发展，Web技术日新月异，人们已经不再满足于静态HTML技术，更多

11、的是要求动态、交互的网络技术。作为动漫爱好者以及动漫专业人员有三个浏览动漫类网页的理由：一、喜欢动漫希望了解相关动漫信息；二、在线观看动漫；三、相互交流。大约90左右的浏览者是出于第一个目的进行浏览的。现在有很多动漫网站，形式统一，给人感觉整体感强，分类规律，文字颜色统一，有突出重点颜色，网站内容与网站名称较符合，版面布置有明显规律，分布平均且清晰，细节分类清楚内容合理，但有些也存在着交互性差，内容杂乱、布局不清晰、不易于用户查看，内容量小、不能满足用户需求，LOGO无象征性、不易被记住等问题。因此针对以上现状和问题我们应该设计一个主要功能为显示相关动漫信息、在线观看动漫、可以进行交流并且交互

12、性强、页面简单清晰但包含信息相对全面、具有个性的动漫网站。几乎所有的浏览动漫类网站的人都希望了解相关动漫信息，因此网站的动漫信息显示适合所有年龄的人。个性化的网站更能吸引年轻人，动漫在线提供更多更好看的动漫，留言本更能促进人们的交流，这也是该系统的特色。第二章 系统的概述与工具的选择作了一个动漫网站，首先布局一定要新颖、有特色，只有这样才能引起用户的关注，包含的信息要全面才能适合不同需要的人，最大限度的满足人们的需求，而且要有很强的交互性，交互性差的网站会让用户产生厌烦情绪。当然一个好的动漫网站还要有很完整的处理信息的功能，以便及时的更新网站中的信息。通过对用户的调查和对现有的动漫网站的分析，

13、为了满足大多数用户的需求，所以我的目标是要构建一个页面简单清晰但包含信息相对全面、交互性强、具有个性的动漫网站。 2.1节 Myeclipse工具介绍MyEclipse其实只是eclipse工具的其中一个插件而已,它主要是用来进行Web开发,当然进行标准模式的开发也是可以的,里面只是增加了一些额外的开发环境.不过尽管Eclipse是用Java语言进行开发的,但是它的用途并不限于Java语言;例如C/C+,COBOL,等编程语言.与此同时MyEclipse工具最鲜明的一个特点是用来进行基于三大框架的开发,MVC模式的开发,并且该网站设计系统的MyEclipse的版本是MyEclipse8.5。2

14、.2节 Tomcat6.0服务器介绍在进行Web开发时,由于要先发布所做的系统,所以必须要有一台服务器,Tomcat就是用来作为其服务器的.Tomcat是Apache的一个子项目,是一个免费的,开源的,支持JSP和Servlet的容器.并且Tomcat运行时占用系统的资源小,扩展性好.Tomcat是一个小型的轻量级应用服务器.实际上Tomcat是Apache服务器的扩展,它是可以独立运行的,所以当运行Tomcat服务器时,它实际上作为一个与Apache的进程单独运行的。2.3节 BS结构介绍本系统采用BS结构，即BrowserServer(浏览器服务器)结构，就是只安装维护一个服务器(Serv

15、er)，而客户端采用浏览器(Browse)运行软件。它是随着Internet技术的兴起，对CS结构的一种变化和改进。主要利用了不断成熟的WWW浏览器技术，结合多种Script语言和ActiveX技术，是一种全新的软件系统构造技术。 在BS体系结构系统中，用户通过浏览器向分布在网络上的许多服务器发出请求，服务器对浏览器的请求进行处理，将用户所需信息返回到浏览器。而其余如数据请求、加工、结果返回以及动态网页生成、对数据库的访问和应用程序的执行等工作全部由Web Server完成。2.4节 ORACLE数据库由于大多数用户浏览动漫网页出于三个目的：一、喜欢动漫希望了解相关动漫信息；二、在线观看动漫；

16、三、相互交流。因此本系统所要实现的主要功能为显示动漫信息、在线观看动漫、留言本。因为本系统相对来说比较简单，然而存放的信息比较大，因此我选择存放信息的数据库为ORACLE数据库。ORCLE数据库是SUN公司推出的基于Windows的桌面关系数据库管理系统（RDBMS），。它提供了表、查询、窗体、报表、页、宏、模块7种用来建立数据库系统的对象；提供了多种向导、生成器、模板，把数据存储、数据查询、界面设计、报表生成等操作规范化；为建立功能完善的数据库管理系统提供了方便，也使得普通用户不必编写代码，就可以完成大部分数据管理的任务。2.5节 Dreamweaver介绍本系统是跨越平台限制和跨越浏览器限

17、制的充满动感的网页。构建动漫网站所用的网页编辑器为Dreamweaver，Dreamweaver是美国MA- CROMEDIA公司开发的集网页制作和网站管理于一身的所见即所得网页编辑器，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页DreamweaverMX是专业网页设计、网站管理、网页可视化编辑的软件。用它可以制作出非常好的站点，可以快速提升网页制作效率。2.6节JavaScrip语言只用Dreamweaver还不能设计出比较完美的具有交互功能的网站，很好的实现交互功能和网页特效就离不开脚本语言，Javascript是一种解释性的，基于对象的脚本语言，Javascri

18、pt主要是基于客户端运行的，用户点击带有Javascript的网页，网页里的Javascript就传到浏览器，由浏览器对此作处理。它的代码可以直接嵌入到HTML命令中，最大特点是可以方便操纵网站上的元素，并与Web浏览器交互，同时JavaScrip可以捕捉用户操作并作出反映。2.7节JSP技术 一个具有高效交互性的动漫网站离不开JSP技术，所谓的Java Server Pages即我们所称的 JSP ，其实是一套微软开发的服务器端脚本环境， JSP 内含于 IIS 5.0 和6.0 之中 , 通过 JSP 我们可以结合 HTML 网页、 JSP 指令和 ActiveX 元件建立动态、交互且高效

19、的 WEB 服务器应用程序。有了 JSP就不必担心客户的浏览器是否能运行你所编写的代码，因为所有的程序都将在服务器端执行，包括所有嵌在普通 HTML 中的脚本程序。当程序执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度。JSP 本身并不是一种脚本语言，它只是提供了一种使镶嵌在 HTML 页面中的脚本程序得以运行的环境。当然设计一个网站，以上介绍的工具是不够的，由于篇幅有限就不再介绍。 第三章 系统的分析与设计3.1节 需求分析此动漫网站使用Java中B/S的开发模式进行开发的，即web开发,B/S开发又称之为客户端/服务端模式的开发。此开

20、始模式的一大优点就是利用连接数据库的方式，将一个个实体进行封装，通过调用底层的数据操作和实体对象实现页面的动态显示。此项目的主要任务是:l 实现相关页面的数据验证与跳转l 实现页面中数据的增删改操作 l 实现模糊搜索和排行榜的显示l 页面的分页显示实现动态的数据更新。为了满足广大喜欢日本动漫迷的需要此动漫网站需要实现以下客户需求l 用户浏览的简便、快捷。l 网站的可操作性、主题健康。l 动漫的更新集数、最新更新的动漫。l 用户交互的及时性、实时性。l 用户权限的操作。l 动态搜索数据、分类搜索、分页查询。l 网站论坛的实现、论坛实行积分制。l 说明文档。3.2节 可行性分析动漫网站给用户提供了

21、获取动漫信息和交流的平台。（1）经济性服务器端的安装简洁明了，客户机无需再装任何软件，通过浏览器就可以直接访问，可以直接接入Internet，无论您身在何处，只要您可以访问Internet都可以使用本系统。（2）技术性动漫网站设计和开发紧跟时代发展潮流，采用当时先进的设计思想，利用人们让所熟悉的开发技术和开发工具。多媒体技术的应用也是本系统一大特点。（3）硬件及软件硬件平台：CPU：P41.8GHz。内存：1GB以上。软件平台：操作系统：Windows XP,Windows Server 2003,Windows 7.数据库：ORACLE 10g。浏览器：IE5.0，推荐使用IE6.0。Web

22、服务器：IIS5.0。分辨率：最佳效果1440900像素。3.3节 系统设计动漫网站是一个典型的网站，由前台浏览和网站后台管理两大部分组成。 (1) 前台功能模块前台主要包括动漫首页、动漫新闻、动漫杂谈、动漫在线、留言本以及一些热门动漫网站和非动漫网站链接。首页是一个网站的起点，它展示了网站的整体风格，是否能吸引用户首页起着重要的作用。动漫新闻和杂谈模块主要用于显示动漫信息，便于用户浏览。动漫在线是为喜欢看动漫的人准备的，因为现在喜欢观看动漫的人快速增加，这已不再只是年轻人的喜好。留言本让动漫爱好者和动漫专业人员得到更多帮助。 (2) 后台管理模块 后台主要包括后台登录模块、动漫新闻管理、动漫

23、杂谈管理、动漫在线管理、管理员信息管理、退出后台。后台主要对前台的信息进行管理，管进员可以通过后台对前台的信息进行添加、修改、删除等操作，以便及时更新数据库的内容，从而更新前台信息，让用户能及时了解动漫信息。网站的前台系统功能结构如图3-1所示。前台系统设计动漫在线留言本动漫首页动漫新闻动漫杂谈热门网站动漫新闻动漫杂谈热门网站留 言 本动漫在线动漫动态杂谈欣赏动漫观看写 留 言查看留言管理员登录网站链接图3-1前台系统功能结构图动漫网站前台主要功能简述：l 网站导航：主要包括网站的旗帜广告条、主功能导航两部分。主功能导航包括 五部分，动漫首页、动漫新闻、动漫杂谈、动漫在线。l 动漫新闻模块：主

24、要功能显示新闻列表。点击相应的列表进入显示新闻内容页面。l 动漫杂谈模块：主要用于显示杂谈列表。点击相应的列表进入显示杂谈内容页面l 动漫在线模块：主要用于显示动漫片列表。点击列表可以进入相应的页面查看动漫的简介信息，还可以在线观看动漫。l 热门网站模块：为用户进入热门网站提供入口，使动漫爱好者不仅能获得动漫信息，而且更加方便的获取其他的感兴趣的信息。l 后台登录入口：为用户进入后台提供一个入口，以便管理员能对信息进行管理，防止非管理人员进入后台修改信息，造成无法弥补的后果。网站的后台系统功能结构如图3-2所示。后台系统设计动漫新闻管理动漫杂谈管理动漫在线管理个人密码修改返回网站首页退出管理系

25、统图3-2 后台系统功能结构 网站的后台很重要，它实现信息的管理功能，管理你网站前台所有信息操作比如新闻信息、杂谈和动漫影片的发布、修改、删除，一个好的后台可以轻松的管理你网站上的所有内容信息，后台管理主要包括以下功能模块l 登录模块：主要用于管理员登录网站后台。验证进入者身份，非管理员不得进入，因为后台信息的修改对整个网站起着决定作用。l 动漫新闻管理模块：主要用于对动漫新闻信息的修改、添加、删除。l 动漫杂谈管理模块：主要用于对动漫杂谈信息修改、添加、删除。l 动漫在线管理模块：主要用于对动漫影片修改、添加、删除。它可以修改影片的简介信息，还可以修改影片播放路径等信息。l 返回网站首页模块

26、：主要用于返回网站首页。l 管理员信息修改模块：主要包括管理员信息修改。l 退出后台管理模块：退出后台管理系统。 第四章 数据库设计4.1节 表的描述4.1.1节 用户表(users)由于整个网站是建立在用户的基础上的，所以必须要有用户登录的信息，所以此用户表是用来进行用户的登录和注册，记录登录的用户身份和一般信息，例如用户积分、登录状态等等，又例如一些操作的权限也必须是特定的用户进行操作的，见表4-1用户表。表4-1 用户表字段类型长度是否为空是否主键说明USERIDINT4NOT NULL是用户编号USERNAMEVARCHAR220NOT NULL否用户名USERPWDVARCHAR22

27、0NOT NULL否密码USERNAME2VARCHAR220NOT NULL否姓名HEADVARCHAR220NOT NULL否头像BIRTHDAYDATE/NOT NULL否出生日期REGTIMEDATE/NOT NULL否注册日期SEXINT4null否性别INTERGALINT4null否等级 4.1.2节 主贴表(topic)用户在论坛中进行一些留言操作时，也会有自己的信息，并且此发帖人也应该在某一个特定的板块中的，不可能同时在几个不同的板块之中的。另外，在点击某一个板块时，应该显示一些发帖人的信息，这些信息，包括图片，留言时间，点击数等。见表4-2主贴表。表4-2 主贴表字段类型长

28、度是否为空是否主键说明TOPICIDINT4NOT NULL是主帖编号TITLELONG255NOT NULL否标题USERIDINT4NOT NULL否用户编号BOARDIDINT4NOT NULL否版块编号PUBLISHTIMEDATE/NOT NULL否发帖时间MODIFYTIMEDATE/NOT NULL否修改时间REPLYCOUNTINT4NOT NULL否回复数CLICKCOUNTINT4NOT NULL否点击数FONTSIZEINT4NOT NULL否字体大小FONTCOLORVARCHAR220NOT NULL否字体颜色BOLDINT4NOT NULL否是否粗体ITALICIN

29、T4NOT NULL否是否斜体UNDERLINEINT4NOT NULL否是否离线4.1.3节 回帖表(reply)既然有发帖人信息，应该也有跟贴人的信息，此时跟贴人是依赖于发帖人的，点击发帖人时，也应该显示相应的跟贴人信息。并且此时跟贴人信息，应该是一级一级的形式显示，将最近跟贴人的信息优先显示。见表4-3回帖表。表4-3 回帖表字段类型长度是否为空是否主键说明REPLYIDINT4NOT NULL是回帖编号TITLELONG255NOT NULL否标题USERIDINT4NOT NULL否用户编号TOPICIDINT4NOT NULL否主帖编号PUBLISHTIMEDATE/NOT NUL

30、L否发帖时间MODIFYTIMEDATE/NOT NULL否修改时间FONTSIZEINT4NOT NULL否字体大小FONTCOLORVARCHAR220NOT NULL否字体颜色BOLDINT4NOT NULL否是否粗体ITALICINT4NOT NULL否是否斜体UNDERLINEINT4NOT NULL否是否离线4.1.4节 等级表(grade) 当用户积分达到一定程度时，等级应该会增加，这和QQ升级的原理差不多的。并且当用户等级上升到一定程度时，用户的操作权限应该也会随之改变。见表4-4等级表。表4-4 等级表字段类型长度是否为空是否主键说明GRADEIDINT4NOT NULL是等

31、级编号GRADENAMEVARCHAR220NOT NULL否等级名称 4.1.5节 动漫表(anime)由于此网站是动漫网站，所以动漫表的设计，是为了让用户进行浏览观看动漫的，并且，管理员也可以发布动漫、删除、修改等相关信息。见表4-5动漫表。表4-5 动漫表字段类型长度是否为空是否主键说明animeidINT4NOT NULL是动漫编号animenamevarchar240NOT NULL否动漫名称animepicvarchar240NOT NULL否动漫图片 4.1.6节 漫画内容表(catoon)在发布漫画时，由于是分级数和更新时间进行发布的，所以，为了方便显示每次发布的集数，用自动增

32、长的序列表明集数，并且集数最新的应该在列表中优先显示。见表4-6动画内容表。表4-6 漫画内容表字段类型长度是否为空是否主键说明catoonidINT4NOT NULL是卡通编号catoontitlevarchar240NOT NULL否标题updatetimeDATE/NOT NULL否更新时间animeidINT4NOT NULL否动漫编号countidINT4NOT NULL否自动序列 4.1.7节 影片表(film)发布影片和上述表的功能类似，也需要自动增长序列，来表明发布影片的集数。见表4-7影片表。表4-7 影片表字段类型长度是否为空是否主键说明filmidINT4NOT NULL

33、是影片编号filmbriefLONG255NOT NULL否影片简介updatetimeDATE/NOT NULL否更新时间animeidINT4NOT NULL否动漫编号countidINT4NOT NULL否自动序列 4.1.8节 漫画图片表(catoonpic)为了保存漫画图片，单独设计成一个表格，等到要用和图片扩展时，可以在数据库中进行更新，然后再进行图片发布操作。见表4-8漫画图片表。表4-8 漫画图片表字段类型长度是否为空是否主键说明picidINT4NOT NULL是图片编号catoonidINT4NOT NULL否卡通编号picurlvarchar240NOT NULL否图片路

34、径 4.1.9节 下载类别表(downloadclass) 为下载资源信息添加一些类别信息，见表4-9下载类别表。表4-9 下载类别表字段类型长度是否为空是否主键说明gameclassidINT4NOT NULL是下载类别编号gameclassnamevarchar240NOT NULL否类别名称 4.1.10节 资源表(download)用户除了可以在线观看时，也可以下载观看，并且可以根据动漫类别的不同，选择相应的动漫进行下载和在线观看。见表4-10资源表。表4-10 资源表字段类型长度是否为空是否主键说明downloadidINT4NOT NULL是资源编号gameclassidLONG2

35、55NOT NULL否下载类别编号briefINT4NOT NULL否简介updatetimeINT4NOT NULL否更新时间countidDATE/NOT NULL否自动序列downcountDATE/NOT NULL否下载数 4.2节 表间联系对于论坛模块来说，用户表和板块表、主贴表、回帖表是通过用户编号外连接的。板块表和主贴表是通过板块编号进行外键约束的，主贴表和回帖表是通过主贴编号进行外键约束的，另外由于板块表中有一些是代表父板块编号的，必须要用一个特殊的int型来标记，由于序列的最小值是1，所以，用0可以代表父板块编号。对于动漫模块，各模块也是通过外键进行约束的，在进行表间联系时，要注意范式的规范性。第五章 总体设计5.1节 定义动漫网站系统：用户操作、数据操作、数据增删改查操作等构成整个系统。总体设计：主要是划分为不同的模块，以及模块之间的接口以及对模块的物理元素的描述5.2节 功能模块的描述 (1)IPO图：见表5-1。 表5-1 IPO图输入处理输出用户信息验证有效信息数据操作验证有效操作数据显示信息数据获取有效数据页面操作信息验证跳转有效页面 (2)数据字典 :见表5-2。表5