个人博客是人们在网络上展现自己个性的一种方式。自从互联网走进千家万户，大受人们喜爱。大家都喜欢通过网络来获取各种各样的信息。而在网络上，你也可以畅所欲言，而个人博客也是其中一种。在个人博客上，你可以发表自己的心路旅程，发表自己的工作经验，发表技术博客等等。

首先介绍一下什么是博客，它也被称为网络日志。博客其实就是一个网页，它是由各种各样的帖子组成。这些帖子可以是你某一天观看电影的感慨，也可以是阅读到某篇书籍的读后感，更可以是你在自己技术领域的心得。它就是一个网页，但是大家可以在上面用文字或者图片分享自己的心情等，它提供的内容可以用来进行交流。

博客最开始的时候是论坛下的一个子系统。最早参与博客的都是一些信息技术的一些专家和学者，讨论的都是专业技能。直到发现了博客的商业价值，一些开放了自发式的博客，大家也都发现了博客分享和讨论的趣味。越来越多的人参与进来，博客也越来越风靡盛行。

博客与论坛有许多的相似之处，许多朋友都分不清他们两的区别。首先，论坛和博客都可以进行交友和交流等。而其中论坛注重的是集体讨论，博客注重的是个人分享。它们两者的核心点就有着很大的区别。论坛的创建的用户是基于为众人服务，而博客是为了博主服务。它们的不同点还有在形式上的不同。博客是独立存在的。而论坛并不是。总结起来，论坛是多人一起交流的地方，互动性强，社交性强。博客是发表个人文章的地方，虽然也可以交流，但更多的还是自娱自乐。

软件系统体系结构分为两种，是客户机/服务器结构和浏览器/服务器结构。其中的浏览器/服务器结构就是B/S结构。

C/s模式：是客户端/服务器(Client/Server)模式，主要指的是传统的桌面级的应用程序。比如我们经常用的信息管理系统。

B/S模式：是浏览器/服务器(Browser/Server)模式，主要指的是web应用程序，就像电子商务网站，如淘宝，阿里巴巴等。相对于C/S模式的应用程序来说，B/S模式最大的优势在于客户端只要有浏览器就可以运行。而C/S模式的应用程序需要在客户端进行安装，而且升级也不太方便。而B/S模式的应用程序对于客户端来说，永远都是最新版本的。

个人博客系统开发结合个人需求而开发，能解决用户可以通过互联网来展现自己等诸多问题，因此该项目符合开发条件，具有成熟的基础，并且，从前面的分析来看，技术上的操作是十分成熟并且开源免费广为人们使用，从系统的操作上是可行的。

图4-1  系统流程图

本个人博客系统分为两个角色，分别是博主和游客。只有博主才能登录后台管理系统，进行博客发表。

1.首先要通过用户名和密码登录后台管理系统，才能发布博客。

2.博主和游客都可以阅读博客。

3.博主和游客都可以发表评论。

4.经过博主的评论审核，评论才可以发布。

5.此时博主和游客才可以观看到评论。

图4-2博主用例图

博主的功能简介：

1.登入功能

登入后台管理系统：首先进入登录页面，需要输入账号和密码。它会使用Shiro进行安全管理，对前台输入的密码进行加密运算，然后与数据库中的进行比较。成功后才能登入后台系统。

1. 博客管理功能

博客管理功能分为写博客和博客信息管理。写博客是博主用来发表编写博客的，需要博客标题，然后选择博客类型，最后将博客内容填入百度的富文本编辑器中，点击发布博客按钮即可发布博客。

1. 博客类别管理系统

博主类别管理系统可以添加，修改和删除博客类型名称和排序序号。将会显示到首页的按日志类别区域。游客可以从这里查找相关的感兴趣的博客内容。

4.评论管理功能

评论管理功能分为评论审核和评论信息管理两部分。评论审核是当有游客或自己发表了评论之后，博主需要在后台管理系统中审核评论。若想将此评论显示在页面上则点击审核通过，否则点击审核不通过。

5.个人信息管理功能

在这里可以修改博主的个人信息，可以修改昵称，个性签名，可以添加个人头像，修改个人简介。

6.系统管理功能

这里的功能有友情链接管理，修改密码，刷新系统缓存和安全退出。

友情链接管理可以添加，修改，删除友情链接网址。

图4-3游客用例图

图4-4博客类图

本系统主要功能和模块的JavaBean主要集中博客、博客类型、评论、友情链接这四个类。

一、博客类

1.功能

用于存储博主发表的博客的一些信息

2.属性

id; // 编号                                                        

title; // 博客标题                                                     

summary; // 摘要                                                    

leaseDate; // 发布日期                                                

clickHit; // 查看次数                                                

replyHit; // 回复次数                                                

content; // 博客内容                                                  

contentNoTag; // 博客内容 无网页标签 Lucene分词用                             

blogType; // 博客类型                                               

blogCount; // 博客数量 非博客实际属性，主要是 根据发布日期归档查询博客数量用                   

releaseDateStr; // 发布日期字符串 只取年和月                                  keyWord; // 关键字                                              

3.方法

都是属性对应的setter,getter方法

二、博客类型类

1.功能：对博客进行分类，将博客分为几大类型

2.属性： 

id; // 编号        

userName; // 用户名  

password; // 密码   

nickName; // 昵称   

sign; // 个性签名     

proFile; // 个人简介  

imageName; // 博主头像

3.方法：

对应的setter,getter方法

三，评论类：

1.功能：对博客评论数据保存。

2,。属性：

id; // 编号                           

userIp; // 用户IP                      

content; // 评论内容                     

blog; // 被评论的博客                        

commentDate; // 评论日期                   

state; // 审核状态  0 待审核 1 审核通过 2 审核未通过

3.方法：

对应的setter,getter方法

四．友情链接类

1.功能：可以保存页面上的友情链接网址。 

2.属性：

id; // 编号              

linkName; // 链接名称       

linkUrl; // 链接地址        

orderNo; // 排序序号 从小到大排序

3.方法：

对应的setter,getter方法。

4.5 E-R图

图4-5博客E-R图

博客类的关系模式如下(加下滑线的是主键)：

博客(编号，博客标题，摘要，发布日期，查看次数，博客类型，关键字，博客内容)。

图4-6博主E-R图

博主类的关系模式如下(加下滑线的是主键)：

博主实体(编号，用户名，密码，昵称，个性签名，个人简介，博主头像)。

图4-7博客类型E-R图

博客类型类的关系模式如下(加下滑线的是主键)：

博客类型实体(编号，博客类型名称，数量，排序)。

图4-8评论E-R图

评论类的关系模式如下(加下滑线的是主键)：

评论实体(编号，用户IP，评论内容，被评论的博客，评论日期，审核状态)。

图4-9友情链接E-R图

友情链接类的关系模式如下(加下滑线的是主键)：

友情链接实体(编号，链接名称，链接地址，排序序号)。

系统总共有五张表，分别是博客表，博主表，博客类型表，评论表，友情链接表。如下所示：

表4-1 t_blog表

表4-2 t_blogger表

表4-3 t_blogtye表

表4-4 t_comment表

表4-5 t_link表

登入系统后台管理登录页面，博主首先输入用户名和密码，它回去调用Controller层代码，然后进入业务层调用数据库的一些操作确认是否用户名密码正确，然后返回到前台就会登进去。

登录首页模块主要代码：

JSP代码：

使用form表单提交到后台进行数据验证：

<form action="${pageContext.request.contextPath}/blogger/login.do" method="post" οnsubmit="return checkForm()">

<DIV style="width: 165px; height: 96px; position: absolute;">

<DIV class="tou">

</DIV>

<DIV class="initial_left_hand" id="left_hand">

</DIV>

<DIV class="initial_right_hand" id="right_hand">

</DIV>

</DIV>

<P style="padding: 30px 0px 10px; position: relative;">

<SPAN class="u_logo"></SPAN>

<INPUT id="userName" name="userName" class="ipt" type="text" placeholder="请输入用户名" value="${blogger.userName }">

    </P>

<P style="position: relative;">

<SPAN class="p_logo"></SPAN>         

<INPUT id="password" name="password" class="ipt"  type="password" placeholder="请输入密码" value="${blogger.password }">   

   </P>

<DIV style="height: 50px; line-height: 50px; margin-top: 30px; border-top-color: rgb(231, 231, 231); border-top-width: 1px; border-top-style: solid;">

<P style="margin: 0px 35px 20px 45px;">

<SPAN style="float: left;"><a href="${pageContext.request.contextPath}/index.html">Java个人博客系统</a></SPAN>

<span><font color="red" id="error">${errorInfo }</font></span>

        <SPAN style="float: right;">

              <input type="submit" value="登录"/>

         </SPAN>         

         </P>

    </DIV>

</DIV>

</form>

使用javascrip对输入的博主用户名和密码进行校验，若用户名或密码为空，提示错误信息来提醒用户， 用户再去查找错误。

function checkForm(){

var userName=$("#userName").val();

var password=$("#password").val();

if(userName==null||userName==""){

$("#error").html("用户名不能为空！");

return false;

}

if(password==null||password==""){

$("#error").html("密码不能为空！");

return false;

}

return true;

}

java代码：使用MVC框架，对后台数据和前台form表单提交的数据进行交互                              

@Controller

@RequestMapping("/blogger")

public class BloggerController {

@Resource

private BloggerService bloggerService;

/**

 * 用户登录

 * @param blogger

 * @param request

 * @return

 */

@RequestMapping("/login")

public String login(Blogger blogger,HttpServletRequest request){

Subject subject=SecurityUtils.getSubject();

UsernamePasswordToken token=new UsernamePasswordToken(blogger.getUserName(), CryptographyUtil.md5(blogger.getPassword(), "java1234"));

try{

subject.login(token); // 登录验证

return "redirect:/admin/main.jsp";

}catch(Exception e){

e.printStackTrace();

request.setAttribute("blogger", blogger);

request.setAttribute("errorInfo", "用户名或密码错误！");

return "login";

}

博客管理管理模块为个人博客系统的用户（即博主）提供写博客和博客信息管理功能。在个人博客系统的首页上的博客就是从这里进行发布的。博客管理包含

新建：対博客的新建，博客可以含有图片，视频，音频附件。新建博客必须要有博客标题，博客类别自己选择所需要的博客类别，然后填入博客内容，最后发表文章。

搜索：在博客信息管理中，可以输入自己想要搜索的博客信息，系统会自动筛选出适合的博客展现给用户。

修改： 点击你想要修改的博客，系统会弹出修改博客页面，之后博客的标题，所属的博客类型，博客内容等都可以修改。

删除： 该系统支持单个删除和批量删除。

图4-1查询博客时序图

按条件查询博客,调用控制层的list方法,在其中调用服务层list方法，返回  blog集合：List<Blog> list。获得集合后使用方法把查询到符要求的数据传到前台，在前台对数据进行处理。中心代码如下：                   

@RequestMapping("/list")

public String list(@RequestParam(value="page",required=false)String page,@RequestParam(value="rows",required=false)String rows,Blog s_blog,HttpServletResponse response)throws Exception{

PageBean pageBean=new PageBean(Integer.parseInt(page),Integer.parseInt(rows));

Map<String,Object> map=new HashMap<String,Object>();

map.put("title", StringUtil.formatLike(s_blog.getTitle()));

map.put("start", pageBean.getStart());

map.put("size", pageBean.getPageSize());

List<Blog> blogList=blogService.list(map);

Long total=blogService.getTotal(map);

JSONObject result=new JSONObject();

JsonConfig jsonConfig=new JsonConfig();

jsonConfig.registerJsonValueProcessor(java.util.Date.class, new DateJsonValueProcessor("yyyy-MM-dd"));

JSONArray jsonArray=JSONArray.fromObject(blogList,jsonConfig);

result.put("rows", jsonArray);

result.put("total", total);

ResponseUtil.write(response, result);

return null;

}

图4-2 新建博客时序图

点击写博客进入博客发布界面，填写博客内容信息，点击发布博客，提交到控制层的save方法，传入参数：Blog，该参数包含了该博客所有信息内容，在提交的时候使用javascript对博客的内容进行校验。校验成功后便会调用控制层的方法，在控制层的save（）方法中调用服务层的add（）方法，对该博客进行保存，持久到数据库中。部分代码如下

public String save(Blog blog,HttpServletResponse response)throws Exception{

int resultTotal=0; // 操作的记录条数

if(blog.getId()==null){

resultTotal=blogService.add(blog);

blogIndex.addIndex(blog); // 添加博客索引

}else{

resultTotal=blogService.update(blog);

blogIndex.updateIndex(blog); // 更新博客索引

}

JSONObject result=new JSONObject();

if(resultTotal>0){

result.put("success", true);

}else{

result.put("success", false);

}

ResponseUtil.write(response, result);

return null;}

图4-3 修改博客时序图

进入博客修改页面，修改博客内容信息，点击发布博客，提交到控制层的save方法，传入参数：Blog，该参数包含了修改后的博客所有信息内容，在提交的时候使用javascript对博客的内容进行校验。校验成功后便会调用控制层的方法，在控制层的save（）方法中调用服务层的update（）方法，对该博客进行保存，持久到数据库中。部分代码如下

@RequestMapping("/save")

public String save(Blog blog,HttpServletResponse response)throws Exception{

int resultTotal=0; // 操作的记录条数

if(blog.getId()==null){

resultTotal=blogService.add(blog);

blogIndex.addIndex(blog); // 添加博客索引

}else{

resultTotal=blogService.update(blog);

blogIndex.updateIndex(blog); // 更新博客索引

}

JSONObject result=new JSONObject();

if(resultTotal>0){

result.put("success", true);

}else{

result.put("success", false);

}

ResponseUtil.write(response, result);

return null;}

图4-4 删除博客时序图

在博客管理页面选择需要删除的博客，点击删除按钮，提交到控制层的delete方法，传入参数：需要删除博客的id，调用控制层的方法，在控制层的delete（）方法中调用服务层的delete（）方法，对该博客或多个博客进行删除，持久到数据库中。部分代码如下:

@RequestMapping("/delete")

public String delete(@RequestParam(value="ids")String ids,HttpServletResponse response)throws Exception{

String []idsStr=ids.split(",");

for(int i=0;i<idsStr.length;i++){

blogService.delete(Integer.parseInt(idsStr[i]));

blogIndex.deleteIndex(idsStr[i]); // 删除对应博客的索引

}

JSONObject result=new JSONObject();

result.put("success", true);

ResponseUtil.write(response, result);

return null;

}

图4-5 添加博客类型时序图

在博客类别管理页面打开添加博客类别弹窗，填写博客类别名称和排序，点击保存按钮，提交到控制层的save方法，传入参数：需要添加的博客类型blogType，调用控制层的方法，在控制层的save（）方法中调用服务层的add()方法，添加博客类别的相关信息，持久到数据库中。部分代码如下:

@RequestMapping("/save")

public String save(BlogType blogType,HttpServletResponse response)throws Exception{

int resultTotal=0; // 操作的记录条数

if(blogType.getId()==null){

resultTotal=blogTypeService.add(blogType);

}else{

resultTotal=blogTypeService.update(blogType);

}

JSONObject result=new JSONObject();

if(resultTotal>0){

result.put("success", true);

}else{

result.put("success", false);

}

ResponseUtil.write(response, result);

return null;

}

图4-6 修改博客类型时序图

在博客类别管理页面先选择要修改的数据，点击修改按钮，打开修改博客类别弹窗，填写修改后博客类别名称和排序，点击保存按钮，提交到控制层的save方法，传入参数：需要添加的博客类型blogType，调用控制层的方法，在控制层的save（）方法中调用服务层的update()方法，修改博客类别的相关信息，持久到数据库中。部分代码如下:

@RequestMapping("/save")

public String save(BlogType blogType,HttpServletResponse response)throws Exception{

int resultTotal=0; // 操作的记录条数

if(blogType.getId()==null){

resultTotal=blogTypeService.add(blogType);

}else{

resultTotal=blogTypeService.update(blogType);

}

JSONObject result=new JSONObject();

if(resultTotal>0){

result.put("success", true);

}else{

result.put("success", false);

}

ResponseUtil.write(response, result);

return null;

}

图4-7 删除博客类型时序图

在博客类别管理页面先勾选上要删除的数据，点击删除按钮，提交到控制层的delete方法，传入参数：需要删除的博客类型的id(可以是多个)，调用控制层的方法，在控制层的delete（）方法中调用服务层的delete()方法，删除博客类别的相关信息，持久到数据库中。部分代码如下:

/**

 * 删除博客类别信息

 * @param ids

 * @param response

 * @return

 * @throws Exception

 */

@RequestMapping("/delete")

public String delete(@RequestParam(value="ids")String ids,HttpServletResponse response)throws Exception{

String []idsStr=ids.split(",");

JSONObject result=new JSONObject();

for(int i=0;i<idsStr.length;i++){

if(blogService.getBlogByTypeId(Integer.parseInt(idsStr[i]))>0){

result.put("exist", "博客类别下有博客，不能删除！");

}else{

blogTypeService.delete(Integer.parseInt(idsStr[i]));

}

}

result.put("success", true);

ResponseUtil.write(response, result);

return null;

}

图4-8显示博客类型时序图

在打开博客类别管理页面时，调用控制层的list方法，传入参数：当前页数和每页数量，调用控制层的方法，在控制层的list（）方法中调用服务层的list()方法，从数据库中查询到博客类别信息，然后将博客类别的相关数据渲染页面上。部分代码如下:

@RequestMapping("/list")

public String list(@RequestParam(value="page",required=false)String page,@RequestParam(value="rows",required=false)String rows,HttpServletResponse response)throws Exception{

PageBean pageBean=new PageBean(Integer.parseInt(page),Integer.parseInt(rows));

Map<String,Object> map=new HashMap<String,Object>();

map.put("start", pageBean.getStart());

map.put("size", pageBean.getPageSize());

List<BlogType> blogTypeList=blogTypeService.list(map);

Long total=blogTypeService.getTotal(map);

JSONObject result=new JSONObject();

JSONArray jsonArray=JSONArray.fromObject(blogTypeList);

result.put("rows", jsonArray);

result.put("total", total);

ResponseUtil.write(response, result);

return null;

}

图4-9审核评论时序图

博主在后台页面打开评论管理页面，选择需要审核的评论，点击审核通过按钮，调用controller层的review方法，controller层调用service层的update方法，将评论的状态字段改为对应的代表通过审核的1，如果点击不通过那就是2.然后调用dao层的update方法持久化到数据库中，相关的代码如下：

/**

 * 评论审核

 * @param comment

 * @param response

 * @return

 * @throws Exception

 */

@RequestMapping("/review")

public String review(@RequestParam(value="ids")String ids,@RequestParam(value="state")Integer state,HttpServletResponse response)throws Exception{

String []idsStr=ids.split(",");

for(int i=0;i<idsStr.length;i++){

Comment comment=new Comment();

comment.setState(state);

comment.setId(Integer.parseInt(idsStr[i]));

commentService.update(comment);

}

JSONObject result=new JSONObject();

result.put("success", true);

ResponseUtil.write(response, result);

return null;

}

图4-10删除评论时序图

博主在后台打开评论管理页面，选择需要删除的评论，点击删除按钮。调用controller层的delete方法，在其中的方法中调用业务逻辑层的实现方法，然后调用dao层的方法，最后持久化到数据库中，相关的代码如下：

/**

 * 删除评论信息

 * @param ids

 * @param response

 * @return

 * @throws Exception

 */

@RequestMapping("/delete")

public String delete(@RequestParam(value="ids")String ids,HttpServletResponse response)throws Exception{

String []idsStr=ids.split(",");

for(int i=0;i<idsStr.length;i++){

commentService.delete(Integer.parseInt(idsStr[i]));

}

JSONObject result=new JSONObject();

result.put("success", true);

ResponseUtil.write(response, result);

return null;

}

浏览器的网址输入框中输入正确的地址既可以看到系统前台页面:

图5-1前台展示页面 

在前台首页可以点击登录后台按钮可以登录到后台管理页面，在后台管理页面可以进行博客管理，博客类别管理，评论审核和个人信息管理还有系统管理。但是首先要获取用户名和密码，拥有博主权限才可以进入到后台管理页面，首先输入用户名：admin，然后输入密码: 123。结果有两种，一种是密码正确成功登录，另外一种是不成功，登录失败，若是失败，则会在页面上打出红色字体：用户名或密码错误。

如下图所示：

图5-2后台登录页面

登录成功后，可以进入到后台管理页面，在这个页面，博主可以管理博客，可以新增博客，可以删除修改博客，也可以管理评论等等。

图5-2后台管理页面

测试写博客：

图5-3写博客页面

点击发布博客按钮，发布成功。

第七章 总结

经过了几个月的辛苦，个人博客系统基本完成。从最开始的束手无策，经过了老师和同学们的帮助下慢慢进入状态。历经了很多辛苦和难点，都一一针对性的去解决，一步一步脚踏实地慢慢对待，现在完成了毕业设计，我在这个过程中学习到了很多，发现了自己在技术上的不足和缺点。我在毕业设计中留下许多美好的回忆和感动。

首先，在选题上我的导师给予很大的帮助。还有在遇到难点的时候我的同学给予了我很多帮助。而在完成了毕业设计后，我还感觉到了许多的不足之处。例如我的博客系统还可以添加许多功能，可以添加多用户之类的。所以在接下来的日子里，我需要更加努力的学习。

三、系统功能实现

1）登陆界面

在登录按钮添加监听事件，在博主输入账号密码点击登录后，终端首先执行login（）方法，此方法是根据用户在前台界面输入的用户名、密码来到数据查找是否有匹配的数据，若有则返回所匹配的对象，若没有则返回空，接下来则是校验验证码是否正确，若不正确则前台提示错误信息，若正确则继续判断从数据库查找后返回的对象是否为空，若为空则前台提示错误信息，若不为空则登录成功，界面跳转到主页。

 图1 后台登录界面

2）管理员主界面

管理员界面，是将管理员的一些操作展现在主界面上，进行不同的页面跳转，进行业务转换，通过JDBC进行后台数据的操作，

• 总结

历时几个多月的紧张学习和工作，我的毕业设计终于如期、顺利的完成了。

经过本次的毕业设计，使我学习到了有关JSP的知识和MySQL数据库的知识，使我了解脚本语言对JSP的重要，及应用JSP的JDBC驱动程序调用数据库。在这次设计过程中，培养了我的自学能力，在遇到技术困难的时候，能够认真的对待，永不放弃，无论是查看各种书籍还是到图书馆中查找各种资料，想尽一切办法将这个问题解决。我总结了很多的JSP编程经验，这将在以后的学习生活中有很大的帮助。

我设计的个人博客系统，虽然界面有点粗糙，但技术含量还算高，例如：可以实现各种信息的管理和查询浏览，当然，由于时间短，加上自己是初学，所以本系统还存在不足，这些都需要在以后的学习过程中加以改进。