个人博客网站的设计与实现 优秀

PAGE5PAGE13个人博客网站的设计与实现PersonblogDesignandImplementation学院名称：专业班级：学生姓名：指导教师姓名：指导教师职称：2012年5月PAGE11个人博客网站的设计与实现摘要随着计算机和网络的发展和普及，Blog得到了极大的发展。虽然现在有微博等新兴网络技术，但是微博的字数限制制约了内容的丰富性，所以博客仍是一种不可替代的网络交流载体。它以个人为中心传播出有影响力的消息、新闻、事件等，鲜明的个人特色引人瞩目，它以独特的视角、敏锐的观察力，不断的冲击传统媒体。本系统对于不同的用户分配不同的功能。对于普通用户而言，有相册查看、博客说明查看、邮件联系、朋友查看、博主信息查看、投票、公告信息查看、文章查看、文章回复功能。对于系统管理员而言,有博客文章管理、公告管理、个人相册管理、投票管理、朋友信息管理、用户管理、博主个人信息修改功能。系统采用JSP+JavaBean+Servlet和SQLServer2000数据库相结合的开发模式。关键词：Blog，功能，开发模式PersonblogsystemDesignandImplementationAbstractAlongwiththecomputerandthedevelopmentandpopularizationofInternet,Bloggothugedevelopment.WhiletherearenowemergingnetworktechnologyTwitter,buttheTwittercharacterslimitrestrictedtherichnessofcontent,sotheblogisstillakindofirreplaceablenetworkcommunicationcarrier.Ittoindividualasthecenterspreadpublicationinfluentialnews，newsandevents,etc,brightindividualfeaturesspectacular,itwithuniqueAngleofview,keenobservation,theimpactofthetraditionalmediaconstantly.Thesystemfortheallocationofdifferentusersofdifferentfunction.Forordinaryusers,havethealbumview,blogs,email,show,bloggerfriendsviewviewinformation,voting,bulletininformationview,articleview,thereplyfunction.Forthesystemadministrator,ablogarticlemanagement,bulletinmanagement,personalphotomanagement,votemanagement,informationmanagement,usermanagement,friendblogger,modifypersonalinformationfunction.ThesystemusesJSP+JavaBean+ServletandSQLServer2000databasecombiningdevelopmentmode.Keywords:BlogNets,Function,Developmentmode目录TOC\o"1-3"\h\u第1章绪论 11.1博客网概述 11.2博客发展趋势 21.3系统开发的背景 21.4技术路线 32基本技术方案 42.1JSP中的各种技术 42.1.1JSP概述 42.1.2Servlet概述 42.1.3JavaBean概述 42.2基于B/S的WEB应用体系结构 52.2.1传统的两层体系结构 52.2.2三层体系结构 52.2.3JSP网站开发模式 62.3Eclipse简介 62.4Tomcat简介 72.5SQLServer简介 72.6MVC设计模式 73系统分析 93.1需求分析 93.2可行性研究 93.2.1经济可行性 93.2.2技术可行性 94系统设计 114.1系统目标 114.2系统功能结构 114.3系统流程图 124.4开发环境 145数据库设计 155.1数据库需求设计 155.2数据库概念的设计 165.3数据库逻辑结构设计 176公共模块设计 196.1数据库连接及操作类的编写 196.2字符串处理类的编写 216.3系统配置 217系统实现 237.1前台首页设计 237.1.1前台首页概述 237.1.2前台首页技术分析 237.1.3前台首页的布局 247.2用户登录模块设计 267.2.1用户登录模块概述 267.2.3用户登录模块技术分析 267.2.4用户登录模块的实现过程 277.3文章查询模块 307.3.1文章查询模块概述 307.3.2文章分类查询实现过程 307.3.3文章详细查询的实现过程 317.4后台设计 327.4.1后面首页概述 327.4.2后台相册设计 33总结 35致谢 36参考文献 37第1章绪论1.1博客网概述“博客”（Blog或Weblog）一词源于“WebLog（网络日志）”的缩写，是一种十分简易的傻瓜化个人信息发布方式。任何人都可以像使用免费电子邮件一样，完成个人网页的创建、发布和更新。博客就是开放的私人空间，可以充分利用超文本链接、网络互动、动态更新等特点，在网络中，精选并链接全球互联网中最有价值的信息、知识与资源；也可以将个人工作过程、生活故事、思想历程、闪现的灵感等及时记录和发布，发挥个人无限的表达力；更可以以文会友，结识和汇聚朋友，进行深度交流沟通。“博客”当然是个大家都陌生的名词，博客的英文名词就是“Blog或Weblog”（指人时对应于Blogger），是一个典型的网络新事物，查阅最新的英文词典也不可能查到。该词来源于“WebLog（网络日志）”的缩写，特指一种特别的网络个人出版形式，内容按照时间顺序排列，并且不断更新。博客是一种零编辑、零技术、零成本、零形式的网上个人出版方式。博客概念一般包含了三个要素（当然，也不需要局限这些定义）：（1）网页主体内容由不断更新的、个性化的众多日志组成。（2）按时间顺序排列，而且是倒序方式，也就是最新的放在最上面，最旧的放在最下面。（3）内容可以是各种主题、各种外观布局和各种写作风格，但是文章内容以“超链接”作为重要的表达方式。因此，博客是个人性和公共性的结合体，其精髓不是主要表达个人思想，不是主要记录个人日常经历；而是以个人的视角，以整个互联网为视野，精选和记录自己在互联网上看到的精彩内容，为他人提供帮助，使其具有更高的共享价值。博客精神的核心并不是自娱自乐，甚至不是个人表达自由，相反，是体现一种利他的共享精神，为他人提供帮助。个人日记和个人网站主要表现的还是“小我”，而博客表现的是“大我”。也许形式上很接近，但内在有着本质的差异。所有优秀博客网站中，真正表达作者个人的内容非常有限，最多只是点缀，而不像个人网站那样是核心。1.2博客发展趋势趋势一：博客现在正在形成个人的信誉机制，有了博客之后就确立了一个个人虚拟身份，简单的来讲就是个人在互联网上是有名有姓的，而不再是一种匿名的行为，网民从流浪汉变成了一个定居者。以前在互联网上的各种行为都是在匿名状态中，相互之间是不认识的，但有了博客之后可以天天关注，而别的人也可以通过博客找到这个人。这样随着时间的积累就会产生一个新的东西，概括叫做“个人的信誉”，个人的信誉就是博客和博客之间发展各种关系的组合，这种信誉对每个人来讲可能是不同的，但对每个博客来讲就产生了新的评价机制，这个机制将是博客商业化的一个前提条件。趋势二：博客越来越呈现出富媒体化，早期的博客是以文字为主，但随着多媒体发展博客相册、博客图片已经成为博客的基本配置，而现在许多博客网站已经提供了博客音频和博客视频。趋势三：博客现在正在形成并完善精选机制，博客作为自媒体和个人媒体，产生的信息非常巨大。其中难免产生信息垃圾，随着博客的发展，博客通过精选机制精选出大家喜闻乐见的信息，像国内网摘、博客的评价系统等。1.3系统开发的背景博客的精神是：自由表达，开放宽容，个性张扬，专业精神。在没有自己的博客之前，人们会经常进出于论坛发表贴子或者通过即时通信软件聊天，来表达自已的想法，可是这些都是零散的和杂乱的。博客的出现，让人们可以不断的把自己以前的和每天激发的一些想法或者感受整理放在自己的博客上，每次在写文章的时候，可能又会产生新的想法。虽然一些想法一些思考只是皮毛，没有什么深度，但是当下笔去写的时候每次都会对某个小小的问题有了更多的一点点思考，再写博客的时候就感觉到了一种满足感，一种想法得以释放思考得以延伸的满足感。生活中每天的一个小小的事情都会引起人们的思考，甚至是和朋友的聊天中一个小小的火花迸发。督促自己努力、把一时的想法变成观点，争取在生命中的每天里留下点什么，这也是人们写博客的目的之一。这样就能督促自己每一天不要浑浑噩噩，时光流逝无痕无声无息，写博客也是在自己的每一天上留下了一道浅浅的思考和划痕。不仅如此，通过写博客、记录自己的想法可以帮助实现如下这些目的：（1）记录生活，在自己的每一天上留下思考的划痕。（2）整理思路，固化知识，获得更多更好的想法。（3）分享，将自己的想法、经验与人分享。（4）交流、提高，通过交流产生更多的思维火花，相互提高。（5）交友，互相鼓励，一路同行。如果说博客网站是一个舞台，那么所有的博客都是其中的舞者，把自己有价值的真实的一面展示在网络世界中，相互交流沟通；如果博客仅仅为了写日志，那么博客是一面镜子，镜子中展现的是真实的自己；如果博客是一个自由媒体，可以把自身感觉有价值的信息通过博客这个工具发布，与网友共享。1.4技术路线本系统的开发采用的是JSP+JavaBean+Servlet模式，在该模式中，结合了JSP和Servlet技术，充分利用了JSP和Servlet两种技术原有的优点。在此模式中，JavaBean作为模型的角色，充当JSP和Servlet通信的中间工具，Servlet处理完后设置JavaBean的属性，JSP读取此JavaBean的属性，然后进行显示。该模式更加明显地把显示和逻辑分离，使得代码更容易管理，适合大型项目的开发。2基本技术方案2.1JSP中的各种技术2.1.1JSP概述JSP即JavaServerPages，是由SunMicrosystem公司于1996年6月推出的新技术，是基于JavaServlet以及整个Java体系的Web开发技术。JSP已经成为开发Web动态网页重要、快速和有效的工具，是全新的网络服务器编程环境。JSP充分利用了Java的强大功能，是一种优秀的服务器端技术。随着Java技术的日益成熟和流行，JSP在网络编程中也变得越来越重要。JSP基于强大的Java语言，具有极强的扩展能力，良好的缩收性，以及与平台无关的开发特性，成为构建动态网站的主流技术之一，JSP有着其他技术所不具备的优势。其优势在于：可以将内容的生成和显示进行分离、生成可重用的组件、采用标识简化页面开发。JSP能提供所有Servlet的功能。2.1.2Servlet概述Servlet是Java编写的服务器端程序，是由服务器端执行和调用的Java类。Servlet是采用Java技术来实现CGI功能的一种技术，能够像CGI一样动态地扩展Web服务器的功能，并采用请求——响应模式提供Web服务。Servlet和CGI一样都是运行在Web服务器上，用来生成Web页面。Servlet的主要功能在于交互式地浏览和修改数据，生成动态Web内容。Servlet工作流程：（1）客户端发送请求信息至服务器。（2）服务器将请求信息发送至Servlet。（3）Servlet生成响应内容并将其传给Servlet。响应内容动态生成，通常取决于客户端的请求。（4）服务器将响应信息返回至客户端。2.1.3JavaBean概述JavaBean是Sun公司为了进入因特网、企业网以及万维网上进行分布式计算的组件结构入口。按照Sun公司的定义，JavaBean是一个可重复使用的软件部件。JavaBean体系结构是第一个全面地基于组件的标准模型之一，该组件是Java类，这些类遵循一个接口格式，以便于使方法命名、底层行为以及继承或实现的行为能够把类看做标准的JavaBean组件的方式进行构造。在Java模型中，通过JavaBean可以无限扩充Java程序的功能，通过JavaBean的组合可以快速生成新的应用程序。JavaBean具有以下特点：（1）可以实现代码的重复利用。（2）易维护性、易使用性、易编写性。（3）可以在Java的任何平台上工作，不需要重新编译。（4）可以在内部网或者网络之间进行传输。（5）可以以其它部件的模式进行工作。JavaBean在JSP程序中常用来封装事务逻辑、数据库操作等，可以很好的实现业务逻辑和前台程序的分离，使得系统具有更好的健壮性和灵活性。2.2基于B/S的WEB应用体系结构2.2.1传统的两层体系结构在Web发展的初期，Web应用主要是通过静态页面在Internet上发布信息。用户通过浏览器向服务器发送请求，服务器接收用户端的请求，向客户端浏览器发送所请求的页面。在这种结构下，网站上的页面是静态的，无法根据用户的实际使用情况做动态的变化。网站的信息提供者通过更新服务器上的网页来向用户提供最新的信息。用户和浏览器之间只有有限的交互，而网站和用户之间几乎没有交互。2.2.2三层体系结构CGI，ASP，PHP等技术的出现，使得开发动态交互式的Web应用得以实现。用户通过浏览器向服务器发送请求，Web服务器接收客户端发送来的请求，对请求进行分析，如果请求是静态页面，那么就将所请求的页面发送到客户端；如果请求的是动态页面，那么就执行此动态页面，并将执行结果发送给客户端。动态页面中的脚本程序可以和数据库服务器进行交互。Web服务器可以根据用户的请求动态更新页面上的信息，Web信息提供者可以通过改变数据库中的数据向用户提供最新信息，而不需要逐个更改页面。用户可以通过这些动态页面向数据库中输入信息，从而增强了用户和服务器之间的交互性。2.2.3JSP网站开发模式目前，JSP技术已经成为一种受大多数大型企业或中小型企业喜爱的动态网页开发技术。越来越多的技术人员也逐步成为JSP技术的推崇者。JSP技术正是利用了Java的“一次开发，处处使用”的性能，成为了网站开发技术人员的首选技术。当然，JSP技术的最大优势在于能够将页面的表现形式和页面的商业逻辑分开。JSP网站开发技术标准提供了两种开发模式：一种是JSP+JavaBean开发模式；一种是JSP+Servlet+JavaBean开发模式。JSP+JavaBean在这种模型中，JSP页面独自响应请求并将处理结果返回给客户，所有的数据通过JavaBean来处理，JSP实现页面的显示。此模型常常会导致页面被嵌入大量的脚本语言或者Java代码段，当处理大型业务时，页面程序将变得异常复杂给开发和维护带来困难。JSP+Servlet+JavaBeanServlet技术是一种采用Java技术来实现CGI功能的一种技术。Servlet是运行在Web服务器上，用来生成Web页面。Servlet技术非常适于服务器端的处理和编程。在此种开发模式中，JSP技术用来显示页面，该页面中没有任何的商业处理逻辑，通过Servlet技术来完成大量的事物处理工作。Servlet用来处理事务的请求，充当着一个控制者的角色，并负责向客户发送请求，创建JSP需要的Bean和对象，根据用户的请求行为，决定将哪个JSP页面发送给用户。从上面两种开发模式来说：第二种模式要好些，更适合于团队开发，速度相对较慢，但是可维护性高。2.3Eclipse简介Eclipse最初由OTI和IBM两家公司的IDE产品开发组创建，起始于1999年4月。IBM提供了最初的Eclipse代码基础，包括Platform、JDT和PDE。Eclipse是一个开放源代码的软件开发项目，专注于为高度集成的工具开发提供一个全功能的、具有商业品质的工业平台。由Eclipse项目、Eclipse工具项目和Eclipse技术项目三个项目组成。2.4Tomcat简介如今，基于Web的应用越来越多，传统的Html已经满足不了如今的需求。因此需要一个交互式的Web，于是便诞生了各种Web语言。如Asp，Jsp，Php等。当然，这些语言与传统的语言有着密切的联系，如Php基于C和C++语言，Jsp基于Java语言。Tomcat即是一个Jsp和Servlet的运行平台。Tomcat是一个免费的开源的Serlvet容器，是Apache基金会的Jakarta项目中的一个核心项目，由Apache，Sun和其它一些公司及个人共同开发而成。2.5SQLServer简介MicrosoftSQLServer2000是微软所推出的一套在Windows平台上执行的功能强大的关系型数据库管理系统，用以作为应用程序的数据来源，存放各种数据，并可以让用户很容易地达成所要进行的数据存取操作。同时，也提供了一些可视化的管理工具，协助数据库系统管理者更方便快速地管理及设计数据库的内容，以及对数据库进行维护。SQLServer2000不仅可以实现个人数据库的管理，更适合企业级数据库的应用。添加一些文字2.6MVC设计模式MVC(Model-View-Controller)模式并不是J2EE行业人士标新立异的。MVC的核心就是要做到三级甚至多级的松散耦合，MVC模式将系统分为三个部分，分别是数据模型、视图和控制器，并定义了这三个部分之间实现通信的一种模式，使每个部分不必卷入到其他部分的状态表示和方法实现的细节中去。每个部分有自己的数据管理规则，各个对象之间的通信只能使用自己定义的一个受限连接集合进行。保持这种分离性通常是面向对象编程和设计要追求的目标，让各个对象只需专注于自己的事务。模型部分代表了商业数据的访问及修改数据的操作。当数据发生改变时，要负责通知视图部分，并且提供视图查询状态的能力。另外，还向控制部分提供应用功能。视图部分以自己的方式显示模型的内容。访问模型的数据，并且当模型的数据发生变化时更新模型的显示。视图还把从用户那里得到的信息传给控制部分。控制部分定义了应用的行为。分发用户请求和选择表现视图，还负责解释用户输入，进而调用模型的功能。在Web应用中，用户输入包括对Web级资源的HTTP、GET和POST请求。控制部分根据用户交互和模型的状态选择要显示的视图。一个应用程序一般为相关的功能选择一个控制部分。第3章系统分析3.1可行性研究3.1.1经济可行性博客通过“我的文章”和“相册上传”等功能模块，吸引更多的浏览者，增加网站的访问量，提升网站的影响力；不断更新网站信息内容，使网站信心更加多元化，适合不同的访问群体；通过网站展现个人魅力，愉悦身心；通过与来访者的交流，不断积累经验，吸收新的知识，使网站始终充满新鲜活力。3.1.2技术可行性本系统主要应用Servlet技术开发。Servlet技术带给程序员最大的帮助是它可以处理客户端传来的HTTP请求，并返回一个响应。Servlet是一个Java类，Java语言能够实现的功能，Servlet基本上都可以实现（图形界面以外）。总的来说，Servlet技术具有以下特点。（1）高效在服务器上仅有一个Java虚拟机在运行，它的优势在于当多个来自客户端的请求进行访问时，Servlet为每个请求分配一个线程而不是进程。（2）方便Servlet提供了大的实用工具例程，例如处理很难完成的HTML表单数据、读取和设置HTTP头、处理Cookie和跟踪会话功能。（3）跨平台Servlet时用Java类编写的，它可以在不通过的操作系统平台和不同的应用服务器平台下运行。（4）功能强大在Servlet中，许多使用传统CGI程序很难完成的任务都可以用Servlet技术轻松完成。例如，Servlet能够直接和Web服务器交互，而普通的CGI程序则不能，Servlet还能够在各个程序之间共享数据，使得数据库连接池之类的的功能很容易实现。（5）灵活性和可扩展性采用Servlet开放的Web应用程序，由于Java类的继承性、构造函数等特点，使得应用灵活，可随意扩展。（6）共享数据Servlet之间可通过共享数据很容易的实现数据库连接池。它能方便的实现管理用户的请求，简化Session和获取前一页面信息的操作，而在CGI之间通信则很差。由于每个CGI程序的调用都开始一个新的进程，调用间通信要通过文件进行，因而相当缓慢。同一台服务器上的不同CGI程序之间的通信业相当麻烦。（7）安全有些CGI版本存在明显的安全弱点，即使是使用最新的标准和PERL等语言，系统也没有基本安装框架。而Java定义有完整的安全机制，包括SSL\CA认证、安全政策等规范。3.2需求分析信息时代的今天，网络已经成为人们工作、学习的一部分，不断充实和改变着人们的生活。在网络中，构建一个个个性化的博客，可以充分地表达自己的思想，通过发布文章展示个人才能，舒服个人情感；网友则可以根据主题发表个人的意见，表达自己的想法，与博主进行思想交流，乐在其中。在此部分再做一些工作。4系统设计（与下一章合并）4.1系统目标本系统主要实现网站建设者与访问者之间的交流，展现网站建设者的思想。主要实现如下目标：通过发表“我的文章”，表达作者的想法和观点，实现与访问者的相互交流。通过上传个人相册，使访问者对网站建设者有进一步的了解。用户可以查看文章，并可以对文章发表意见。展现最新的的博客列表，方便访问浏览。提供网站统计信息，使访问者了解网站的基本信息。对文章信息进行管理。通过选择文章类别名称添加文正内容，并可以查询、修改和删除文章内容。对相册信息进行管理。通过选择相册类别名称上传相册图片信息，并可以查看和删除相册内容。可以修改管理员登陆信息。4.2系统功能结构博客网站分为前台和后台。其中，根据博客前台的特点，可以将其分为博主信息、网络日历、文章查询、公告查询及相册查询等13部分，其中各个部分及其包括的具体功能模块如图4-1所示。博客网前台博客网前台查看博主信息查看网站说明网络日历邮箱联系文章查询朋友查询友情链接用户投票相册查询公告查询文章详细查询文章留言公告详细查询图4-1博客网前台功能结构根据博客网站后台的特点，可以将其分为用户设置、公告管理、个人相册管理、博客文章管理、投票管理、朋友信息管理及博主信息修改7部分，其中各个部分及其包括的具体功能模块如图4-2所示。博客网后台博客文章管理个人相册管理公告管理博客网后台博客文章管理个人相册管理公告管理投票管理朋友信息管理公告添加相册添加相册设置发表博客文章朋友信息添加文章分类朋友信息设置博主信息修改投票内容设置设置内容添加公告设置用户设置博客文章设置图4_2博客网站后台功能结构4.3系统流程图为了更加清晰的表达系统的业务功能模块，下面给出博客网的系统流程图。对于不同的角色，其所承担的任务也各自不同，流程图也不一样，包括面向用户的客户端流程图和面向系统管理员的的流程图。面向用户的客户端流程图如图4-3所示。结束开始用户登录用户登录判断用户注册博客网站首页相册查看邮件联系朋友查看博客说明查看博主信息查看投票投票结果查看结束开始用户登录用户登录判断用户注册博客网站首页相册查看邮件联系朋友查看博客说明查看博主信息查看投票投票结果查看公告信息查看公告信息详细查看文章分类文章查看文章详细查看文章回复图4_3面向用户的客户端流程图面向系统管理员的流程图如图4_4所示。结束开始用户登录结束开始用户登录用户登录判断（是否为系统管理员）博客网前台页面博客网后台页面博客文章管理个人相册管理朋友信息管理博主个人信息修改公告管理投票管理用户管理图4_4面向系统管理员的流程图4.4开发环境在开发博客网系统时，需要具备下面的软件环境。操作系统：WindowsxpWeb服务器：Tomcat5.0Java开发包：JDK1.6数据库：SQLServer2000浏览器：IE9.0分辨率：最佳效果为1024*768像素浏览器：IE6.0分辨率：最佳效果为1024*768像素5数据库设计5.1数据库需求设计创建博客数据库的第一步是制定实施计划，该计划可以在实现数据库时做向导，也可以在数据库实现完成后，用做数据库的功能说明。数据库设计的复杂性和细节由数据库的应用程序的复杂性、大小及用户使用情况确定。这里介绍的博客数据库是一个相对简单的数据库，尽管如此，数据库设计还是需要经过如图5_1所示的基本步骤。采集信息采集信息表示对象创建对象实体表示每个对象的信息类型表示对象之间的关系图5_1数据库设计的基本步骤下面详细介绍将数据库设计的基本步骤。1.采集信息在创建博客数据库之前，必须对博客信息有一个透彻的理解。与博客网中所涉及的每个人进行交流，以找出他们所作的工作及他们需要从数据库中获得的内容，这是很重要的。另外，了解该博客系统是否符合实际要求及找出相关系统的问题、限制和屏蔽也很重要。2.表示对象在采集信息的过程中，必须标识将由博客数据库管理的主要对象或实体。对象可以是一个有形的实体（如用户），也可以是一个无形的项目（文章、相册等）。通常会有几个主要对象，在标识了这些对象之后，相关的项目就会变得清晰。数据库中每个不同的项目都应有一个对应的表。3.建立对象实体标识了博客系统中的对象后，使用该博客系统的一种直观表示方式对这些对象进行记录是很重要的。在数据库实现期间，可以使用数据库实体作为参考。4.标识每个对象的信息类型标识必须为各对象存储的信息类型，这些信息是对象的表中的列（实际上就是数据表字段的类型）。5.标识对象之间的关系关系数据库的一个优势是它具有联系或关联数据库中各种项目有关信息的能力。可以单独地存储独立的信息类型，但数据库可以在必要时组合数据。在设计过程中，表示对象间的关系需要查看各种表，以确定它们逻辑相关的方式及添加管系列以建立表与另一个表间的关系。5.2数据库概念的设计根据以上对系统所作的需求分析和系统设计，规划出本系统中使用的数据库实体信息分别为用户信息实体、公告信息实体、个人相册信息实体、朋友信息实体、投票信息实体、博客文章信息实体及文章回复实体。下面画出总体E-R图，如图5_2所示。(表名和实体名要一致，个数也要一致)系统用户系统用户管理评论注册用户发表分类包含文章类型阅读相册公告朋友信息系统用户个人信息投票查看欣赏5_2总体E-R图5.3数据库逻辑结构设计本实例包含8个数据表，分别为个人相册信息表，用户信息表，文章信息表，文章类型信息表，公告信息表，朋友信息表，文章评语信息表，投票信息结果表。如表4-1~4-8所示。表4-1个人相册信息表（tb_photo）tb_aritcle表5_4文章信息表tb_aritcleType表5_5文章类型信息表tb_consumer表5_6用户信息表tb_discuss表5_7公告信息tb_friend表5_8朋友信息tb_restore表5_9文章评语信息tb_vote表5_10投票信息结果6公共模块设计在开发过程中经常用到一些公共类，如数据库连接及操作类和字符串处理类，因此，在开发系统前首先应该编写这些公共类。下面将具体介绍博客网中所需要的公共类的编写过程。6.1数据库连接及操作类的编写本网站使用SQLServer2000数据库系统。安装完成SQLServer2000JDBCDriver就可以编写与数据库连接的类。JDBConnection.java中不仅提供了数据库的连接，还有根据数据库获取的Statement和ResultSet等，com.my.tool.JDBConnection类封装了关于数据库的各项操作。代码如下：publicclassJDBConnection{privatefinalStringurl="jdbc:microsoft:sqlserver://localhost:1433;DatabaseName=db_BlodMay";//设置数据库URL驱动和数据库连接privatefinalStringuserName="sa";//设置连接的用户名privatefinalStringpassword="sa";//设置登陆密码privateConnectioncon=null;//设置数据库连接类的对象通过静态方法家在数据库驱动，方法代码如下：static{try{Class.forName("com.microsoft.jdbc.sqlserver.SQLServerDriver").newInstance();}catch(Exceptionex){System.out.println("数据库加载失败");//在控制台中输入异常信息}}}创建数据库连接，方法代码如下：publicbooleancreatConnection(){try{con=DriverManager.getConnection(url,userName,password);//取得数据库连接con.setAutoCommit(true);//设置事务的自动提交的功能}catch(SQLExceptione){System.out.println(e.getMessage());System.out.println("creatConnectionError!");}returntrue;}对数据库的增加、修改和删除的操作，方法代码如下：publicbooleanexecuteUpdate(Stringsql){if(con==null){creatConnection();//取得数据库连接操作}try{Statementstmt=con.createStatement();//创建声明连接intiCount=stmt.executeUpdate(sql);//执行SQL语句System.out.println("操作成功，所影响的记录数为"+String.valueOf(iCount)); returntrue;//如果执行成功，则通过关键字return返回true}catch(SQLExceptione){System.out.println(e.getMessage()); returnfalse;//如果执行失败，则通过关键字return返回false}}对数据库的查询操纵，方法代码如下：publicResultSetexecuteQuery(Stringsql){ResultSetrs;try{if(con==null){creatConnection();//取得数据库连接操作}Statementstmt=con.createStatement();//执行声明对象连接try{rs=stmt.executeQuery(sql);//执行查询的SQL语句}catch(SQLExceptione){System.out.println(e.getMessage());returnnull;}6.2字符串处理类的编写在使用JSP开发网站经常要过滤一些特殊字符或转换一些字符，这些功能通常需要编写一个独立的类来完成，本系统中通过以下代码实现字符的过滤和转换：publicstaticStringtoChinese(Stringstrvalue){try{if(strvalue==null){return"";//如果参数strvalue的值为空，则返回空对象}else{strvalue=newString(strvalue.getBytes("ISO8859_1"),"GBK");//将编码转换成GBK的格式returnstrvalue;//返回转码内容}}catch(Exceptione){return"";//返回查询的ResultSet结果集}}在JSP中输出中文时要考虑中文的乱码问题，本实例中是利用String类的getByte()方法来解决这一问题。6.3系统配置本网站采用Servlet和JavaBean结合技术开发的。JavaBean技术实现对数据库的操作不需要在XML文件中进行任何的配置，而正常运行Servlet程序还需要进行适当的配置，配置文件为web.xml。下面将通过本实例详细的介绍在web.xml文件中Servlet的配置。关键代码如下：<?xmlversion="1.0"encoding="UTF-8"?><web-appversion="2.4" xmlns="/xml/ns/j2ee" xmlns:xsi="/2001/XMLSchema-instance" xsi:schemaLocation="/xml/ns/j2ee /xml/ns/j2ee/web-app_2_4.xsd"><servlet><description>ThisisthedescriptionofmyJ2EEcomponent</description><display-name>ThisisthedisplaynameofmyJ2EEcomponent</display-name><servlet-name>ConsumerServlet</servlet-name><servlet-class>com.wy.webiter.ConsumerServlet</servlet-class></servlet><servlet><description>ThisisthedescriptionofmyJ2EEcomponent</description><display-name>ThisisthedisplaynameofmyJ2EEcomponent</display-name><servlet-name>FriendServlet</servlet-name><servlet-class>com.wy.webiter.FriendServlet</servlet-class></servlet><servlet><description>ThisisthedescriptionofmyJ2EEcomponent</description><display-name>ThisisthedisplaynameofmyJ2EEcomponent</display-name><servlet-name>VoteServlet</servlet-name><servlet-class>com.wy.webiter.VoteServlet</servlet-class></servlet>7系统实现7.1前台首页设计7.1.1前台首页概述在博客网的前台首页（如图6-1所示）设计中，首先管理员发布的最新文章展现给用户，然后再提供文章的分类，显示博主的信息，最新公告及博客网导航区功能等功能。图6-1博客网站前台首页7.1.2前台首页技术分析如图7_1所示首页中的显示博主的基本信息，显示登录用户信息，显示博客的主要功能，显示博主的朋友圈及版权信息等功能，并不是仅存于在首页中，其他功能模块的子页面中也需要包括这些部分。因此，可以将这几个部分分别保存于单独的文件中，这样在需要放置相应功能时只需包含这些文件即可，如图7_2所示。在JSP页面中包含文件有两种方法：一种是应用<%@include%>指令实现，另一种是应用<jsp:include>动作元素实现。本系统使用的是<jsp:include>动作元素，该动作元素用于向当前页面中包含其他的文件，这个文件可以是动态文件也可以是静态文件。<%@include%>指令用来在JSP页面中包含另一个文件。包含的过程是静态的，即在指定文件属性值时，只能是一个包含相对路径的文件名，而不能是一个变量，也不可以在所指定的文件后面添加任何参数。其语法格式如下：<%@includefile=”fileName”%><jsp:include>动作元素可以指定加载一个静态或动态的文件，但运行结果不同。如果指定为静态文件，那么这种指定仅仅是把指定的文件内容加到JSP文件中去，则这个文件不被编译。如果是动态文件，那么这个文件，那么这个文件将会被编译器执行。由于在页面中包含查询模块时，只需要将文件内容添加到指定的JSP页面中即可，所以此处可以使用加载静态文件的方法包含文件。应用<jsp:include>动作元素加载静态文件的语法格式如下：<jsp:includepage=”{relativeURL|<%=expression%>}”flush=”true”/>使用<%@include%>指令和<jsp:include>动作元素包含文件的区别是：使用<%@include%>指令包含的页面，是在编译阶段将该页面的代码插入到了主页面的代码中，最终包含页面与被包含页面生成一个文件。因此，如果被包含页面的内容有改动，需重新编译该文件。而使用<jsp:include>动作元素包含的页面可以是动态改变的，它是在JSP文件运行过程中被确定的，程序执行的是两个不同的页面，即在主页面中声明的变量，在被包含的页面中是不可见的。由此可见，当被包含的JSP页面中包含动态代码时，为了不和主页面中的代码相冲突，需要使用<jsp:include>动作元素包含文件。应用<jsp:include>动作元素包含查询页面的代码如下：<jsp:includepage=”search.jsp”flush=”true”/>。head_top.jsphead_top.jsphead_Consumer.jsphead_main.jsphead_ringht.jsphead_down.jsp图7_2前台首页的布局7.1.3前台首页的布局应用<jsp:include>动作元素包含文件的方法进行前台首页布局的代码如下：<%@pagecontentType="text/html;charset=gb2312"language="java"import="java.sql.*"errorPage=""%><jsp:includepage="head_top.jsp"flush="true"/><tablewidth="800"border="0"align="center"cellpadding="0"cellspacing="0"><tr><tdwidth="74"><imgsrc="images/head_06.jpg"width="74"height="846"></td><tdheight="846"valign="top"background="images/head_07.jpg"> <!--登录用户部分--> <br> <jsp:includepage="head_Consumer.jsp"flush="true"/> <tdwidth="10"background="images/head_07.jpg"><imgsrc="images/head_08.jpg"width="13"height="846"></td><tdwidth="184"valign="top"><jsp:includepage="head_right.jsp"flush="true"/><jsp:includepage="head_down.jsp"flush="true"/>7.2用户登录模块设计7.2.1用户登录模块概述用户登录模块具有用户登录功能。博客网运行第一个页面便是用户登录页面，用户登录后，可以查看博主所发表的文章。在用户登录页面中，在用户名和密码文本框中输入用户名和密码后，单击登录按钮，系统验证成功后，用户将以会员的身份进入博客网首页，之后在网站中可以随意查看博主发表的文章。如果登录的用户是博主本人，在博主信息显示区域中，则出现“进入后台”超链接，博主可以直接单击此超连接，进入博客网的后台进行管理。用户登录模块的框架如图7_3所示。开始用户登录是否通过验证开始用户登录是否通过验证不显示“进入后台”超链接及其其他相关信息显示“进入后台”超链接及其其他相关信息否是图7_3用户登录模块的框架7.2.3用户登录模块技术分析在用户登录模块中，涉及的数据表是用户信息表（tb_sonsumer），在用户信息表中保存着用户名和密码等信息，根据这些信息来创建用户登录模块的form，名称为Consumer。Servlet的核心在于它的HttpServlet，一般在Servlet里面做页面的逻辑跳转工作。用户登录模块的Servlet实现类继承了HttpServlet类，在该类中首先设置用户登录模块的ConsumerDao类的对象，该对象在每个具体的方法中实例化，doGet()在Servlet中自动被调用。该方法本身没有具体事务，它是根据通过HttpServlet的getParameter（）方法获取的method参数值执行相应的方法的。在web.xml文件中配置用户登录的Servlet的具体代码如下：<servlet><description>ThisisthedescriptionofmyJ2EEcomponent</description><display-name>ThisisthedisplaynameofmyJ2EEcomponent</display-name><servlet-name>ConsumerServlet</servlet-name><servlet-class>com.wy.webiter.ConsumerServlet</servlet-class></servlet>7.2.4用户登录模块的实现过程用户登录模块是博客网最先使用的模块，是系统的入口。在用户登录页面中，用户可以通过输入正确的用户名和密码进入到系统，当用户没有输入用户名和密码时，系统会通过JavaScript脚步进行判断，并予以提示信息。系统会通过JavaScript脚本进行判断，并给予提示信息。用户登录页面如图7_4所示。图7_4用户登录页面1设计用户登录页面用户登录页面主要用于收集用户输入的信息及通过自定义JavaScript函数判断输入信息是否为空，该页面所涉及的表单元素如图7_5所示。名称元素类型重要类型含义form1formmethod=”post”action=”ComsuerServlet?method=0&sign=0”onSubmit=”returnuserCheck()”用户登录的表单元素accounttextclass=”inputinput”id=”account”size=”30”用户名passwordpasswordclass=”inputinput”id=”account”size=”30”密码imagesrc=”images/land.gif”登录按钮图7_52编写用户登录的Servlet实现类在用户登录页面的用户名和密码文本框中输入正确的用户名和密码后，单击登录按钮，网页会访问一个URL，即ConsumerServlet?method=0&sign=0。从该URL地址中可以知道用户登录模块所涉及的method参数值为0，也就是当method=0时，会调用验证用户身份的方法check-Consumer（）。具体代码如下： method=Integer.parseInt(request.getParameter("method")); if(method==0){ checkConsumer(request,response);//执行验证用户登录的Servlet.java }在验证用户身份的方法check-Consumer（）中，首先需要将用户名的表单信息赋值给新的String类型对象，将这个对象做参数，执行ConsumerDao类中的getConsumerForm()方法并将该方法的返回值赋给ConsumerForm类的对象，判断这个对象是否为空值，如果该对象为空值，则说明该用户输入的用户名不存在，如果该对象不为空值，则将这个对象中的密码值取出与密码表单数据比较，如果比较值为true，则说明用户输入的验证信息正确，如果比较值为false，则说明用户输入的验证信息不正确。验证用户身份的方法checkConsumer()具体代码如下： publicvoidcheckConsumer(HttpServletRequestrequest, HttpServletResponseresponse)throwsServletException,IOException{ request.setCharacterEncoding("gb2312"); Stringaccount=request.getParameter("account"); consumerDao=newConsumerDao(); ConsumerFormconsumerForm=consumerDao.getConsumerForm(account); if(consumerForm==null){ request.setAttribute("information","您输入的用户名不存在，请重新输入！"); }elseif(!consumerForm.getPassword().equals( request.getParameter("password"))){ request.setAttribute("information","您输入的登录密码有误，请重新输入！"); }else{ request.setAttribute("form",consumerForm); } RequestDispatcherrequestDispatcher=request .getRequestDispatcher("dealwith.jsp"); requestDispatcher.forward(request,response); } publicvoiddoPost(HttpServletRequestrequest,HttpServletResponseresponse) throwsServletException,IOException{ doGet(request,response); }}3编写用户登录的ConsumerDao类的方法用户登录使用的ConsumerDao类的方法是getConsumerForm()方法。在getConsumerForm()中，将以用户名表单信息为参数，以用户信息表中的用户名为条件，自行查询的SQL语句，并将查询结果通过return关键字返回，如果没有查询结果，则返回空对象。4判断登录用户是否为博主普通用户身份验证成功后，在博客网的首页将显示该用户的信息；如果博主登录后，则在博主显示区域中将显示“进入后台”超链接。当用户登录成功后，用户对应的form信息将保存在session中，程序员将根据保存在session中的form信息和用户登录级别信息（manageLevel）来判断登录的用户是否为博主。7.3文章查询模块7.3.1文章查询模块概述文章查询模块的主要功能时用户在浏览系统时查看发表的文章列表及文章详细内容，包括文章的题目、发表时间、该文章的浏览次数等，并可以针对发表文章进行恢复。这是博客最具代表性的特点之一。它给博主和用户提供展示文笔的平台，增加博主与用户、用户与用户之间的交流，能够使博客系统内的气氛更加活跃，内容更加丰富。前台文章查询模块主要包括所有文章查询、文章分类查询、文章内容详细查询及文章回复功能。前台文章查询模块如下图所示。前台文章查询模块前台文章查询模块文章分类or页查询所有文章查询文章详细查询前台文章回复模块图7_6前台文章查询模块的框架图7.3.2文章分类查询实现过程在本系统中，前台文章查询模块主要应用的技术是JavaBean技术，应用<jsp:useBean>动作标签创建并使用一个JavaBean。<jsp:useBean>执行方式非常灵活，如果执行到<jsp:useBean>，将去寻找是否存在相同ID和scope。当用户登录后，在博客网的首页右侧操作区中单击文章超链接，网页会自动弹出一个URL，即head_Article.jsp,将分类显示文章的信息。如图7_7所示图7_7前台分类显示文章信息页面在前台分类显示文章信息页面中，首先通过JavaBean定义分类操作的类（MyPagination），之后调用ArticleDao类中的queryArticle（）方法查询所有的文章信息，最后将查询的结果显示在页面中。通过JavaBean技术调用ArticleDao类中的queryArticle（）方法实现所有文章查询的功能。在queryArticle（）实现方法中，typeId为其参数，代表文章类型的标号，当typeId属性为null时，将执行查询全部文章信息的SQL语句；当typeId的属性部位null时，将执