基于java的动漫网站的设计与实现学士学位论文.doc

《基于java的动漫网站的设计与实现学士学位论文.doc》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

北京邮电大学毕业设计北京邮电大学毕业设计（论文）任务书第1页毕业设计（论文）题目：基于Java的动漫网站的设计与实现毕业设计（论文）要求及原始数据（资料）：1．综述国内外动漫网站设计研究现状；2．深入了解动漫网站设计的相关技术；3．熟练掌握动漫网站的应用与分析，训练编写插件程序的能力；4．设计并实现针对用户的使用功能以及网站管理员充分的管理功能；5．深入分析动漫网站设计中插件的关键技术与编写语言；6．训练检索文献资料和利用文献资料的能力；7．训练撰写技术文档与学位论文的能力。 北京邮电大学毕业设计第2页毕业设计（论文）主要内容：1．综述动漫网站设计技术在网络中的应用；2．了解动漫网站设计的相关技术；3．熟悉动漫网站以及插件的开发环境；4．设计动漫网站所需的数据库；5.深入分析动漫网站中插件的关键技术与编写语言JAVA的设计流程；6．熟练掌握基于动漫网站平台的测试；7．设计与实现针对动漫网站中用户使用功能以及管理员管理功能的程序。学生应交出的设计文件（论文）：1．内容完整、层次清晰、叙述流畅、排版规范的毕业设计论文；2．包括毕业设计论文、源程序等内容在内的毕业设计电子文档及其它相关材料。 北京邮电大学毕业设计第3页主要参考文献（资料）：[1]张孝祥,徐明华.Java基础与案例开发详解.清华大学出版社,2009[2]杨学瑜,高立军.软件开发过程与项目管理.电子工业出版社，2008[3]黎连业,王华,李淑春.软件测试与测试技术.清华大学出版社，2009[4]JamesD.McCaffrey等.NET软件测试自动化之道[M].电子工业出版社,2007[5]张大方,李玮等.软件测试技术与管理[M].湖南大学出版社，2007[6]张文静,林琪.JSP程序设计.人民邮电出版社,2005[7]孙卫琴,李洪成.Tomcat与JavaWeb开发技术详解.电子工业出版社,2005[8](美)H.M.Deitel,P.Jdeitel.Java程序设计教程(第五版).清华大学出版社,2004[9](美)ElliotteRustyHarold.JavaNetworkProgramming.东南大学出版社,2005[10](美)JohnJ.Patrick.SQL基础(第二版).清华大学出版社,2004[11]JonathanW.Palmer.WebSiteUsability,Design,andPerformanceMetrics.InformationSystemsResearch,2002[12]DeborahE.Rosena,ElizabethPurintonb.Websitedesign:Viewingthewebasacognitivelandscape.JournalofBusinessResearch,2004专业班级软件1007班学生孙嘉帆要求设计（论文）工作起止日期2014年3月17日~2014年6月27日指导教师签字日期2014年3月17日教研室主任审查签字日期系主任批准签字日期 北京邮电大学毕业设计 北京邮电大学毕业设计基于Java的动漫网站的设计与实现摘要随着科技的迅速发展，计算机技术已应用到社会的各个领域。随着计算机技术和通信技术的迅速发展，网络的规模也逐渐增大，网络的元素也随之不断增加，有的利用其通信，有的利用其商业用途，在网络上进行出售、收购、宣传等操作，从而使得网络越来越成为现今社会上必不可少的元素，而网站就是这个网络里很庞大的元素。本系统前台主要使用JSP作为开发语言，后台使用SqlServer作为数据库管理系统，开发环境是MyEclipse，服务器采用Tomcat，开发出的一个基于Web技术的B/S结构的动漫网。通过JSP动漫网这个平台，可以使用户足不出户就可以了解丰富的动漫信息，避免他们盲目在互联网上寻求相关的动漫信息，使得他们更尽兴地提高观看动漫的满足感，系统的主要功能包括：动漫类别管理、动漫信息管理、动漫上传下载、会员信息管理、动漫资讯管理、动漫图片管理等。分为管理员用户、会员用户这二种用户平台。关键词：动漫网；JSP；B/S结构i 北京邮电大学毕业设计TheDesignandRealizationofAnimationWebsitebasedonJavaAbstractWiththerapiddevelopmentofscienceandtechnology,thecomputertechnologyhasbeenappliedtoeachfieldofthesociety.Withthedevelopmentofcomputertechnologyandtherapiddevelopmentofcommunicationtechnology,thescaleofthenetworkisgraduallyincreasing,networkelementalsoincreasesceaselesslysubsequently,someusetheircommunication,usingsomeofitscommercialpurposes,inthenetworkforsale,purchase,publicityandotheroperations,soastomakethenetworkmoreandmorebecomemodernsocietyessentialelements,andthewebsiteisthisnetworkbigelement。ThefrontofthesystemusingJSPasadevelopmentlanguage,theuseofSqlServerasdatabasemanagementsystem,thedevelopmentenvironmentisMyEclipse,serverusingTomcat,developedaWebtechnologybasedonB/Sstructureoftheanimenetwork。ThroughtheJSPcartoonnetworkthisplatform,userscanremainwithindoorscanunderstandtherichnessoftheanimationinformation,avoidthemblindlyseekingontheInternetrelatedtotheanimationinformation,makesthemmoretimetoimprovethesatisfactionofwatchinganimation,themainfunctionsofthesysteminclude:theanimationcategorymanagement,informationmanagement,uploadinganddownloadinganimeanimation,memberinformationmanagement,bulletinmanagementsystem.Asadministrator,membersoftheusertothetwouserplatform。Keywords:CartoonNetwork;JSP;B/Sstructureii 北京邮电大学毕业设计目　　录摘要iAbstractii1绪论11.1课题背景11.2目的和意义11.3开发工具及技术11.3.1开发工具11.3.2JSP31.3.3JavaScript31.4软硬件需求42需求分析52.1可行性分析52.1.1技术的可行性52.1.2经济的可行性52.1.3操作可行性52.1.4法律的可行性52.2系统用户用例图52.2.1普通用户用例图52.2.2管理员用例图62.3功能模块需求分析62.4设计的基本思想72.5性能需求82.5.1系统的安全性82.5.2数据的完整性82.6界面需求82.6.1输出设计82.6.2输入设计83系统分析与设计103.1数据库的分析与设计103.1.1数据库的概念结构设计103.1.2数据库的逻辑结构设计123.1.3数据库的连接原理133.2中文乱码问题处理134系统功能实现164.1管理员登陆页面164.2管理员模块194.2.1分类信息管理194.2.2会员信息管理224.2.3动漫信息管理244.2.4修改个人密码274.2.5安全退出系统272 北京邮电大学毕业设计4.3普通用户模块274.3.1系统主页实现274.3.2动漫信息查询284.3.3用户注册模块285系统测试305.1系统测试目的与意义305.2测试过程305.2.1普通用户的注册测试305.2.2主页面的登录测试305.2.3管理员页面的登录测试315.2.4管理员页面内容的添加、管理测试315.3其他错误32结论33参考文献34致谢35外文原文36中文翻译422 北京邮电大学毕业设计1绪论1.1课题背景随着科技的迅速发展，计算机技术已应用到社会的各个领域。随着计算机技术和通信技术的迅速发展，网络的规模也逐渐增大，网络的元素也随之不断增加，有的利用其通信，有的利用其商业用途，在网络上进行出售、收购、宣传等操作，从而使得网络越来越成为现今社会上必不可少的元素，而网站就是这个网络里很庞大的元素。在Internet飞速发展的今天，互联网已成为人们快速获取、发布和传递信息的重要渠道，因此网站建设在Internet应用上的地位越来越重要了。目前Internet上已有上百万个Web站点，其内容范围跨越了教育科研、文化事业、金融、商业、新闻出版、娱乐、体育等各个领域，其用户群十分庞大。动漫网站成为越来越多动漫爱好者和非动漫爱好者获得信息和交流的平台，它满足了广大用户随时随地进行交流和沟通的需要，为网上用户提供交流场所，实现高效动态信息交换。现在虽然有很多动漫网站，但版面千篇一律，缺乏个性化、前瞻性，页面设计混乱，不利于用户查看，网站的交互性比较差，因此我针对以上问题设计一个个性化的动漫设计网站。我的目标是做一个网站简单、页面清晰、内容相对全面、具有个性化、能给用户带来特殊视觉感觉的动漫网站。1.2目的和意义系统开发主要为了满足用户的需要，为用户提供方便。基于JSP的动漫网的设计与实现数据库设计，动漫信息查询模块。此系统用MVC架构,系统主要包括动漫信息显示、按照类别管理动漫信息、在线播放下载等模块。此系统主要是为了迎合广大动漫爱好者了解动漫信息的需求，避免他们盲目在互联网上寻求动漫，使得他们更尽兴地提高观看动漫的满足感。1.3开发工具及技术1.3.1开发工具此次设计主要采用MyEclipse加Tomcat后台服务器进行,设计过程中页面主要使用JSP技术完成,下面对MyEclipse、Tomcat和SqlServer数据库进行简要介绍。(1)MyEclipseMyEclipse,是一个十分优秀的用于开发Java,J2EE的Eclipse插件集合,MyEclipse的功能非常强大，支持也十分广泛，尤其是对各种开元产品的支持十分不错。MyEclipse企业级工作平台（MyEclipseEnterpriseWorkbench,简称MyEclipse）是对Eclipse44 北京邮电大学毕业设计IDE的扩展，利用它我们可以在数据库和JavaEE的开发、发布,以及应用程序服务器的整合方面极大的提高工作效率。它是功能丰富的JavaEE集成开发环境，包括了完备的编码、调试、测试和发布功能,完整支持HTML、Struts、JSP、CSS、Javascript、SQL、Hibernate。MyEclipse是一个十分优秀的用于开发Java,J2EE的Eclipse插件集合，MyEclipse的功能非常强大，支持也十分广泛，尤其是对各种开源产品的支持十分不错。MyEclipse目前支持JavaServlet、AJAX、JSP、JSF,Struts、Spring、Hibernate、EJB3、JDBC数据库链接工具等多项功能。可以说MyEclipse是几乎囊括了目前所有主流开源产品的专属eclipse开发工具。在结构上,MyEclipse的特征可以被分为7类：JavaEE模型、WEB开发工具、EJB开发工具、应用程序服务器的连接器、JavaEE项目部署服务、数据库服务、MyEclipse整合帮助。对于以上每一种功能上的类别，在Eclipse中都有相应的功能部件，并通过一系列的插件来实现它们。MyEclipse结构上的这种模块化,可以让我们在不影响其他模块的情况下，对任一模块进行单独的扩展和升级。简单而言,MyEclipse是Eclipse的插件，也是一款功能强大的JavaEE集成开发环境,支持代码编写、配置、测试以及除错,MyEclipse5.5以前版本需先安装Eclipse。MyEclipse5.5以后版本安装时不需安装Eclipse。(2)TomcatTomcat最初是由Sun的软件构架师詹姆斯•邓肯•戴维森开发的。后来他帮助将其变为开源项目，并由Sun贡献给Apache软件基金会。由于大部分开源项目O'Reilly都会出一本相关的书，并且将其封面设计成某个动物的素描，因此他希望将此项目以一个动物的名字命名。因为他希望这种动物能够自己照顾自己,最终,他将其命名为Tomcat（英语公猫或其他雄性猫科动物）。而O'Reilly出版的介绍Tomcat的书籍（ISBN0-596-00318-8）的封面也被设计成了一个公猫的形象。而Tomcat的Logo兼吉祥物也被设计成了一只公猫。Tomcat服务器是一个免费的开放源代码的Web应用服务器,属于轻量级应用服务器，在中小型系统和并发访问用户不是很多的场合下被普遍使用，是开发和调试JSP程序的首选。对于一个初学者来说,可以这样认为,当在一台机器上配置好Apache服务器，可利用它响应对HTML（标准通用标记语言下的一个应用）。页面的访问请求。实际上Tomcat部分是Apache服务器的扩展，但它是独立运行的,所以当你运行tomcat时，它实际上作为一个与Apache独立的进程单独运行的。诀窍是,当配置正确时,Apache为HTML页面服务,而Tomcat实际上运行JSP页面和Servlet。另外,Tomcat和IIS等Web服务器一样，具有处理HTML页面的功能,另外它还是一个Servlet和JSP容器，独立的Servlet容器是Tomcat的默认模式。不过，Tomcat处理静态HTML的能力不如Apache服务器。Tomcat很受广大程序员的喜欢，因为它运行时占用的系统资源小,扩展性好,支持负载平衡与邮件服务等开发应用系统常用的功能；而且它还在不断的改进和完善中，任何一个感兴趣的程序员都可以更改它或在其中加入新的功能。(3)SqlServerSQL是英文StructuredQueryLanguage的缩写,意思为结构化查询语言。SQL语言的主要功能就是同各种数据库建立联系,进行沟通。按照ANSI(美国国家标准协会)的规定，SQL被作为关系型数据库管理系统的标准语言。44 北京邮电大学毕业设计SqlServer使用C和C++编写，并使用了多种编译器进行测试,保证源代码的可移植性；支持AIX、FreeBSD、HP-UX、Linux、MacOS、NovellNetware、OpenBSD、OS/2Wrap、Solaris、Windows等多种操作系统；为多种编程语言提供了API；支持多线程，充分利用CPU资源；提供TCP/IP、ODBC和JDBC等多种数据库连接途径；可以处理拥有上千万条记录的大型数据库。对于一般的个人使用者和中小型企业来说，SqlServer提供的功能已经绰绰有余，而且由于SqlServer是开放源码软件，因此可以大大降低总体拥有成本。SqlSever的特点：真正的客户机/服务器体系结构；图形化用户界面，使系统管理和数据库管理更加直观、简单；丰富的编程接口工具，为用户进行程序设计提供了更大的选择余地；SqlServer与WindowsNT完全集成，利用了NT的许多功能，如发送和接受消息，管理登录安全性等。SqlServer也可以很好地与MicrosoftBackOffice产品集成；具有很好的伸缩性，可跨越从运行Windows95/98的膝上型电脑到运行Windows2000的大型多处理器等多种平台使用；对Web技术的支持，使用户能够很容易地将数据库中的数据发布到Web页面上；SqlServer提供数据仓库功能，这个功能只在Oracle和其他更昂贵的DBMS中才有。1.3.2JSPJSP技术使用Java编程语言编写类XML的tags和scriptlets,来封装产生动态网页的处理逻辑。网页还能通过tags和scriptlets访问存在于服务端的资源的应用逻辑。JSP将网页逻辑与网页设计和显示分离，支持可重用的基于组件的设计，使基于Web的应用程序的开发变得迅速和容易。Web服务器在遇到访问JSP网页的请求时，首先执行其中的程序段，然后将执行结果连同JSP文件中的HTML代码一起返回给客户。插入的Java程序段可以操作数据库、重新定向网页等，以实现建立动态网页所需要的功能。JSP与Servlet一样，是在服务器端执行的，通常返回给客户端就是一个HTML文本，因此客户端只要有浏览器能浏览。JSP页面由HTML代码和嵌入其中的Java代码所组成。服务器在页面被客户端请求以后对这些Java代码进行处理，然后将生成的HTML页面返回给客户端的浏览器。Servlet是JSP的技术基础，而且大型的Web应用程序的开发需要JavaServlet和JSP配合才能完成。JSP具备了Java技术的简单易用，完全的面向对象，具有平台无关性且安全可靠，主要面向因特网的所有特点。JSP技术的优点：（1）一次编写，到处运行。除了系统之外，代码不用做任何更改。（2）系统的多平台支持。基本上可以在所有平台上的任意环境中开发，在任意环境中进行系统部署，在任意环境中扩展。相比ASP/.net的局限性是显而易见的。（3）强大的可伸缩性。从只有一个小的Jar文件就可以运行Servlet/JSP，到由多台服务器进行集群和负载均衡，到多台Application进行事务处理，消息处理，一台服务器到无数台服务器，Java显示了一个巨大的生命力。（4）多样化和功能强大的开发工具支持。Java已经有了许多非常优秀的开发工具，而且许多可以免费得到，并且其中许多已经可以顺利的运行于多种平台之下（5）支持服务器端组件。web应用需要强大的服务器端组件来支持，开发人员需要利用其他工具设计实现复杂功能的组件供web页面调用，以增强系统性能。JSP可以使用成熟的JAVABEANS组件来实现复杂商务功能。内部对象说明：request客户端请求,此请求会包含来自GET/POST请求的参数；response　网页传回客户端的响应；pageContext网页的属性是在这里管理；session44 北京邮电大学毕业设计与请求有关的会话；applicationservlet正在执行的内容；out用来传送响应的输出流；config代码片段配置对象；pageJSP网页本身；exception针对错误网页，未捕捉的例外。1.3.3JavaScriptJavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。JavaScript的一个重要功能就是面向对象的功能，通过基于对象的程序设计，可以用更直观、模块化和可重复使用的方式进行程序开发。在HTML基础上，使用JavaScript可以开发交互式Web网页。JavaScript的出现使得网页和用户之间实现了一种实时性的、动态的、交互性的关系，使网页包含更多活跃的元素和更加精彩的内容。在本系统中很多地方使用了JavaScript技术，比如说，检验用户输入数据的有效性，是否重复，是否为空等等。JavaScript是一种解释性的，基于对象的脚本语言。HTML网页在互动性方面能力较弱，例如下拉菜单，就是用户点击某一菜单项时，自动会出现该菜单项的所有子菜单，用纯HTML网页无法实现；又如验证HTML表单(Form)提交信息的有效性，用户名不能为空，密码不能少于4位，邮政编码只能是数字之类，用纯HTML网页也无法实现。要实现这些功能，就需要用到JavaScript。JavaScript是一种脚本语言，比HTML要复杂。不过即便你先前不懂编程，也不用担心，因为JavaScript写的程序都是以源代码的形式出现的，也就是说你在一个网页里看到一段比较好的JavaScript代码，恰好你也用得上，就可以直接拷贝，然后放到你的网页中去。正因为可以借鉴、参考优秀网页的代码，所以让JavaScript本身也变得非常受欢迎，从而被广泛应用。原来不懂编程的人，多参考JavaScript示例代码，也能很快上手。JavaScript主要是基于客户端运行的，用户点击带有JavaScript的网页，网页里的JavaScript就传到浏览器，由浏览器对此作处理。前面提到的下拉菜单、验证表单有效性等大量互动性功能，都是在客户端完成的，不需要和WebServer发生任何数据交换，因此，不会增加WebServer的负担。几乎所有浏览器都支持JavaScript，如InternetExplorer，Firefox，Netscape，Mozilla，Opera等。1.4软硬件需求硬件需求：CPU：Pentium以上计算机内存:512M以上软件需求：操作系统版本：WindowsXP/vista/Win7开发工具：MyEclipse6.0.1后台服务器：ApacheTomcat6.0开发语言：Java浏览器：IE6.044 北京邮电大学毕业设计2需求分析2.1可行性分析开发任何一个系统，都会受到时间和资源上的限制。因此，在每一个项目开发之前，都要进行可行性分析，可以减少项目的开发风险，避免人力、物力和财力的浪费。下面就技术、经济、操作和法律四个方面来介绍。2.1.1技术的可行性本系统开发工具是MyEclipse和SqlServer数据库，开发语言是Java，主要使用了J2EE的技术，Java是一种面向对象编程语言，简单易学而且灵活方便。大三时就学习了Java课程，大学期间也系统的了解了J2EE的知识，本系统总体上开发难度不高，数据库的设计和操作是本系统设计的核心。在大学期间学习过软件工程，软件测试，UML统一建模语言等课程，每个学期也会完成对应的课程设计，具备一定的系统分析、设计和测试能力。因此，完成系统实现在技术上完全具有可行性。2.1.2经济的可行性本系统所用的软件都是开源的，为开发软件节省了大量的金钱和时间，达到降低成本，提高开发效率的目的，本系统对计算机配置的要求不高，甚至网吧更换下来的低配置电脑都可以完全满足需要，所以在经济上具有完全的可行性。2.1.3操作可行性本系统操作简单，输入信息页面大多数都是下拉框的选择形式，在某些页面，信息可以自动生成，无需输入，时间的输入也是用的日历控件，操作简便，对操作人员的要求很低，只需对Windows基本知识操作熟练，即可工作，而且本系统可视性非常好，所以在技术上不会有很大难度。2.1.4法律的可行性本动漫网是自行开发的管理系统，是很有实际意义的系统,开发环境软件和使用的数据库都是开源代码，开发这个系统不同于开发普通的系统软件，不存在侵权等问题，即法律上是可行的。综上所述，建立一个商品信息查询是必要可行的。2.2系统用户用例图2.2.1普通用户用例图44 北京邮电大学毕业设计出于安全性的考虑，普通用户只有浏览查询动漫信息、注册会员等功能、在线播放下载等功能，其他的删除修改功能都没有设计，因为普通用户最主要关心的就是动漫信息的更新和查询等功能，普通用户用例图如图2-1所示。图2-1普通用户用例图2.2.2管理员用例图管理员是系统的核心用户，涉及到五大功能模块，管理员对系统的所有用户有着操作的权限，能够及时动态的更新系统的各项信息，如图2-2所示。图2-2管理员用例图2.3功能模块需求分析本系统最大的特点是使用操作简单、友好的提示信息。本系统将实现以下基本功能：（1）系统具有简洁大方的页面，使用简便，友好的错误操作提示（2）管理员用户具有动漫类别信息管理、会员信息管理、动漫信息管理，上传动漫、修改个人密码等功能（3）普通用户用户具有浏览查询动漫信息、在线注册会员、在线播放动漫、下载动漫等功能44 北京邮电大学毕业设计（4）具有较强的安全性，避免用户的恶意操作系统的功能结构图，分普通用户平台，管理员平台。分别如图2-3和图2-4所示。图2-3普通用户模块图图2-4系统管理员模块图2.4设计的基本思想设计思想遵循以下几点：（1）采用B/S模式进行开发，其优点是后台与前台处理层次分明，而且符合众多已经习惯网页搜索方式的用户。（2）采用面向对象的开发与设计理念。运用面向对象技术的前提是对整体系统的高度和准确抽象，通过它可以保证系统良好的框架，进而带来产品较强的稳定性和运行效率。（3）采用模块化设计。模块化设计要求将整个系统划分成基于小的模块，有利于代码的重载，简化设计和实现过程。（4）简单方便的系统界面。设计简单友好的系统界面，方便用户较快的适应系统的操作。44 北京邮电大学毕业设计（5）速度优先原则。由于此工具最重要的评测标准就是速度，因此在设计过程中，具体过程尽量做到资源占用少，速度快。（6）设计既要突出重点，又要细致周到。要符合设计需求，在有可能改进的地方进行扩充，使系统更适应用户的需要。2.5性能需求2.5.1系统的安全性本动漫网在管理权限上要严格进行控制，具体要求如下：（1）要想管理本系统的动漫信息，必须先要凭用户名和密码登陆到系统中，没有权限的用户不能查看系统的任何信息和数据，以确保系统的严密性和安全性。（2）在具体实现中设定不同权限，不同权限用户登录到系统后，不能越级操作。2.5.2数据的完整性（1）各种记录信息的完整性，信息记录内容不能为空（2）各种数据间相互联系的正确性（3）相同数据在不同记录中的一致性2.6界面需求界面设计目前已经成为评价软件质量的一条重要指标，一个好的用户界面可以增加用户使用系统的信心和兴趣，提高工作效率，JSP技术是用Java语言作为脚本语言的，JSP网页为整个服务器端的Java库单元提供了一个接口来服务于HTTP的应用程序。创建动态页面非常方便。用户界面是指软件系统与用户交互的接口，通常包括输出、输入、人-机对话的界面格式等。2.6.1输出设计输出是由计算机对输入的原始信息进行加工处理，形成高质量的有效信息，并使之具有一定的格式，提供管理者使用。这是输出设计的主要职责和目标。系统设计的过程正好和实施过程相反，并不是从输入设计到输出设计，而是从输出设计到输入设计，这是因为输出表格直接与使用者相联系，设计的出发点应当是保证输出表格方便地为使用者服务，正确及时反映和组成用于各部门的有用信息。输出设计的原则是考虑既要全面反映不同管理层的各项需要，又要言简意赅，不要将用户需要和不需要的都提供给用户。2.6.2输入设计输入数据的收集和录入是比较费事的，需要大量的人力和一定设备，并且容易出错。如果输入系统的数据有错误，则处理后的输出将扩大这些错误，因此输入数据的正确性对于整个系统质量的好坏是具有决定性意义的。44 北京邮电大学毕业设计输入设计的原则有如下几点：（1）输入量应保持在能满足处理要求的最低限度。设计中可采用设置字段初值，下拉式数据窗口等方式尽量减少用户键盘输入量。输入量越少，错误率就越少，数据准备时间也减少。（2）输入的准备及输入过程应尽量容易进行，从而减少错误的发生。（3）应尽量早对输入数据进行检查（尽量接近原数据发生点）,以便使错误及时得到更正。（4）输入数据尽早地用其处理所需的形式被记录，以避免数据由一种介质转移到另一种介质时需要转录而可能发生的错误。44 北京邮电大学毕业设计3系统分析与设计3.1数据库的分析与设计计算机信息系统以数据库为核心，在数据库管理系统的支持下，进行信息的收集、整理、存储、检索、更新、加工、统计和传播等操作。数据库已经成为现在信息系统等计算机系统的基础与核心部分。数据库设计的好坏直接影响到整个系统的质量和效率。数据库的设计一般经过规划。需求分析、概念设计、逻辑设计、物理设计5个步骤。3.1.1数据库的概念结构设计概念设计是指在数据分析的基础上自底向上的建立整个系统的数据库概念结构，从用户的角度进行视图设计，然后将视图集成，最后对集成的结构分析优化得到最后结果。数据库的概念结构设计采用实体—联系（E-R）模型设计方法。E-R模型法的组成元素有：实体、属性、联系，E-R模型用E-R图表示，是提示用户工作环境中所涉及的事物，属性则是对实体特性的描述。概念设计的目标是产生反映企业组织信息要求的数据库概念结构，即概念模式。概念模式是独立于数据库逻辑结构，独立于支持数据库的DBMS，不依赖于计算机系统的，根据以上对数据库的需求分析，并结合系统概念模型的特点及建立方法，建立E-R模型图。实体、属性和实体间关系的模型如下所示。实体间关系属性实体（1）系统整体E-R图如图3-1所示。图3-1系统整体E-R图（2）用户实体图如图3-2所示。44 北京邮电大学毕业设计图3-2用户实体图（3）动漫类别实体图，如图3-3所示。图3-3动漫类别实体图（4）订单信息实体图，如图3-4所示。图3-4订单信息实体图（5）管理员实体图如图3-5所示。图3-5管理员实体图44 北京邮电大学毕业设计3.1.2数据库的逻辑结构设计我们知道，数据库概念模型独立于任何特定的数据库管理系统，因此，需要根据具体使用的数据库管理系统的特点进行转换。即转化为按计算机观点处理的逻辑关系模型,E-R模型向关系数据库模型转换应遵循下列原则：（1）每一个实体要转换成一个关系（2）所有的主键必须定义非空（NOTNULL）（3）对于二元联系应按照一对多、弱对实、一对一、多对多等联系来定义外键。根据E-R模型，团购网系统建立了以下逻辑数据结构，下面是各数据表的详细说明。（1）会员信息表主要是记录了注册会员的基本信息。表结构如表3.1所示。列名数据类型长度允许空是否主键说明idint4否是编号loginnamevarchar50否否账号loginpwvarchar50否否密码namevarchar50否否姓名表3.1会员信息表(t_user)（2）动漫分类信息表主要是记录了动漫类别的基本信息，表结构如表3.2所示。列名数据类型长度允许空是否主键说明idint4否是类别编号namevarchar50否否类别名称表3.2类别信息表(t_catelog)（3）动漫信息表主要是记录了管理员发布的动漫相关信息，表结构如图3.3所示。列名数据类型长度允许空是否主键说明idInt4否是动漫IDcatelog_idInt50否否分类IDnamevarchar50否否动漫名称fujianvarchar50否否附件信息zhujiaovarchar50否否动漫主角shijianInt50否否发布时间表3.3动漫信息表(t_dongman)（4）管理员信息表主要记录的管理员的账号信息，包括用户名和密码，表结构如表3.4所示。列名数据类型长度允许空是否主键说明userIdint4否是编号userNamevarchar50否否用户名userPwvarchar50否否密码表3.4管理员信息表(t_admin)44 北京邮电大学毕业设计3.1.3数据库的连接原理采用JDBC连接数据库的方式，只需在工程中导入对应数据库的jar包，就可以方便的对数据库进行连接，在程序中，用Class.forName()方法来加载驱动程序，在用DriverManager的getConnection（）方法就可以创建一个数据库连接。程序采用的是DAO模式来操作数据库，DAO(DataAccessObject,数据访问对象)，是Java编程中的一种经典模式，已被广泛应用，也是J2EE架构中持久层框架的基础知识，基于分层次式的软件架构来实现对数据库的访问操作。DAO模式的主要思想就是从抽象数据源获取与操纵数据的方法。抽象数据的含义就是编写应用程序的程序员不必关心数据库的物理位置，已经是何种数据库，只需使用封装数据库中表示记录的数据对象即可。其思想如图3-6所示。图3-6DAO模式类图图中BussinessObject是业务对象，是使用DAO模式的客户端；DataTransferObject数据传输对象，在应用程序不同层次之间传输对象，在一个分布式应用程序中，通常可以提高整理的性能；DataObjectAcces数据输入/输出对象封装了对数据源的一些基本操作；DataSource指的是数据源。可以从图中看出，DAO模式分离了业务逻辑和数据罗即将，是的编写的软件具有良好的层次式体系结构。本系统为了方便数据库的操作，主要使用DBContent的对象来接一个数据库（建立一个类DBContent），代码如下：publicDBContent(){StringCLASSFORNAME="com.microsoft.sqlserver.jdbc.SQLServerDriver";//连接数据库的驱动Stringurl="jdbc:sqlserver://localhost:1433;databaseName=db_dm";Stringuser="sa";//连接数据库的用户名Stringpassword="sa";//连接数据库的密码try{Class.forName(CLASSFORNAME);con=DriverManager.getConnection(url,user,password);//加载数据库的驱动stmt=con.createStatement(ResultSet.TYPE_SCROLL_SENSITIVE,ResultSet.CONCUR_UPDATABLE);}catch(Exceptionex){ex.printStackTrace();44 北京邮电大学毕业设计}}在程序需要连接数据库的地方，只需要生成一个DBConnet的对象，就可以对数据库进行连接并操作。3.2中文乱码问题处理在程序中经常会遇到中文乱码的情况，如果手动的在Servlet和JSP页面进行设置，相当麻烦。因此，在程序的开始就写了一个过滤器SetCharacterEncodingFilter。在web.xml中配置：SetCharacterEncodingFiltermyweb.util.filter.SetCharacterEncodingFilterencodinggb2312SetCharacterEncodingFilter/*//*表示工程下所有的页面都会有此过滤器的处理对应的SetCharacterEncodingFilter.java文件中的重要代码，在初始化init()方法中定义：publicvoidinit(FilterConfigfilterConfig)throwsServletException{this.filterConfig=filterConfig;this.encoding=filterConfig.getInitParameter("encoding");Stringvalue=filterConfig.getInitParameter("ignore");}在工具包util包中同样定义了DataFormate类来处理字符转换：publicstaticStringtoUni(StringgbStr){StringuniStr="";/*把字符串转换成uincode编码*/if(gbStr==null){gbStr="";}try{byte[]tempByte=gbStr.getBytes("GB2312");uniStr=newString(tempByte,"ISO8859_1");}catch(Exceptionex){}returnuniStr;}44 北京邮电大学毕业设计/*把字符串转换成Utf8编码*/publicstaticStringtoUtf8String(Strings){StringBuffersb=newStringBuffer();for(inti=0;i=0&&c<=255){sb.append(c);}else{byte[]b;try{b=Character.toString(c).getBytes("utf-8");}catch(Exceptionex){System.out.println(ex);b=newbyte[0];}for(intj=0;jalert('请先登录！');window.open('../index.jsp','_self')");}4.2.1分类信息管理(1)分类信息录入描述：管理员输入分类信息后点击录入按钮，如果是没有输入完整的分类信息，都会给出相应的错误提示，不能录入成功。输入数据都通过form表单中定义的方法onsubmit="returncheckForm()"来检查，checkForm()函数中是各种的校验输入数据的方式。程序效果图如下图4-3所示。图4-3动漫分类信息录入流程图如下图4-4所示。44 北京邮电大学毕业设计登陆系统录入动漫分类信息系统验证分类信息录入成功结束通过未通过图4-4动漫信息录入流程图(2)分类信息管理描述：管理员点击左侧的菜单“分类信息管理”，页面跳转到分类信息管理界面，调用后台的servlet类查询所有分类信息。并吧这些信息封装到List集合中。绑定request对象，然后在JSP页面显示出来。程序效果图如下图4-5所示。图4-5分类信息管理动漫分类管理关键代码：publicvoidcatelogAdd(HttpServletRequestreq,HttpServletResponseres){44 北京邮电大学毕业设计Stringid=String.valueOf(newDate().getTime());Stringname=req.getParameter("name").trim();Stringdel="no";Stringsql="insertintot_catelog(id,name,del)values(?,?,?)";Object[]params={id,name,del};DBmydb=newDB();mydb.doPstm(sql,params);mydb.closed();req.setAttribute("msg","操作成功");StringtargetURL="/common/msg.jsp";dispatch(targetURL,req,res);}publicvoidcatelogDel(HttpServletRequestreq,HttpServletResponseres){Stringsql="updatet_catelogsetdel='yes'whereid="+req.getParameter("id");Object[]params={};DBmydb=newDB();mydb.doPstm(sql,params);mydb.closed();req.setAttribute("msg","操作成功");StringtargetURL="/common/msg.jsp";dispatch(targetURL,req,res);}publicvoidcatelogMana(HttpServletRequestreq,HttpServletResponseres)throwsServletException,IOException{ListcatelogList=newArrayList();Stringsql="select*fromt_catelogwheredel='no'";Object[]params={};DBmydb=newDB();try{mydb.doPstm(sql,params);ResultSetrs=mydb.getRs();44 北京邮电大学毕业设计while(rs.next()){Tcatelogcatelog=newTcatelog();catelog.setId(rs.getString("id"));catelog.setName(rs.getString("name"));catelogList.add(catelog);}rs.close();}catch(Exceptione){e.printStackTrace();}mydb.closed();req.setAttribute("catelogList",catelogList);req.getRequestDispatcher("admin/catelog/catelogMana.jsp").forward(req,res);}(3)动漫分类删除描述：点击要删除的分类信息，系统弹出的确定对话框，然后点击确定，即可下架该分类信息。在网站前台不再显示该分类。程序效果图如下图4-6所示。图4-6动漫分类删除4.2.2会员信息管理(1)会员信息管理44 北京邮电大学毕业设计描述：游客访问该站点的时候，可以注册成为会员，管理员登陆后可以管理会员信息，点击左侧的“会员管理“，页面调转中后台的是Java类user_servlet，在此类中，读取数据库中，提取会员的信息，绑定到request对象，再输出到相应的JSP显示页面页面。程序效果图如图4-7所示。图4-7会员信息管理会员管理核心代码：publicvoiduserDel(HttpServletRequestreq,HttpServletResponseres){Stringid=req.getParameter("id");Stringsql="updatet_usersetdel='yes'whereid=?";Object[]params={id};DBmydb=newDB();mydb.doPstm(sql,params);mydb.closed();req.setAttribute("msg","操作成功");StringtargetURL="/common/msg.jsp";dispatch(targetURL,req,res);}publicvoiduserMana(HttpServletRequestreq,HttpServletResponseres)throwsServletException,IOException{ListuserList=newArrayList();Stringsql="select*fromt_userwheredel='no'";Object[]params={};DBmydb=newDB();try{mydb.doPstm(sql,params);ResultSetrs=mydb.getRs();while(rs.next()){Tuseruser=newTuser();44 北京邮电大学毕业设计user.setId(rs.getString("id"));user.setLoginname(rs.getString("loginname"));user.setLoginpw(rs.getString("loginpw"));user.setLoginpw(rs.getString("loginpw"));user.setName(rs.getString("name"));userList.add(user);}rs.close();}catch(Exceptione){e.printStackTrace();}mydb.closed();req.setAttribute("userList",userList);req.getRequestDispatcher("admin/user/userMana.jsp").forward(req,res);}4.2.3动漫信息管理(1)动漫信息录入描述：管理员输入动漫信息后点击录入按钮，如果是没有输入完整的分类信息，都会给出相应的错误提示，不能录入成功。输入数据都通过form表单中定义的方法onsubmit="returncheckForm()"来检查，checkForm()函数中是各种的校验输入数据的方式。程序效果图如下图4-8所示。图4-8动漫信息录入(2)动漫信息管理描述：管理员点击左侧的菜单“动漫信息管理”，页面跳转到动漫信息管理界面，调用后台的servlet类查询所有分类信息。并吧这些信息封装到List集合中。绑定request对象，然后在JSP页面显示出来。44 北京邮电大学毕业设计程序效果图如下图4-9所示。图4-9分类信息管理动漫信息管理关键代码：publicvoiddongmanAdd(HttpServletRequestreq,HttpServletResponseres){Stringid=String.valueOf(newDate().getTime());Stringcatelog_id=req.getParameter("catelog_id").trim();Stringname=req.getParameter("name").trim();Stringfujian=req.getParameter("fujian").trim();StringfujianYuanshiming=req.getParameter("fujianYuanshiming").trim();Stringzhujiao=req.getParameter("zhujiao").trim();Stringshijian=newSimpleDateFormat("yyyy-MM-ddHH:mm").format(newDate());Stringsql="insertintot_dongman(id,catelog_id,name,fujian,fujianYuanshiming,zhujiao,shijian)values(?,?,?,?,?,?,?)";Object[]params={id,catelog_id,name,fujian,fujianYuanshiming,zhujiao,shijian};DBmydb=newDB();mydb.doPstm(sql,params);mydb.closed();req.setAttribute("msg","操作成功");StringtargetURL="/common/msg.jsp";dispatch(targetURL,req,res);}44 北京邮电大学毕业设计publicvoiddongmanDel(HttpServletRequestreq,HttpServletResponseres){Stringsql="deletefromt_dongmanwhereid="+req.getParameter("id");Object[]params={};DBmydb=newDB();mydb.doPstm(sql,params);mydb.closed();req.setAttribute("msg","操作成功");StringtargetURL="/common/msg.jsp";dispatch(targetURL,req,res);}publicvoiddongmanMana(HttpServletRequestreq,HttpServletResponseres)throwsServletException,IOException{ListdongmanList=newArrayList();Stringsql="select*fromt_dongmanorderbyshijiandesc";Object[]params={};DBmydb=newDB();try{mydb.doPstm(sql,params);ResultSetrs=mydb.getRs();while(rs.next()){Tdongmandongman=newTdongman();dongman.setId(rs.getString("id"));dongman.setCatelog_id(rs.getString("catelog_id"));dongman.setName(rs.getString("name"));dongman.setFujian(rs.getString("fujian"));dongman.setFujianYuanshiming(rs.getString("fujianYuanshiming"));dongman.setzhujiao(rs.getString("zhujiao"));dongman.setShijian(rs.getString("shijian"));dongmanList.add(dongman);}rs.close();44 北京邮电大学毕业设计}catch(Exceptione){e.printStackTrace();}mydb.closed();req.setAttribute("dongmanList",dongmanList);req.getRequestDispatcher("admin/dongman/dongmanMana.jsp").forward(req,res);}4.2.4修改个人密码描述：输入用户名和用户的原有密码，输入新密码以后点击修改按钮即可修改密码成功。程序效果图如图4-10所示。图4-10修改密码4.2.5安全退出系统描述：点此按钮回到系统的主页面。关键代码：主要是通过Javascript语句来实现：item_word[8][4]="退出系统";item_link[8][4]="javascript:window.open('../index.jsp','_self')";4.3普通用户模块4.3.1系统主页实现描述：页面的上方显示的是该网站的logo，下方主要部分是信息显示区域，右侧中间部分是动漫分类显示，点击后链接到此分类下的动漫信息，右上方是登陆模块，用户必须输入正确的用户名、密码和验证码后才能进入系统。程序运行效果图如图4-11所示。44 北京邮电大学毕业设计图4-11系统主页面设计4.3.2动漫信息查询描述：普通用户输入动漫关键字，然后点击查询按钮。调用后台的Java类dongmnan_servlet查询所有的动漫信息，并绑定这些信息到request对象中，在显示层JSP展示出来，然后用户点动漫名称，即可显示该动漫的详细信息。程序效果图如图4-12所示。图4-12商品查询界面设计4.3.3用户注册模块描述：对于游客，只有浏览和查询的功能，如果想在线下载等操作，首先需要注册一个合法的账号，然后登陆后，方能使用，点击导航栏菜单“免费注册”，调用js的open()方法，弹出注册页面，输入相关正确信息后点击注册按钮即可完成注册，如果是没有输入完整的信息，或都会给出相应的错误提示，不能录入成功。输入数据都通过form表单中定义的方法onsubmit="returncheckForm()"来检查，checkForm()函数中是各种的校验输入数据的方式。程序效果图如图4-13所示。44 北京邮电大学毕业设计图4-13用户注册界面设计44 北京邮电大学毕业设计5系统测试5.1系统测试目的与意义系统测试是管理信息系统开发周期中一个十分重要而漫长的的阶段。其重要性体现在他是保证系统质量与可靠性的最后关口，是对整个系统开发过程包括系统分析、系统设计和系统实现的最终审查。系统测试的任务是尽可能彻底的检查出程序中的错误，提高软件系统的可靠性，其目的是检验系统“做得怎样”。这这阶段又可以分为三个步骤：模块测试，测试每个模块的程序是否正确；组装测试，测试模块之间的接口是否正确；确认测试，测试整个软件系统是否满足用户功能和性能的要求。测试发现问题之后要经过调试找出错误原因和位置，然后进行改正。是基于系统整体需求说明书的黑盒测试，应覆盖系统随偶联合的部件，系统测试是正对整个产品系统进行的测试，目的是验证系统是否满足了需求规格的定义，找出需求规格不符合或与之矛盾的地方。5.2测试过程在测试之初，由于将数据库中的数据是随便输入，没有实用性，为了使系统更加完善，在系统测试的过程中，本系统将一开始编程随便输入的数据全部清理后，输入了一些有效的测试数据，这样可以更真实的反映系统的功能实现情况。这样不断发现问题，经过反复的测试、调试，把问题一个个的解决，最终系统可以正常运行。5.2.1普通用户的注册测试测试流程：1.打开系统首页，点击右侧注册选项2.输入注册信息3.确定4.测试结果如表5.1所示。模块名称测试用例预期结果实际结果是否通过用户注册模块账号：q，密码：q姓名：q，确定提示注册成功注册成功通过表5.1普通用户注册测试表5.2.2主页面的登录测试测试流程：1.打开系统首页，输入错误的登录信息2.登录3.输入正确的登录信息4.登录44 北京邮电大学毕业设计5.测试结果如表5.2所示。模块名称测试用例预期结果实际结果是否通过主页面登陆模块用户名：null密码：null弹出错误提示，请输入用户名登陆失败，提示请输入用户名通过主页面登录模块用户名：q密码：null弹出错误提示，请输入密码登陆失败，提示输入密码通过这页面登录模块用户名：q密码：1弹出错误提示，用户名或者密码错误登陆失败，提示用户名或者密码错误通过表5.2主页面登陆测试表5.2.3管理员页面的登录测试测试流程：1.打开管理员登陆页面，输入错误的登录信息2.登录3.输入正确的登录信息4.登录5.测试结果如表5.3所示。模块名称测试用例预期结果实际结果是否通过管理员登录模块用户名：null密码：null弹出错误提示，请输入用户名登陆失败，提示请输入用户名通过管理员登录模块用户名：a密码：null弹出错误提示，请输入密码登陆失败，提示输入密码通过管理员登录模块用户名：a密码：1弹出错误提示，用户名或者密码错误登陆失败，提示用户名或者密码错误通过表5.3管理员页面登陆测试表5.2.4管理员页面内容的添加、管理测试测试流程：1.登陆管理员页面，对各个模块进行修改2.测试结果如表5.4所示。模块名称测试用例预期结果实际结果是否通过类型信息添加标题：1，内容：1，提交添加成功添加成功并可以在信息管理页面显示通过类型信息管理删除类别名称为“1”的项目删除成功删除成功，信息管理页面无显示通过动漫信息添加添加成功通过44 北京邮电大学毕业设计名称：2，附件：2，主角：2，提交添加成功并可以在信息管理页面显示动漫信息管理删除类别名称为“2”的项目删除成功删除成功，信息管理页面无显示通过新闻资讯添加标题：3，内容“3，提交添加成功添加成功并可以在资讯管理页面显示通过新闻资讯管理删除类别名称为“3”的资讯删除成功删除成功，新闻资讯页面无显示通过会员信息管理“删除”账号名称为“q”的会员删除成功删除成功，会员列表内不再显示通过动漫图片管理删除标题为“dddddddddd”的动漫图片删除成功删除成功，动漫图片列表内不再显示通过表5.4管理员页面内容的添加、管理测试表5.3其他错误在程序设计实现的过程中不可避免的会产生各种难以预料的错误，如书写错误、传值类型不一致、参数传递问题等等。这些都需要通过细心的检测与不断的调试才能够排除。比如在servlet路径配置时因粗心错误导致运行导致所报错误，如图5-1所示。图5-1由于servlet路径配置错误，运行时的提示44 北京邮电大学毕业设计结论本次毕业设计将我大学四年所学的软件工程理论知识用到了具体的实践中去，深化了理论知识，同时也锻炼了动手实践能力。在这段日子里，我查阅了许多有关动漫网的资料，翻阅了许多JSP的书籍，结合自己的经验，详细调查了动漫网的工作内容与细节，开发设计了这个动漫网，虽然学校每个学期都会有相应课程的课程设计和实训来作为动手练习训练，不过在本次毕业设计具体的实践的时候还是遇到了很多小问题，比如说在jsp页面将输入框设为不可用是添加属性readonly=“true”，而我在实际编程中却错写成disable=“true”，这样直接导致了request对象取不到数据，调试了程序很久才发现request对象获得的返回值一直是空，之前一直以为是代码哪里出了问题，总是在查源程序的逻辑。这些虽然都是小问题，但是由于不细心在具体实践中却浪费了不少时间，看来平时还是要多多实践才是。在系统的开发过程中，我运用到了B/S三层结构技术和自己在平时学习中掌握的一些技术，通过这些技术的实现，整个系统的性能得到了大大的提高。这些技术都在论文中做了比较详细的介绍。本系统还存在许多的缺陷和不足之处，比如很多细节上做的还不行，有些功能模块还应再加强。希望在以后的时间里，我可以把这些缺陷都弥补过来，进一步完善系统。通过本次毕业设计我锻炼了自己的自学、研究能力，也从中学到不少在学校在课堂上学不到的东西.通过实践我也深刻的体会到软件开发的艰辛及问题解决后的喜悦心情，培养我的独立思考问题的能力，同时也增强了我的理论联系实际的能力，这为自己以后的工作奠定了良好的基础。44 北京邮电大学毕业设计参考文献[1]张孝祥,徐明华.Java基础与案例开发详解.清华大学出版社,2009[2]杨学瑜,高立军.软件开发过程与项目管理.电子工业出版社，2008[3]黎连业,王华,李淑春.软件测试与测试技术.清华大学出版社，2009[4]JamesD.McCaffrey等.NET软件测试自动化之道[M].电子工业出版社,2007[5]张大方,李玮等.软件测试技术与管理[M].湖南大学出版社，2007[6]张文静,林琪.JSP程序设计.人民邮电出版社,2005[7]孙卫琴,李洪成.Tomcat与JavaWeb开发技术详解.电子工业出版社,2005[8](美)H.M.Deitel,P.Jdeitel.Java程序设计教程(第五版).清华大学出版社,2004[9](美)ElliotteRustyHarold.JavaNetworkProgramming.东南大学出版社,2005[10](美)JohnJ.Patrick.SQL基础(第二版).清华大学出版社,2004[11]JonathanW.Palmer.WebSiteUsability,Design,andPerformanceMetrics.InformationSystemsResearch,2002[12]DeborahE.Rosena,ElizabethPurintonb.Websitedesign:Viewingthewebasacognitivelandscape.JournalofBusinessResearch,200444 北京邮电大学毕业设计致谢我在设计（论文）期间都是在苏小锐老师全面、具体指导下完成进行的。苏老师渊博的学识、敏锐的思维、民主而严谨的作风使学生受益非浅，并终生难忘。也感谢冯秀芳老师等在毕业设计工作中给予的帮助。同时我也要感谢这四年中和我风雨与共，互相帮助，互相扶持的许许多多的同学、朋友们。献上我最深切的感谢，最真挚的祝福。在21世纪，人们对未来有着许多美好的愿望和设想。现代科学技术的飞速发展，改变了世界，也改变了世界的生活。作为新世纪的大学生，我应当站在世界的发展前列，掌握现代科学技术知识，调整自己的知识结构和能力结构，以适应社会发展的要求。新世纪需要具有丰富现代科学知识、能够独立解决面临任务、有创新意识的新型人才。我会在以后的工作和学习中不断完善自己，为我最热爱的母校争光，为自己翻开辉煌的新篇章。44 北京邮电大学毕业设计外文原文IntroductionBywhatevermeasureused,thewebisbig.ThemajorityofAmericanhomesnowhavecomputers,64%ofAmericansage12orolderhaveusedtheInternetinthepastyear(CyberAtlas,2000),andretailsalesareprojectedtoreachUS$74billionby2002(ForresterResearch,2001).Itis,then,nosmallwonderthatmostcompaniesfeelthattheyneedatleastsomelevelofwebpresencetoday.Thequestionfacingallcompaniescontemplatingwebinitiativesishowtobuildasuccessfulwebsite.Amazonhasraisedandspentmillionsofdollarsonbuildingandmaintainingtheirsite,andcreatingtheAmazonbrand.Duringitsheyday,Amazon’svaluationwasattributed,atleastinpart,toitsabilitytocaptureandholdtheircustomers’attention.Asaresult,manye-retailersadoptedtheAmazonwebdesignformatwhendevelopingtheirownsites.Bycontrast,traditionalretailersgoingonlineprovideanalternativetotheAmazonmodel.Theirtendencyistotransferwhatworksinthebrick-and-mortarworldtotheInternet.However,eventheseasonedretailers(e.g.,Disney)arefindingitdifficulttocreatetherightformulatosucceedonline(Couzin,2000).WiththeincreasingnumberofcompaniestakingadvantageoftheInternet,itisimportanttounderstandwhatdrivesutilizationofonesiteoveranother.ArecentstudybyForresterResearchindicatesthathigh-qualitycontent,easeofuse,speedandfrequencyofupdatingarethetopfourfactorscontributingtorepeatvisits(Numbers,1999).Yet,anotherstudyof50shoppingsitesrunbyUSandUKretailersindicatedafailuretosatisfythecustomer’sshoppingexperienceonatleastsomeofthesedimensions(Kane,1999).Whileanunderstandingofmarketingstrategiesthatattractvisitorstowebsitesisbeginningtoemerge(e.g.,Schwartz,1996),howtoconvertwebsurferstorepeatvisitorsthrougheffectivewebdesignisalesswell-understoodphenomenon.Practitioners’adviceonsitedesignandcontentaboundandisoftenconflicting.Theresearchpresentedinthispapersuggeststhatonewaytoassistinthedevelopmentofeffectivewebdesignsistoexaminethewebfromtheperspectiveofcognitivepsychology.44 北京邮电大学毕业设计Theworkofenvironmentalpsychologists,RachelKaplanandStephenKaplan,providesameansofunderstandinghowtofacilitatetheinteractiveexperiencethroughtheconceptofacognitiveenvironment.KaplanandKaplanviewenvironmentsasprovidinginformationinmanyways—throughsigns,icons,withorwithoutwords.Theirstudiesapplycognitivepsychologytothedesignofphysicallandscapes.Throughtheirresearch,theyhavefoundthatinformationalneedsinfluencepreferencesforcertainlandscapes.Peoplebothwanttomakesenseofandgetinvolvedintheirlandscapes.Byutilizingprinciplesfromcognitivepsychology,KaplanandKaplanhavedemonstratedthatitispossibletodeveloplandscapes,whichfacilitatesensemakingandinvolvement.Inmanyways,designingeffectivewebcontentisverysimilartodesigningaphysicallandscape.Computerinteractionisintenselycognitiveinvolvingperceptionsandpreferences.Interactivityimpliesnotonlyperceivingtheweblandscape,butalsoenteringintoitand‘‘experiencing’’thespaceInanattempttodevelopabetterunderstandingofwhatconstituteshigh-qualitywebcontent(i.e.,designwhichfacilitatesrevisitandpurchase),theauthorsproposetheWebsitePreferenceScale(WSPS)asawaytoassesseffectivewebdesignbasedontheperspectivethatawebsiteisacognitivelandscape.Afterabriefdiscussionofwebcontent,KaplanandKaplan’sapplicationofcognitivepsychologytophysicallandscapes(thePreferenceFramework)ispresented.ThePreferenceFrameworkisthenextendedtothewebenvironment.AnexploratorystudydesignedtodeveloptheWSPSisthenpresented.Finally,conclusionsandafutureprogramofresearcharediscussed.WebcontentResearchhasrepeatedlydemonstratedthatthesensoryshoppingexperiencecontributestomakingthesaleandbuildingcustomerrelationshipsforthebrick-and-mortarretailer.Further,thereisevidencethatsensorystimulisuchasmusic,colorandlightingcaninfluencetheamountoftimeandmoneywhichashopperspendsinaretailestablishment(e.g.,HerringtonandLouis,1994).Fortheeretailer,thesensoryshoppingexperiencemustbeplayedoutonthetemplateofthewebpage.Thusfar,twoofthemostcommonwaysusedtomeasurewebsiteeffectivenessarethe44 北京邮电大学毕业设计numberof‘‘eyeballs’’orclickthroughs.Thesemeasuresmerelycapturehoweffectivethefirm’sstrategyisinregardstodrivingtraffictothesite.Tomeasurehoweffectiveasiteisintermsofdevelopinganappropriatee-retailsensoryenvironmentrequiresmeasuringtheattitudetowardthesitedesignandintentiontorevisit.Inthecaseofasitedesignedforretailsales,purchaseswouldbeanadditionalmeasure.Inthestudypresentedinthispaper,thefocusisonattitudetowardsthesitedesignandintentiontorevisit.Websitedesignpresentsanewchallengeformarketersconversantinprintmedia.Unfortunately,manycompanieshavetakenwhattheydevelopedforothermedia(magazineadvertisements,catalogues,etc.)andapplieditdirectlytotheirwebsite(e.g.,www.pathfinder.com).Othersinvolvedinwebpagedesignbelievethatthetheoriesthathaveevolvedforeffectiveuseofprintmediadonottransferwelltotheweb.Forexample,whendesigningadsforanewspaper,onehasalargecanvastoworkwithwhichlendsitselftostriking,intricatedesigns.Yet,newspaperlayoutdoesnottransfertothewebasacomputerscreencannothandlethesamevolumeofinformationeffectively(Nielsen,1999).Consequently,simplicityofdesignhasbecomethemantraofsomewebdesigngurus.Manyelementsofdesignandgraphicartcanbeusedtoconveycontentontheweb.Thechoicesaretrulyendless.Elementsofspace,useofimages,sizeofimages,useofanimationand/oraudio,numberofwordsperline,colorandsizeofcharactersareamongjustafewofthesefactors.Additionally,theworkofcontentdesigndoesnotstopwithselectingtheappropriateelementsfortheparticularaudience.Contentdesignalsoinvolvesdecidingontheplacementofthoseelementstofacilitatetheiruse.ThePreferenceFrameworkofKaplanandKaplan(1982)andKaplanetal.(1998)providesameansofsortingoutthesemanyoptionsanddesigninganeffectiveweblandscape.CognitivelandscapesTheworkofRachelKaplanandStephenKaplannowspansseveraldecades.Theirresearchexaminesphysicalenvironmentsinanattempttodeveloppatternsforenvironmentaldesignsthatincorporatetheendusers’useofenvironmentalcues,thus,makingiteasierforpeopletoprocessinformationandfunctioneffectively.KaplanandKaplan’sresearchisalsopredicatedonthelove–haterelationshipthatpeople44 北京邮电大学毕业设计havewithinformation.Weareinundatedwithinformationfromawidevarietyofsources.Someofthisinformationisimportant;someofitistrivial.Marketersareoftenaccusedoftryingtomakeusthinkitisallimportant.Inthecaseofwebdesign,manydevelopershavelamentedthattheyjuststartedpilingontheelementsandoncetheyputthingsin,theywereafraidtotakethingsout(Hamilton,1999).Thetargetofthisinformationblitzkriegareleftwithistheoneroustaskofsortingthroughallofit.Onewayinwhichhumanscopewithprocessinginformationisthroughtheuseofcognitivemaps.Usingacognitiveormentalmapprovidesuswithameansofsortingandstoringinformationfromourenvironment.Cognitivemapsareanaccumulationorsummaryofexperiences.Humansdrawonthesemapstomaketheirwaythroughanenvironment.Thesemapsinfluence‘‘howtheenvironment‘feels’tothatperson,whatisnoticed,whatisignored’’(KaplanandKaplan,1982,pp.5–6).Havingacognitivemap,however,isnotenough.Humansmustbemotivatedtouseandextendthesemapsthroughenvironmentsdesignedtotakeadvantageofthesecognitivemaps(Kaplan,1973a).Peopleappreciateandaremotivatedtouseinformation,whichhelpsthemexpandpreviousknowledgecontainedintheircognitivemaps.Ontheotherhand,theyhavetroubleunderstandingandarenotmotivatedtouseinformation,whichisnotconnectedtothemapstheyalreadyhave.Further,providingtoomuchinformationcreatesabarriertoengagingtherecipient’sinternalmap.Cognitivemapsallowsomeonetogowherehe/shehasneverbeenbefore.Byrecallingpreviousexperiencesstoredinthecognitivemaps,anindividualgainsalevelofconfidenceinhis/herabilitytofindhis/herway(Kaplanetal.,1998).Forexample,havingtraveledonsubwaysinNewYorkorBoston,anindividualtravelingtoWashington,DCforthefirsttimewouldbeabletodrawonhis/hercognitivemapofasubwaysystemandbeabletoanticipatehowhe/shewouldnavigatefromPointsAtoB.MethodThisempiricalstudywasdesignedtodevelopandtesttheWSPS,whichrepresentsthefirstphaseofalargerresearchprogram.Theoverallgoaloftheprogramistoidentifythe44 北京邮电大学毕业设计contentelements,whichcanfacilitatepreference,thus,providingsitedeveloperswithguidanceastohowtocultivaterepeatvisitsthroughattractivecognitiveenvironments.ThisrepresentsafirststepinestablishingthattheWSPSmaybeanindicatorofeffectivewebdesignfromaninformationprocessingperspective.Thefourdimensions—coherence,complexity,legibilityandmystery—whichcomprisetheWSPS,wereoperationalizedasafive-pointratingscale.Eachdimensionwasmeasuredusingmultipleitems.Theseitemsweredevelopedthroughavarietyoftechniques.First,studiesusedtodevelopthePreferenceFrameworkwerereviewedforinsightintoitemformat.Second,toadoptthesequestionstotheweb,criticalincidenttechniquewasutilized.Inthisphaseofquestionnairedevelopment,open-endedquestionswereadministeredtoastudentpopulationwiththesamedemographiccharacteristicsasthoseusedinthestudypresentedbelow.Forexample,therespondentswereaskedtoidentifycharacteristicsofwebsitestheyliked(e.g.,whathelpedthemto‘‘makesenseof”awebsite).TheseresponseswerethencontentanalyzedusingthethemesfromtheworkofKaplanandKaplan(1982)andKaplanetal.(1998).Webeffectivenesswasoperationalizedastwoseparateitems,(1)overallimpressionofthesiteand(2)likelihoodofrevisit.Theseitemsweremeasuredusingafive-pointratingscale.Thereisprecedenceinthemarketingliteraturefortheuseofsingleitemmeasures(e.g.,AndersonandNarus,1990).Aninitialdraftofthequestionnairewaspretested.Inrefinementofthisinstrument,twosetsofanalyseswereperformedonthedata.First,factoranalysiswasperformedtoascertainwhethertheitemsloadedonthedimensionstheywerewrittentorepresent.Inthisanalysis,threefactorsemergedwhichfitwellwithKaplanandKaplan’s(1982)andKaplanetal.’s(1998)dimensionsofcoherence,complexityandlegibility.Becausemysterydidnotemergeasafactor,additionalitemswerewrittenintheattempttobetterdelineatethisdimension.Oneitem,‘‘isfriendlytofirsttimevisitors’’waschangedto‘‘wouldbefriendlytofirsttimevisitors’’intheattempttocapturethefuturetemporalaspectofmystery.Subjectsinthestudywere211undergraduatestudentsattwoNortheasterninstitutionsofhighereducation.Thegroupwascomprisedofanequalnumberofmalesandfemaleswithan44 北京邮电大学毕业设计agerangeof18–25.Afterremovalofincompletesurveys,2035usableresponsesweregathered.ThesubjectsInternetbehaviormatchedthetypicalwebuser’sbehavioratthetimeofdatacollection(InternetUseTrends:Mid-Year,1999).While49%hadneverpurchasedonline,theirwebresearchbehaviorindicatesgreaterfamiliaritywiththeweb.Only1%ofthesubjectsneverusethewebforresearchandover82%usethewebonaweeklybasis.Consequently,thesubjectsweregenerallyconversantinnavigationontheweb,butnotnecessarilyheavypurchasers.Again,thiswasconsistentwiththewebbehaviorofconsumers.Thestudentswereaskedtoevaluatethewebsiteswhilethinkingofthesiteasawhole.Thesitesselectedrepresentthebroadspectrumofsites,whichwebsurfersmightvisit.Researchsites(e.g.,MarketGuide)aswellasretailsites(e.g.,L.L.Bean)wereselected.Thee-retailerswereselectedfromavarietyofcategories,whichthispopulationmightpatronize.Asactualwebsiteswerechosenforthisstudy,thesubjects’familiaritywiththesitesaswellasfamiliaritywiththebrandswerealsoassessedasapartofbackgrounddatacollectionefforts.44 北京邮电大学毕业设计中文翻译介绍无论是测量还是使用，网络是庞大的。现在绝大多数的美国家庭有电脑，在过去的一年(2000)，64%的12岁以上的美国人使用互联网，到了2002年，零售销售额预计将达到740亿美元。正是如此，难怪大多数公司觉得他们今天至少需要有一定程度的网络。所有企业的Web项目面临考虑的问题是如何建立一个成功的网站。亚马逊，花费了数百万美元建立和维护他们的网站，创建亚马逊品牌。在其鼎盛时期,亚马逊的估值认为，至少在某种程度上，它能捕获和保留住顾客的注意力。因此,许多电子零售商采用了亚马逊网站设计格式来开发自己的网站。相比之下,传统零售商选择的是能替代了亚马逊模式的上网模式。他们趋向于将工作由实体世界转移到互联网上。然而，即使是经验丰富的如迪斯尼一般的零售商也很难通过正确的公式来创立成功的网站。越来越多的公司利用互联网，重要的是要了解驱动器利用的一个站点。最近的一研究表明，高质量的内容、缓解使用、更新的速度和频率是重复访问的四大关键因素。然而，另一项研究表示至少50%这种规模的美国和英国零售商未能满足客户的购物体验。然而一种吸引游客到网站的营销理念开始出现，如何将上网者重复通过有效网页设计是一个不容易理解的现象。从业人员的现场设计和建议内容丰富,往往是相互矛盾的。研究提出了一种方法从认知心理学的角度来发展有效的web设计检查网络。环境心理学家的工作瑞秋•卡普兰和斯蒂芬•卡普兰提供了一种方法，如何促进互动体验认知环境的概念。卡普兰他们认为环境提供许多信息、迹象、图标，有或没有言语。他们的研究认知心理学应用于物理的设计风景。通过他们的研究,他们发现信息需求影响偏好某些设计。人们都想理解和参与进他们的设计中来。利用从认知原则，卡普兰和卡普兰证明心理学对开发设计具有促进意义。在许多方面,设计有效的web内容非常类似于物理景观设计。计算机交互之间是强烈的认知观念和偏好。交互性意味着不仅感知网络格局，而且进入它的“经历”空间。为了开发一个更好地了解是什么构成高质量的网页内容(即。设计，便于访问和购买)，作者提出了网站偏好量表(wsp)来评估有效网页设计，这一个网站是一个基于视角认知的设计。简短的讨论之后的web内容，卡普兰和卡普兰的认知心理学的应用物理景观(偏好框架)。然后扩展到偏好框架Web环境。一个探索性研究设计开发wsp是然后提交。最后对项目的研究的结论和未来进行了讨论。网页内容研究一再表明,感知购物体验有助于使顾客和零售商建立客户关系的实体。此外，有证据表明，音乐、色彩和照明这样的感官刺激可以影响购物者花在零售设施上的的时间和金钱。对于零售商，感觉必须扮演的购物体验web页面的模板。到目前为止,用来测量网站有效性的两种最常见的方式是“眼球”或点击率的数量。这些措施仅仅捕获效果如何公司的战略是关于驾驶交通网站。来衡量一个网站是如何有效开发适当的电子零售感官环境需要测量网站设计的态度和意图重新审视。在网站设计的零售销售的情况下,购买是一个额外的措施。在这项研究中提出论文的重点是网站设计和态度。44 北京邮电大学毕业设计网站设计对平面媒体的营销人员提出了一种新的挑战。不幸的是,许多公司将他们开发其他媒体(杂志、广告、目录等)直接应用到他们的网站(如www.pathfinder.com)。其他参与人员认为在网页设计中的理论有效使用平面媒体的进化不转移web。例如，当设计一个广告的报纸时，有一个大帆布,适合工作、引人注目的、错综复杂的设计。然而,报纸布局转到web作为电脑屏幕不能处理同样多的有效信息(尼尔森，1999)。因此,简单的设计已经成为了一些网页设计大师的魔咒。使用许多元素的设计和图形艺术用来在网络上传达内容的选择是无止境的。元素的空间，使用图像，图像的大小，使用动画和/或音频、每行字数,颜色和大小的字符是几个这些因素之一。此外,内容设计不停止的工作应选择适当的元素为特定的听众。内容设计还包括决定这些元素的位置来促进他们的使用。卡普兰和卡普兰(1982)和卡普兰etal。(1998)提供了一种解决这些许多的选项和设计一个有效的网络格局的框架。认知的设计雷切尔•卡普兰和斯蒂芬•卡普兰现在的工作跨越了几十年。他们研究检查身体环境环发展模式的一次尝试设计，整合终端用户的使用环境因素，从而,使人更容易有效地处理信息和功能。卡普兰和卡普兰的研究也是建立在人与各种泛滥的信息的爱恨交加的关系上。其中一些信息是非常重要的；一些是微不足道的。营销人员经常被指责因为试图使我们认为这都是重要的。在网页设计中,许多开发人员感叹，他们就开始堆积元素，他们害怕采取事情(汉密尔顿,1999)。这些信息的目标闪电战是留下整理的艰巨的任务这一切。一个人类处理信息的应对方式是通过使用认知地图。使用一个认知或心理地图为我们从我们的环境和储存信息提供了一个排序的方法。认知地图是一个积累和总结经验。人类利用这些地图通过一个环境。这些地图”如何影响环境“感觉”的人，注意到是什么，忽视是什么(卡普兰和卡普兰，1982年，5-6页)。然而,有认知地图是不够的。人类必须通过利用这些环境积极使用和扩展这些地图认知地图(卡普兰,1973)。人们欣赏和动机的使用信息,帮助他们扩大以前的知识包含在他们的认知地图。在另一方面,他们很难理解和不积极使用信息,这不是连接到他们已经有了地图。此外,提供太多迷人的收件人的信息创建一个障碍内部的地图。认知地图允许有人的地方去他/她从来没有去过。一个人能通过回顾他以前额地图来能找到他/她的方式(卡普兰etal，998)。例如，一个首次在纽约或波士顿乘坐地铁去华盛顿特区的人将能够利用他/她的认知地图，个地铁系统，能够预测他/她如何导航从A点到B。方法四个规模的连贯性、复杂性、易读性和奥秘组成WSPS财政五点量表。每个维度是测量使用多个项目。这些项目开发通过各种技术。首先,研究使用发展偏好框架综述了洞察项目的格式。其次,采用这些问题关键事件法是利用网络。在这问卷调查发展的阶段,开放式的问题人口学特征与使用的研究被管理的学生数量一样吗。介绍如下。例如,受访者被要求他们喜欢的网站(如的识别特征，帮助他们“有意义”的网站)。然后卡普兰和卡普兰(1982)和卡普兰etal。(1998)。使用这些主题内容进行分析。Web需要重新审视两个独立的有效性项目：(1)网站的总体印象和(2)可能性。这些项目是使用五点测量的评级规模。有优先的营销文学(如使用单项措施。安德森和Narus,1990)。问卷的初稿是预先测试过的。在精致的乐器、两套分析在数据上执行。首先,进行因子分析确定该项目是否加载的维度他们代表写的。在这个分析中,很适合卡普兰和卡普兰(1982)和卡普兰etal(1998)尺寸的一致性,复杂性和易读性这三个复杂的元素出现了。因为神秘不成为一个因素,更多的项目试图更好地描绘这一维度。一个项目,“第一次友好游客”改为“第一次友好游客”试图捕捉未来时态方面的神秘。44 北京邮电大学毕业设计在该研究的211名本科生受试者有两个来自东北的高等教育机构。该集团有相同数量的男性和女性，年龄要在18-25岁之间。后删除不完整的调查,可用响应聚集到2035年。在典型的web对象网络行为用户行为数据采集时(使用互联网趋势:年中,1999)，49%从来没有购买在线,他们的网络行为研究表明更大的熟悉与web。只有1%的受试者从不使用网络研究和使用web每周82%以上的基础上。因此,受试者一般熟悉在web上的导航,但不一定是购买者。这再一次说明,这是与web的行为一致的消费者。学生被要求评估的网站考虑到了整个网站。所选择的网站代表广泛的网站,网民可以访问。(如研究网站。、市场引导)以及(如零售网站。,L.L.Bean)。可能被惠顾的电子从不同的类别被选中。作为本研究的实际网站选择,受试者熟悉网站以及熟悉品牌也作为评估数据的一部分收集背景工作。44