[本科毕业论文]个人博客网站的开发_____博文、留言、前台登录模块-工学学士

ABSTRACTTHEBLOGINFORMATIONMANAGEMENTSYSTEMISCONCENTRATESONHIGHQUALITYINTERACTIVEEXCHANGESPLATFORMFORALARGENUMBEROFUSERS,INCREASINGTHEVISITSANDMAKINGTHEWEBSITEMOREANDMOREFAMOUS,THEREBYCANACQUIRINGFORTHEOPPORTUNITYTHATBUSINESSENTERPRISEPROVIDINGMOREINTRODUCTIONSANDSHOWSOFPRODUCTS,PROMOTINGTHEVALUEOFTHEWEBSITESATISFYFORTHEFUNCTIONSOFBLOGINFORMATIONMANAGEMENTSYSTEM,ACHIEVINGTHESYSTEMSSTATICPAGESEPARATEWITHDYNAMICPAGEMUTUALLY,USINGJSPJAVABEANSERVLETWITHTHEMODEOFDEVELOPMENTTHATTHEDATABASEOFSQLSERVER2000COMBINETOGETHERTHEPAPERDISCUSSESTHEBACKGROUNDOFDEVELOPMENTOFTHESYSTEMANDTHEDESIGNOFTHETARGETFIRST,ANDINTRODUCESTHETECKNIQUEWHICHUSEDTODEVELOPSIMPLYINTHEANALYSEOFSYSTEM,PROCEEDEDTHESIMPLEANALYSISTOTHEMODELOFTHESYSTEM,MADESURETHEOPERATIONPROCESSOFTHESYSTEM,PROCEEDTHEANALYSETOTHESYSTEM,ENSURETHATUNDERTHECURRENTTERM,DEVELOPINGBLOGINFORMATIONMANAGEMENTSYSTEMISFEASIBLEATTHEFOUNDATIONOFREQUIREMENTWITHTHEANALYSERESULT,PROCEEDINGTHEPROVIDINGOFTHEFUNCTIONMODULEOFTHESYSTEMFOLLOW,DESIGNINGTHEDATABASEMODEL,INCLUDINGTHEDATAFLOWDIAGRAM,ENTITYRELATIONDIAGRAMANDDATATABLESDURINGTHEDESIGNANDREALIZATIONOFTHESYSTEM,MAKINGSURETHEDEVELOPMENTTHOUGHTOFTHESYSTEMANDINSTALLTHEENVIRONMENTOFDEVELOPMENT,ATLASTSHOWTHEDESIGNDETAILSWITHREALIZEFINALLYANAKEYFOROFDETAILEDDESIGNWITHREALIZATION,ANDANALYZEDTHEPROGRAMWHICHRELATETOTHESYSTEMMODULEAFTERDEBUGGINGANDRUNNING,ITSHOWSTHATTHESYSTEMCANSATISFYWITHUSERSTOCREATEPERSONALBLOGKEYWORDSPATTERNSKNOWLEDGESHARINGTHEBLOGINFORMATIONMANAGEMENTSYSTEM1绪论11博客简介中文“博客”一词，源于英文单词BLOG/BLOGGER。BLOGGER，是指习惯于日常记录并使用WEBLOG工具的人。BLOGGER在很多时候也被翻译成为“博客”一词，而撰写BLOG这种行为，有时候也被翻译成“博客”。因而，中文“博客”一词，既可作为名词，分别指代两种意思BLOG（网志）和BLOGGER（撰写网志的人），也可作为动词，意思为撰写网志这种行为。博客BLOG，又名部落格。是一种简易的个人信息发布方式。任何人都可以注册，完成个人网页的创建、发布和更新。博客充分利用网络互动、更新即时的特点,让你最快获取最有价值的信息与资源；你可以发挥无限的表达力，及时记录和发布个人的生活故事、闪现的灵感等；更可以文会友,结识和汇聚朋友，进行深度交流沟通。12博客发展前景博客秉承了个人网站的自由精神，但是综合了激发创造的新模式，使其更具开放和建设性。要在网络世界体现个人的存在，张扬个人的社会价值，拓展个人的知识视野，建立属于自己的交流沟通的群体。从这个意义上说，博客将会变得越来越普及，越来越为更多的人接受。博客作为一种新表达的方式，它的传播不仅不仅情绪，还包括大量的智慧、意见和思想。博客现在正在形成个人的信誉机制，有了博客之后就确立了一个个人虚拟身份，简单的来讲就是个人在互联网上是有名有姓的，而不再是一种匿名的行为，网民从流浪汉变成了一个定居者。博客越来越呈现出富媒体化，早期的博客是以文字为主，但随着多媒体发展博客相册、博客图片已经成为博客的基本配置，而现在许多博客网站已经提供了博客音频和博客视频。博客现在正在形成并完善精选机制，博客作为自媒体和个人媒体，产生的信息非常巨大。其中难免产生信息垃圾，随着博客的发展，博客可以精选出大家喜闻乐见的信息。2基本技术方案21JSP中的各种技术211JSP概述JSP即JAVASERVERPAGES，是由SUNMICROSYSTEM公司于1996年6月推出的新技术，是基于JAVASERVLET以及整个JAVA体系的WEB开发技术。JSP已经成为开发WEB动态网页重要、快速和有效的工具，是全新的网络服务器编程环境。JSP充分利用了JAVA的强大功能，是一种优秀的服务器端技术。JSP基于强大的JAVA语言，具有极强的扩展能力，良好的缩收性，以及与平台无关的开发特性，成为构建动态网站的主流技术之一，JSP有着其他技术所不具备的优势。其优势在于可以将内容的生成和显示进行分离、生成可重用的组件、采用标识简化页面开发。JSP能提供所有SERVLET的功能。212SERVLET技术SERVLET拥有面向对象语言JAVA的所有优势，是开发WEB程序的主要技术。SERVLET可以在服务器端完成对数据库的访问、调用JAVABEAN、响应浏览器的各种请求、向客户端发送页面等，总结起来，SERVLET具有如下功能一、SERVLET可以同其他资源交互（例如文件、数据库、APPLET、JAVA应用程序等资源），并能控制外部用户的访问数量及访问性质。二、创建并返回一个包含基于客户端请求性质的动态的完整HTML页面，也可以创建嵌入到现有HTML页面中的HTML片段。三、与多个客户处理连续，同时处理多个浏览器的请求，并在各浏览器间通信。四、与APPLET通信，SERVLET可以建立服务器与APPLET的信连接，并将该连接保持在打开状态。五、对客户端提交的特殊类型数据进行过滤。六、SERVLET可以被连接。SERVLET可以调用另一个或一系列SERVLET，即成为它的客户端。213JAVABEAN概述JAVABEAN是JAVA程序设计中的一种组件技术。从程序员编程的角度看，实际上JAVABEAN组件就是JAVA开发中的一个类，通过封装属性和方法成为具有某种功能的接口的类，简称BEAN。创建JAVABEAN要经过编写代码、编译源文件、配置JAVABEAN这样一个过程，这个过程可以借助JAVA开发工具，也可以使用记事本等简单文本编辑编写代码。22基于B/S的WEB应用体系结构221传统的两层体系结构在WEB发展的初期，WEB应用主要是通过静态页面在INTERNET上发布信息。用户通过浏览器向服务器发送请求，服务器接收用户端的请求，向客户端浏览器发送所请求的页面。在这种结构下，网站上的页面是静态的，无法根据用户的实际使用情况做动态的变化。用户和浏览器之间只有有限的交互，而网站和用户之间几乎没有交互。222三层体系结构三层体系结构图如图21所示。浏览器WEB服务器数据库请求响应图21三层体系结构图WEB服务器可以根据用户的请求动态更新页面上的信息，WEB信息提供者可以通过改变数据库中的数据向用户提供最新信息，而不需要逐个更改页面。用户可以通过这些动态页面向数据库中输入信息，从而增强了用户和服务器之间的交互性。223JSP网站开发模式JSP网站开发技术标准提供了两种开发模式一种是JSPJAVABEAN开发模式；一种是JSPSERVLETJAVABEAN开发模式。JSPJAVABEAN模型图如图22所示。JSP浏览器DATBASEJAVBEAN图22JSPJAVABEAN模型图在这种模型中，JSP页面独自响应请求并将处理结果返回给客户，所有的数据通过JAVABEAN来处理，JSP实现页面的显示。此模型常常会导致页面被嵌入大量的脚本语言或者JAVA代码段，当处理大型业务时，页面程序将变得异常复杂给开发和维护带来困难。JSPSERVLETJAVABEAN模型图如图23所示。浏览器DATBASEJAVBEANSERVLTJSP图23JSPSERVLETJAVABEAN模型图SERVLET技术是一种采用JAVA技术来实现CGI功能的一种技术。SERVLET是运行在WEB服务器上，用来生成WEB页面。SERVLET技术非常适于服务器端的处理和编程。在此种开发模式中，JSP技术用来显示页面，该页面中没有任何的商业处理逻辑，通过SERVLET技术来完成大量的事物处理工作。SERVLET用来处理事务的请求，充当着一个控制者的角色，并负责向客户发送请求，创建JSP需要的BEAN和对象，根据用户的请求行为，决定将哪个JSP页面发送给用户。从上面两种开发模式来说第二种模式要好些，更适合于团队开发，速度相对较慢，但是可维护性高。23开发平台ECLIPSEDREAMWEAVERECLIPSE是一个开放源代码的软件开发项目，专注于为高度集成的工具开发提供一个全功能的、具有商业品质的工业平台。由ECLIPSE项目、ECLIPSE工具项目和ECLIPSE技术项目三个项目组成10。DREAMWEAVER是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。24TOMCAT简介TOMCAT是一个免费的开源的SERLVET容器，是APACHE基金会的JAKARTA项目中的一个核心项目，由APACHE，SUN和其它一些公司及个人共同开发而成。25SQLSERVER简介MICROSOFTSQLSERVER2000是微软所推出的一套在WINDOWS平台上执行的功能强大的关系型数据库管理系统，用以作为应用程序的数据来源，存放各种数据，并可以让用户很容易地达成所要进行的数据存取操作。同时，也提供了一些可视化的管理工具，协助数据库系统管理者更方便快速地管理及设计数据库的内容，以及对数据库进行维护。SQLSERVER2000不仅可以实现个人数据库的管理，更适合企业级数据库的应用。26MVC设计模式MVC模式的基本形式图如图24所示。图24MVC模式的基本形式图MVCMODELVIEWCONTROLLER模式并不是J2EE行业人士标新立异的。MVC的核心就是要做到三级甚至多级的松散耦合，MVC模式将系统分为三个部分，分别是数据模型、视图和控制器，并定义了这三个部分之间实现通信的一种模式，使每个部分不必卷入到其他部分的状态表示和方法实现的细节中去。每个部分有自己的数据管理规则，各个对象之间的通信只能使用自己定义的一个受限连接集合进行。模型部分代表了商业数据的访问及修改数据的操作。当数据发生改变时，要负责通知视图部分，并且提供视图查询状态的能力。另外，还向控制部分提供应用功能。视图部分以自己的方式显示模型的内容。访问模型的数据，并且当模型的数据发生变化时更新模型的显示。视图还把从用户那里得到的信息传给控制部分。控制部分定义了应用的行为。分发用户请求和选择表现视图，还负责解释用户输入，进而调用模型的功能。在WEB应用中，用户输入包括对WEB级资源的HTTP、GET和POST请求。控制部分根据用户交互和模型的状态选择要显示的视图。一个应用程序一般为相关的功能选择一个控制部分。3需求分析31系统的目标本次毕业设计是开发个人博客网站，通过网站来表达自己以及通过浏览博客了解他人，扩大自己的视野。本系统的目标是一、提高文采。通过写BLOG日志可以提高写作水平。二、交流思想。通过评论别人的日志，进行思想交流。三、结交朋友。好的日志会吸引来许多志同道合的朋友来阅读，可以认识更多的新朋友。四、共享知识。把自己照片上传供他人欣赏，把所经历的事情写成日志互相阅读。五、扩展视野。浏览不同的BLOG会增添不同的见识。32系统的功能要求321前台管理系统前台管理系统包括注册用户、登录用户、修改个人信息、查看搜索博文、查看相册、查看公告等功能。一、注册用户通过该模块用户可以注册一个新的账号，完成自己个人信息。二、登录用户通过该模块，用户可以将注册好的账号进行登录。三、修改个人信息通过该模块，用户可以修改自己的个人信息，增加或删除博文，发表留言等。四、查看搜索博文通过此模块可以进行首字的搜索自己想要的博文，方便，快捷。五、查看相册用户可以查看自己的相册，也可以查看其他博客的相册，但不能修改。六、查看公告用户和游客都可以通过此模块进行查看管理员发表的公告，但不能进行修改。322后台管理系统通过计算机网络将前台与后台的数据库相连，后台管理员可以对前台得到的信息进行处理，实现博文管理，公告管理，相册管理，用户管理等。33用户需求分析用例图用来描述系统与参与者之间的相互作用，与用例图相关的几个概念一、角色代表了某一事件发生的参与者，用一个小人表示。二、用例代表系统可以实现的功能，通常一个用例代表一组功能，实质上规定了系统实现功能的范围。三、用例图当角色和用例发生某种关系时，就可以用一个图将它们关联起来，这就是用例图。博客信息管理系统用例图如图31所示。图31博客信息管理系统用例图博客信息管理系统允许用户有三种身份博客访问者、博客管理员及系统管理员。博客系统参与者中每种身份操作起来都很方便、快捷。博客访问者无需登陆就可以浏览信息、发表评论或留言；博客管理员注册后再登陆，就可以发布日志、管理个人主页；而博客管理员的基本信息都由系统管理员对其统一管理。4总体设计41系统流程根据博客信息管理系统的特点，将其分为两大模块前台用户浏览模块和后台用户管理模块。前台用户浏览模块主要用于用户浏览日志信息；后台用户管理模块主要用于博客管理员对个人博客网站的管理，如日志管理、留言管理及评论管理等。在此主要介绍前台用户浏览模块，用户注册账号后，首先必需进行权限验证，防止未授权的用户非法登录。若未通过验证，则显示出错提示，并跳转到登录界面。若通过验证，则进入个人博客用户管理界面平台。用户可以浏览已发表的博文，并对其进行相应的操作；可以查看博文的评论信息并对其进行回复或者删除操作；可以发表新的日志；可以浏览个人博客的留言信息并对其进行相应的操作等；具体操作流程图如图41所示。用户进入浏览浏览方式选择博客直接选择日志检索日志在博客中选择日志在检索结果中选择日志将日志数据按照预先的组织形式展现给浏览者评论将日志评论保存到数据库结束图41前台用户管理模块流程图42功能模块划分功能模块主要分为前台管理系统跟后台管理系统两大模块,前台管理模块结构图如图42，后台博客管理系统功能结构图如图43所示。图42博客系统前台功能模块结构图图43博客信息系统后台功能结构图43功能模块介绍431前台功能模块介绍一、用户登录注册模块新用户注册账号进行登录成立并管理自己的博客。二、博文展示模块游客可以查看博主上的博文。注册的用户不仅可以查看其他博文，还可以发表自己的博文和修改。后台博客管理员个人信息管理公告管理相册管理修改用户修改密码添加用户修改公告删除公告发布公告浏览相册删除相册博客系统前台登录博文展示模块相册展示模块留言评论模块三、相册管理模块游客可以查看博主所上传的照片，通过注册的用户不仅可以查看其他博主上传的照片，自己也可以上传照片。四、留言评论模块游客可以进行对博主的博文进行评论发表留言，用户则可以查看游客的留言并进行回复。432后台功能模块介绍一、个人信息管理模块。本模块实现管理员得登录，修改密码，增添用户功能。其中，管理员登录时必须输入密码，系统会对信息进行有效的验证，如果用户名或密码出错将无法登录到后台进行数据管理。二、公告管理模块通过本模块，管理员可以快速地把公告进行发布，同时也可进行修改和删除。三、相册管理模块通过该模块，管理员可以轻松地删除照片。5系统的实现51数据库设计对于数据库应用系统来说，设计数据库是非常重要的，也是首要的工作。一般先设计系统数据库，然后才开始设计应用程序。本节主要描述如何设计系统数据库，首先分析数据库需求，确定需要创建哪些数据表及其他数据库对象，然后创建数据库、数据表以及数据库对象，最后进行数据库初始化操作，即系统运行时需要的初始数据。511数据库需求分析根据本系统功能需求，前台管理系统需要以下数据。博客信息管理系统涉及的实体包括（1）博客管理员用户ID、用户名称、用户密码、博客主题、说明、EMAIL、注册日期、发表日志数。（2）日志日志编号、日志标题、日志内容、类别编号、发表日期、最后修改日期、用户ID、浏览次数、评论数。（3）评论评论编号、评论标题、评论内容、发表日期、最后回复日期、评论人、日志编号。（4）留言留言编号、留言标题、留言内容、发表日期、最后回复日期、留言人、用户ID。综合本系统各子模块要实现的功能，通过前面对博客信息系统数据的分析可以得到用户表、日志表、日志评论表、留言表的数据库概念模型ER图。博客管理员ER图如图41所示。博客管理员ID用户名密码主题EMAIL说明发表日志数注册日期图41博客管理员ER图日志ER图如图43所示。日志ID日志标题日志内容类别ID发表时间所属博客ID浏览次数评论数最后修改时间图43日志ER图日志评论ER图如图44所示。日志评论ID评论标题评论内容发表时间评论者名字评论日志ID最后回复时间图44日志评论ER图留言ER图如图45所示。留言ID留言标题留言内容发表时间最后回复时间留言者名字博客ID图45留言ER图513系统数据表设计（1）用户表，此表主要用于保存用户的基本信息。其结构如表41所示。表41用户表列名含义类型长度缺省值允许空BLOGID用户编号INT4无否USERNAME用户名VARCHAR20无否PASSWORD用户密码VARCHAR20无否NICKNAME博客主题VARCHAR50无否DESCRIPTION博客描述VARCHAR100无是EMAIL电子邮件EMAIL50无否REGISTERTIME注册日期DATETIME8无否ARTICLENUM发表的日志数INT40否（2）日志表，此表主要用于保存日志的基本信息。其结构如表42所示。表42日志表列名含义类型长度缺省值允许空ARTICLEID日志编号INT4无否TITLE日志标题VARCHAR50无否CONTENT日志内容TEXT8无否CATEGORYID类别IDINT4无否PUBLISHTIME日志发表时间DATETIME8无否LASTMODIFYTIME日志最后修改时间DATETIME8无否BLOGID用户IDINT4无否READTIMES日志浏览次数INT40否FEEDBACKNUM日志评论数INT40否（3）日志评论表，此表主要用于保存日志评论的基本信息。其结构如表43所示。表43日志评论表列名含义类型长度缺省值允许空FEEDBACKID评论编号INT4无否TITLE评论标题VARCHAR20无否CONTENT评论内容TEXT8无否PUBLISHTIME发表时间DATETIME8无否USERNAME用户名VARCHAR20无否ARTICLEID日志IDINT4无否（4）留言表，此表主要用于保存留言的基本信息。其结构如表44所示。表44留言表列名含义类型长度缺省值允许空MESSAGEID留言编号INT4无否TITLE留言标题VARCHAR20无否CONTENT留言内容TEXT8无否PUBLISHTIME发表时间DATETIME8无否LASTMODIFYTIME最后回复时间DATETIME8无否USERNAME用户名VARCHAR20无否BLOGID用户IDINT4无否数据表在设计完成后，指定好各数据表主键、外键，通过SQLSERVER2000企业管理器中提供的新建数据库关系统图即可自动生成表与表之间的关系图。各个关联表之间通过设置好的外键连接在一起。514数据库初始化数据库和数据表创建之后，就需要进行初始化数据库。因为要登录系统时，需要注册用户账号，进行前台的登录管理，这就需要一个用户，所以要在用户表USERS中添加一条记录。启动数据库服务管理器，打开【企业管理器】窗口，在窗口左侧的服务目录树中，选择数据库BLOG。打开数据库BLOG，选择USERS表，单击右键。在弹出的快捷菜单中选择【打开表】【返回所有行】命令，打开数据浏览窗口。在该窗口中，添加一条记录，如图54所示。由于ID为标志列，它的列值是由SQLSERVER2000系统自动生成的，所以输入字段时，不必指定列ID的值。图54向数据表USERS中添加记录52系统的实现521前台系统系统的界面按照常规的WEB界面进行设计，设计的原则是界面友好，易于操作，容易上手，尽可能的贴切用户实际。博客信息管理系统前台首页图如图55所示图55博客信息系统前台主首页所有的网络用户都可以进入该首页进行登录、注册、浏览等相关的操作。在页面的上方是博客信息管理系统的导航列表，图中显示的导航栏目包括精彩博文、博客相册、新入博主、公告、博文搜索留言以及注册等。选择点击导航栏可以进入相关的模块界面。如游客查看博文图56图56查看精彩博文的页面游客进行留言如图57图57留言显示界面522前台系统当游客想拥有自己的博客时，必须要申请一个新的用户账号才能进行登录，经验证无误后才能对其博客进行操作。表58首页和主要页面列表文件名说明INDEXJSP前台主页界面REGJSP前台新用户注册界面NEWS发布博文PICEDITJSP添加相片USERTEXT修改用户资料USERPASS修改管用户密码USERNEWSJSP博文管理注册首页面如图59。图58用户注册首页面要实现此功能，必须先编写一段程序来获取服务器，包括服务器的名字，服务器端口等信息，具体如下主要代码用户注册用户名注册成功后，我们可以用我们的账号进行登录，新用户登录后的界面如图510。图510新用户登录界面核心代码今天是年月日欢迎您，亲爱的游客用户名密码用户可以在自己博客上进行发表博文如图511图511用户发表博文界面可以查看自己发表的博文，如图512，可对博文的留言进行查看和删除。图512发表博文查看界面主要功能代码如删除发布的博文，那此博文下的所有留言都将被删除“共有留言条查看“修改“删除博主还可以进行添加自己的相片如图513。图513添加相片管理界面选择所要看的照片，点击进入可以看到该照片的详细信息，如图514图514玫瑰花实现本功能的主要代码相片标题“相片说明6系统测评61测试目的系统测试是将已经确认的软件、计算机硬件、外设、网络等其他元素结合在一起，进行信息系统的各种组装测试和确认测试，其目的是通过与系统的需求相比较，发现所开发的系统与用户需求不符或矛盾的地方，从而提出更加完善的方案。它的的任务是尽可能彻底地检查出程序中的错误，提高系统的可靠性。62运行环境测试621JDK安装测试安装好JDK工具，设置好环境变量，必须测试JDK工具是否安装成功。在WINDOWSXP系统下点击【开始】、【运行】，输入CMD，如图61所示。接着分别输入JAVA、JAVAC,分别显示如图62、63，说明JDK安装成功。图61图62图63622TOMCAT安装测试安装好TOMCAT，配置好环境变量，启动TOMCAT服务器，接着在在浏览器输入HTTP/LOCALHOST8080/，若出现图64，说明TOMCAT使用的端口已经被占用。图64出现错误的TOMCAT首页面出现这种情况，可以用两种方法解决。方法一8080是TOMCAT服务器默认端口。可以通过修改TOMCAT55安装目录下的CONF子目录中的SERVERXML配置文件来更改端口号。用记事本打开SERVERXML文件，找到下列内容部分将PORT”8080”更改为PORT”80”