个人博客的设计与实现--大学论文.doc

学号 126308114 苏州市职业大学毕业设计题目 个人博客的设计与实现 学生姓名： 专业班级： 学院 (部)： 计算机工程学院 校内指导教师： 校外指导教师： 完成日期： 2015年 5月 摘 要：博客是互联网上的个人信息发布中心，每个人都可以把自己的想法和感受写成文章并随时更新到博客上去。自2000年博客进入中国以来，博客迅速发展起来，现在已经成为许多网民网络生活中一个重要组成部分。随着互联网的广泛应用，博客现在已经成为重要的信息传播方式，对人类信息传播与交流具有巨大的影响。自博客出现以来，拥有众多的追求者，不仅仅因为它是潮流的象征，而更多的是能够简便的表达个人的情感内容，以至于更好的进行人与人之间的交流。该网站分为前台和后台，用户可以查看文章并对文章发表意见等功能。本博客网站同时具有显示博主的所有文章及文章评论，发表文章评论，显示留言及发表留言，访问者登录等功能。关键词：博客 信息 网站 交流 JSP SQL2000 AbstractBlog is a personal publishing center on the Internet,everyone can put their thoughts and feelings down on paper and to update the blog up. Blog to enter China in 2000,has developed rapidly,has now become an important part of life to many Internet users in the network.With the widespread use of the Internet,the blog has now become an important information dissemination,have an enormous impact on human information dissemination and exchange.Since the blog appeared,with many suitors,not only because it is a symbol of the trend, and more convenient to be able to express their emotional content,so that a better exchange between people.With the rapid development of computer networks,the rapid rise of the blog,blog system has become the trend of the limelight networks emerging cultural systems.The new role of fashion blog network has knowledge of filtration and accumulation, or a depth of communication.Based on the many features blog in the rapid development of modern computer networks, understanding new things in network,learn new knowledge network,in-depth understanding of blog, is very necessary. Blog system as the carrier,and its design and implementation is also of great significance.The site is divided into front and back office,you van view articles and comment on articles and other features.The blog site also has displayed all the bloggers and review articles, published an article comment, display a message and leave a message, the visitor sign-on functionKeywords: blog information website exchange JSP SQL2000目 次1 引言11.1 博客概况11.1.1 博客的含义11.1.2 博客的现状21.2 开发环境简介21.2.1 Tomcat 6.0开发环境简介21.2.2 SQL Server 2000数据库简介21.2.3 JSP技术简介22 系统分析32.1 研究方法32.2 开发环境简介32.3 功能分析42.3.1 前台功能42.3.2 后台功能42.4 系统流程示意图53 系统设计73.1 系统体系结构73.2 主要功能设计74 数据库设计84.1 数据库概念设计84.1.1 数据库设计方法84.1.2 数据库设计步骤84.1.3 各实体的E-R图94.2 数据库逻辑结构设计114.2.1 数据表概要说明115 系统设计与实现125.1 登录界面设计125.2 前台首页设计125.2.1 前台主页说明135.2.2 前台首页的代码135.3 后台首页设计135.3.1 后台主页说明145.4 访问者登录的实现145.5 博主登录的实现165.6 列表显示发表的文章的实现175.7 查看文章详细内容的实现205.8 列表显示文章评论的实现225.9 发表文章评论的实现235.10 查看我的所有好友的实现255.11 给我留言的实现265.12 添加友情链接的实现275.13 发表文章的实现28结 论29致 谢30参 考 文 献311 引言博客的实质就在于分享，就是把自己的想法和观点分享给别人，对于阅读博客的而言同样是受益匪浅的，可以在博客中获得更多的启发和思考。随着新媒体革命的到来，人际交往愈来愈频繁，人们开始把自己有价值的一面展示在网络世界中相互沟通交流。人们在博客产生后学会把自己在生活遇到的事情通过文字的形式展现出来放在自己的博客中去,从而引起阅读博客的人的共鸣。在写博客的时候就会感受到一种满足感，一种想法得到了释放并得以延伸。人们在生活中无论遇到多小的事情，我们都会对小事所想法，在用文字描述的时候也会涌现出更多的灵感，有了更深层次的思考。将自己的一瞬间的想法通过文字展现出来的时候也是在自己的人生中留下的痕迹，博客的意义也在于此，让普通人都能分享并享受自己的生活，将生活中的一点一滴变成将来的回忆。博客在撰写的过程中也是生活记录的过程，让我们将自己的生活记录下来；整理思路，固化知识，获得更多更好的想法；将自己的想法、经验与人分享；通过交流产生更多的思维火花，相互提高。1.1 博客概况1.1.1 博客的含义博客是互联网上的个人信息交流中心，一般一个博客就是一个页面，是由许多短小且经常更新的帖子构成的，所有的文章都是按照日期排列的。每个博客都是人们对于生活的想法，尽管不是什么卓伟成就，但是人们可以随时将自己的灵感更新到博客上去，这也就是博客的魅力所在，每个人都可以享受自己的世界。1.1.2 博客的现状随着博客的快速发展，它之前的目的是浏览网页与现在的功能早已相去甚远，网络上众多的博主发表博客的目的与之前早已大相径庭。但是，由于博客的沟通方式比电子邮件、讨论群组而言更加简单和快捷，因而博客已成为家庭、公司和团队之间运用越来越广泛的沟通工具，它也逐渐被应用在Intranet中。1.2 开发环境简介1.2.1 Tomcat 6.0开发环境简介Apache Group在完成GNUJSP1.0的开发后，开始考虑在JSWDK的基础上开发一个可以直接提供web服务器的jsp服务器。Tomcat支持JSP、Servlet，而不支持J2EE的全部规范。Servlet和jsp的最新规范都可以在Tomcat的新版本中得到实现。Tomcat在商业中一般端口为80，在tomcat/conf/server.xml中进行配置。配置完成后就可以在浏览器中输入http:/localhost:8080查看网页内容。1.2.2 SQL Server 2000数据库简介SQL Server 2000 用以存放各种数据，为数据管理和分析带来了灵活性。它是真正的客户机/服务器结构，具有很好的伸缩性，不仅可以实现个人数据库的管理，更适合企业级数据库的应用。它丰富的XML和Internet标注支持使用内置的存储过程以XML格式轻松存储和检索数据。1.2.3 JSP技术简介JSP全名是Java Server Pages,也叫java服务器页面，是一种动态网页技术标准。它具有简单易用、面向对象、安全可靠、平台无关性、面向因特网等特点。2 系统分析2.1 研究方法本个人博客网站是基于B/S模式设计，以MyElipse为开发工具，以tomcat为服务器，以sql server 2000数据库来完成的。根据网站设计的步骤一步步对网站进行设计研究、需求分析、综合设计、测试运行、完成文档。该博客网站设计采用MVC模式进行设计，将数据库操作和业务处理放在JavaBean里进行。2.2 开发环境简介硬件平台：1）CPU：Pentium 4 1.8GHz2）内存：256MB以上软件平台：1）操作系统：Windows 2003/Windows XP/Windows 20002）数据库：SQL server 20003）开发工具包：JDK 1.64）Web服务器：Tomcat 6.05）浏览器：IE 5.0，推荐使用IE 6.06）显示器分辨率：最佳效果：1024*768像素2.3 功能分析2.3.1 前台功能(1)我的文章显示发表的文章、文章的内容、文章评论等(2) 管理博客文章管理、推荐文章、好友管理、友情链接(3) 访问者登录具有访问浏览文章内容的功能，不能对博客进行管理(4) 给我留言给访问的博客进行留言(5) 加为好友加博客的博主为好友2.3.2 后台功能(1) 文章管理主要是删除、修改文章，查看、删除评论，发表文章等(2) 推荐文章浏览、添加推荐文章(3) 好友管理浏览、删除好友(4) 友情链接浏览、添加好友链接，可直接通过链接访问好友的博客(5) 留言管理删除留言，将自己所不想看到的留言删除2.4 系统流程示意图 对于不同的角色，其承担的任务也各不相同，流程示意图也不一样，包括面向访问者的客户端流程示意图和面向博主的流程示意图。 面向访问者的客户端流程如图2-1,用户在登录网站首页后，可以查看、浏览文章，给博主留言等。图2-1 面向访问者的流程图 面向博主的客户端的流程如图2-2，博主在登录后台页面后，可以对博客文章、好友信息、留言等进行管理。图 2-2 面向博主的流程图3 系统设计3.1 系统体系结构基于B/S结构的个人博客网站系统,应由终端、WEB服务器、数据服务器构成。个人博客网站的核心是中间的接入服务器和应用服务器部分。3.2 主要功能设计博客网站分为前台和后台两部分，前台分为我的文章、管理博客、访问者登录、给我留言、加为好友等部分，后台分为文章管理、推荐文章、好友管理、友情链接、留言管理等部分。图 3-1 博客网站功能结构图4 数据库设计4.1 数据库概念设计4.1.1 数据库设计方法早期数据库设计主要采用手工试凑法，这种方法与设计人员的经验和水平有直接联系，因缺乏科学理论和工程方法的支持，设计质量难以保证，常常是数据库投入使用后才发现问题，不得不进行修改甚至重新设计，加大了系统的维护成本。通过不断的探索和实践，人们提出了各种数据库设计方法，这些方法运用软件工程的思想和方法，并提出了各种设计准则和规程，都属于规范化设计方法。具体方法如下：新奥尔良方法。该方法把数据库设计分为四个阶段：需求分析、概念设计、逻辑设计和物理设计。4.1.2 数据库设计步骤 图 4-1 数据库设计的步骤图4.1.3 各实体的E-R图(1)用户信息实体属性E-R图中包括用户的姓名、性别、密码、主页内容、用户的ID等信息资料。 图4-2 用户信息实体属性E-R图(2) 博客文章信息实体属性E-R图中包括文章的题目、文章的内容、文章的发布时间、文章的访问次数。 图4-3 博客文章信息实体属性E-R图(3)博客文章评论实体属性E-R图中包括文章评论的发表者、评论的的具体内容、评论的发表时间等。 图4-4 博客文章评论实体属性E-R图(4) 推荐文章实体属性E-R图中包括推荐文章的标题、推荐文章的链接地址、推荐文章的发表时间等。 图4-5 推荐文章实体属性E-R图(5) 好友实体属性E-R图中包括好友的姓名、博客名、访问次数。 图 4-6 好友实体属性E-R图4.2 数据库逻辑结构设计本系统采用SQL Server 2000数据库,系统数据库名称为db_Blog，db_Blog中包含7张表。4.2.1 数据表概要说明 图4-6 数据表树形结构图5 系统设计与实现5.1 登录界面设计个人博客网站的登录界面就是用户登录的地方，是网站的首页面，用户在登录界面输入用户名和密码后就能登录，从而实现网站内部的功能。如果是访问者则可以查看博主所发表的文章内容，不能对文章进行管理，只有浏览的权限；如果是博主则可以进入后台对博客具有管理功能。5.2 前台首页设计进入welcome.jsp首页,在该页面中可以查看所有已注册的用户名称,登录其中的一个用户即可进入IndexTemp.jsp个人博客网站主页。图5-1 前台首页5.2.1 前台主页说明表5-1 前台主页说明表名称说明对应文件页头主要显示网站的LOGO图片以及其他功能链接top.jsp侧栏主要用于显示博主个人信息,管理博客，给我留言等功能left.jsp内容显示区主要用于显示对各种功能所相对应的内容默认为default.jsp页尾显示系统的所属对象end.jsp5.2.2 前台首页的代码5.3 后台首页设计用户通过单击“管理博客”功能选项后就可以进入网站的后台主页面AdminTemp.jsp，后台首页运行如图5-2。图5-2 后台主页面5.3.1 后台主页说明表5-2 后台主页说明表名称说明对应文件页头主要显示后台的LOGO图片以及功能链接top.jsp侧栏主要用于显示功能菜单left.jsp内容显示区主要用于显示对各种功能相对应的内容默认为default.jsp页尾显示系统的所属对象end.jsp5.4 访问者登录的实现用户进入某个博客后，在实现页头的top.jsp页面中提供了一个“访问者登录”的超链接。通过单击该超链接可在一个新的窗口显示访问者登录界面。图5-3 访问者登录界面1） 查看“访问者登录”超链接的代码访问者登录2）创建实现登录界面的JSP文件3) 在web.xml文件中进行配置5.5 博主登录的实现用户在进入博客时，选择“管理博客”选项时，就可以选择是否是博主登录的请求，或者在用户在进入首页面时可以通过选择“我的博客”选项时进入博主登录的请求。用户在通过“我的博客”或者“管理博客”请求博主登录时，两者的情况是不一样的，登录成功后的进入页面是不一样的。用户是在网站的首页触发的博主登录请求，那么登录成功后将进入个人博客的首页；否则，当用户实在个人博客的首页中通过单击“管理博客”菜单触发的博客登录请求，那么登录成功后进入个人博客的后台管理首页。另外，如果用户请求的是登录到后台，那么判断博主登录成功，需要进行如下考虑：判断当前访问的用户是否登录，若已经登录，则继续判断该用户是否为所访问博客的博主，如果是，则博主登录后台成功，进入后台首页面，如果不是，则进入提示页面提示用户；若当前访问的用户没有登录，则查询该用户是否存在，若不存在则进入提示页面登录失败信息，若有则继续判断该用户是否为所访问博客的博主，是博主进入后台首页面，不是则进入页面提示登录失败信息。1) 创建实现登录界面的JSP文件2)在web.xml文件中进行配置5.6 列表显示发表的文章的实现用户选择“我的文章”功能时，就会看到博主所发表的所有文章，包括：文章标题、文章发表时间、文章的部分内容、文章的阅读次数和文章评论数。选择某篇文章后可以查看到文章的全部内容和文章评论的具体内容。如图5-4图5-4 列表显示我的所有文章1） 查看功能菜单中“我的文章”超链接的代码2） 创建用于保存文章信息的JavaBean3） 创建接收并处理请求的Servlet类4） 创建列表显示我的文章的JSP页面5） 在web.xml文件中进行请求与处理类的配置5.7 查看文章详细内容的实现用户在查看某篇文章时，可以选择“阅读全文”或者单击文章标题来查看文章的全部详细内容和该文章的评论。图5-5 文章详细内容1） 在ArticleDao中创建获取文章详细内容的方法2） 创建显示文章详细内容的singleShow.jsp页面3） 在web.xml文件中将请求与Servlet处理类进行配置5.8 列表显示文章评论的实现列表显示文章的评论包括：显示最新发表的前5条评论和按照评论发表时间升序排列并分页显示所有评论。其中，当查看某个文章的详细内容后，程序在进行响应时会同时显示出该文章的最新前5条评论，而当用户单击左侧图片超链接时就会显示所有评论。1） 显示文章的最新前5条评论的实现2） 显示文章的所有评论5.9 发表文章评论的实现 用户在登录账号后，查看博主文章内容后，可以对文章内容进行评论，也可以选中“匿名发表”无需登录就可评论，发表评论的界面如图5-6。图5-6 发表评论界面1） 在ArtReviewDao 类中创建insert()方法实现评论的添加2） 实现发表评论界面的代码如下：3） 在ArtReviewServlet类中创建doReview()方法处理发表评论请求4) 在web.xml文件中将请求与Servlet处理类进行配置5.10 查看我的所有好友的实现可以在这个页面看到博主所添加的所有好友的姓名、博客名、访问次数。如图5-7图5-7 我的好友实现查看我的好友界面的代码如下：5.11 给我留言的实现 可以给博主进行留言，也可匿名留言。如图5-8图5-8 给我留言实现给我留言的代码如下：5.12 添加友情链接的实现 添加友情链接时设置添加友情链接的标题和地址。如图5-9图5-9 添加友情链接实现添加友情链接的代码如下：5.13 发表文章的实现 在发表文章时设置发表文章的标题和内容。如图5-10图5-10 发表文章实现发表文章的代码如下：结 论本个人博客网站已经全部完成，但仍然存在着一些问题，例如整个网站是否可以添加更多的功能，外观设计是否可以更加美观，用户之间是否可以进行在线交流，以及用户资料的保密性和考虑等问题，都可以进行更为细致的完善。在这几个月的详细设计、修改和测试运行的过程中得到了老师的认真指导和同学的不断帮助，使我能够顺利的解决了很多的疑难问题。同时我也学到了许多之前所没有涉及的知识，使我对自己所掌握的理论知识有了更加深刻的理解，认识到理论和实践相结合的重要性。所谓的“实践出真知”并不是一句简单的话，蕴藏着深刻的含义，只有将理论和实践完美的结合才能更加有利于我们对于理论知识的理解。“纸上谈兵”是没有用的，只有不断实践才能知道自身的不足所在，提高自身的动手能力。我们即将进入社会，在工作中我们需要将所学的知识活学活用才能不辜负我们学到的知识。完善设计，使得理论知识更为充沛，实践能力更为完善。致 谢三年时光匆匆而过，进入大学以来，无论是任课老师还是班主任都给予了我很多帮助。在我们即将走出校园迈入社会之际，非常感谢各位老师，让我度过了这难忘的三年大学生活。大学生活如此的美好，我收获了很多，无论是学到的知识和还是生活中的回忆都使我难以忘怀。在本次的毕业设计中，李璐老师给予了我很大的帮助，无论是刚开始的毕业设计的方向选定还是设计过程中出现的各种问题，还有在论文撰写中的不理解，他都对我们进行了耐心的指导。他给我们提供了许多建议和资料，告诉我们应该注意的种种问题，并帮助我们解决了很多的问题。通过本次设计的学习和探索，让我们学习到的知识得到了更进一步的完善，使我认识到遇到困难并不可怕，可怕的是恐惧困难，不敢于去面对困难，这些都让我受益匪浅。同时也感谢三年以来一直陪伴我的同学、朋友们，在学习上，我们互相学习、互相帮助，学会了配合，知道了团队和团结的重要性；在生活中，我们知道了友情的重要性，度过了许多难忘的时光。感谢学校三年来对我的培养，感谢父母多年来的关爱！参 考 文 献1 明日科技，JSP网络开发实例自学手册.人民邮电出版社,2008年2 杨学全，程茂等.JSP编程技术. 北京:清华大学出版社,2012年3 高云，崔艳春.SQL Server 2008数据库技术实用教程.北京: 清华大学出版,2011 年4 刘晓华，周慧珍.JSP应用开发详解.电子工业出版社，2007年5 唐国友，湛洪波.JSP网站开发详解.电子工业出版社，2008年6 曹衍龙，徐慧，汤倩.JSP网络开发实用工程案例. 北京：人民邮电出版社，2008年第 31 页 共 31 页