李白的个人博客系统的设计与实现

湖南商务职业技术学院毕业设计

目录

1引言1

1.1项目开发背景1

1.2开发技术简介1

1.2.1SpringCore简介1

1.2.2SpringMVC简介1

1.2.3SpringData简介1

1.2.4HTML/CSS/JavaScript简介2

1.3开发工具简介2

2需求分析2

2.1功能需求描述2

2.2非功能需求描述2

2.3需求用例建模3

2.3.1登录模块的用例3

2.3.2评论模块的用例5

2.3.3前台模块的用例7

2.3.4后台模块的用例11

3系统概要设计14

3.1系统设计原则14

3.2系统框架设计14

3.3系统功能设计15

3.3.1登录模块功能设计16

3.3.2前台模块功能设计16

3.3.3评论模块功能设计17

3.3.4后台模块功能设计18

3.4数据库设计19

3.4.1设计原则19

II

湖南商务职业技术学院毕业设计

3.4.2概念设计19

3.4.3逻辑设计20

3.4.4数据字典20

4系统详细设计22

4.1登录模块设计22

4.1.1登录模块说明22

4.1.2登录模块详细设计23

4.2前台模块设计24

4.2.1前台模块说明24

4.2.2前台模块详情设计24

4.3评论模块设计27

4.3.1评论模块说明27

4.3.2评论模块详细设计27

4.4后台模块设计29

4.4.1后台模块说明29

4.4.2后台模块说明29

5系统实现32

5.1登录模块实现32

5.1.1登录模块界面设计32

5.1.2登录模块核心代码实现：33

5.2前台模块实现34

5.2.1前台模块界面设计34

5.2.2前台模块核心代码实现35

5.3评论模块实现37

5.3.1评论模块界面设计37

5.3.2评论模块核心代码实现38

5.4后台模块实现39

5.4.1后台模块界面设计39

III

湖南商务职业技术学院毕业设计

5.4.2后台模块核心代码实现39

6系统测试41

6.1登录模块功能测试41

6.2前台模块功能测试42

6.3评论模块功能测试42

6.4后台模块功能测试43

7设计小结44

参考资料46

IV

湖南商务职业技术学院毕业设计

李白的个人博客系统的设计与实现

1引言

随着互联网的普及和发展，个人博客已成为人们记录生活、分享经验、表

达观点的重要平台。

1.1项目开发背景

随着时代的发展，信息技术、Intranet技术、数据库技术的不断发展完善，

网络进程的加快，个人博客已成为人们记录生活、分享经验、表达观点的重要

平台。李白作为一位知名诗人和文学家，拥有大量粉丝和读者，因此建立一个

专属于他的个人博客系统具有重要意义。本论文旨在设计一个基于李白个人博

客的软件系统，为用户提供优质的博客阅读和交流体验。

1.2开发技术简介

本系统使用SpringBoot技术,分别由SpringCore、SpringMVC、Spring

Data、HTML/CSS/JavaScript四个部分组成。

1.2.1SpringCore简介

SpringCore是SpringFramework的核心模块，它提供了基本的依赖注入

（DependencyInjection）和面向切面编程（Aspect-OrientedProgramming）

功能。SpringCore的目标是提供一个轻量级的容器，用于管理应用程序中的

对象和它们之间的依赖关系。

1.2.2SpringMVC简介

SpringBoot的defaultweb框架，提供了处理HTTP请求和响应的co

ntroller，以及model与view的机制

1.2.3SpringData简介

SpringData是一套数据访问抽象层，与特定数据源集成，简化了数据访

问和操作。

1

湖南商务职业技术学院毕业设计

1.2.4HTML/CSS/JavaScript简介

用于构建用户界面的基础Web语言，HTML用于结构，CSS用于样式，Ja

vaScript用于交互和动态功能。

1.3开发工具简介

工具的使用：采用idea+tomcat+mysql+Redis

idea集成的插件足够多,基本可以实现个人博客方面的所有开发功能

tomcat作为小型服务期有着很多的优点，安装和部署都方便,第三是TOMC

AT适合做一些中小型的项目

mysql其优点有：综合统一，高度非过程化，面向集合的操作方式，以一

种语法结构提供多种使用方式，语言简洁，易学易用

Redis是一个开源的内存数据库，常用作缓存、消息队列和键值存储等用

途。

2需求分析

2.1功能需求描述

本网站设置了2种角色:普通用户和系统管理员。本网站拟实现以下功能：

1、登录模块：进行不同权限用户的登录，不同权限的用户可进入的界面权

限也是有限的。

2、评论模块：包括了评论的查看，发布评论和删除评论，其中，只有系统

管理员才可以删除评论。

2、前端模块：包括了博客文章的分页，博客文章的查看，博客文章的评论，

热评文章的排行，博客后台的进入等。普通用户可以查看文章和对文章进行评

论，系统管理员在此基础上还可以进入后台。

3、后台模块：包括了文章与评论数量总览、最热文章评论的筛选、文章的

发布、文章删除、文章的修改等。

2.2非功能需求描述

李白的个人博客软件设计的非功能需求描述如下：

（1）性能要求：系统应具备高性能，能够快速响应用户请求，保证博客内

容的流畅加载和浏览体验。

2

湖南商务职业技术学院毕业设计

（2）可靠性：系统应具备较高的可靠性，保证系统稳定运行，避免因系统

故障或崩溃导致数据丢失或服务中断。

（3）可维护性：系统应易于维护和管理，包括代码结构清晰、注释充分、

易于扩展和修改，以便于后续系统升级和维护

（4）可定制性：系统应具备一定的可定制性，允许用户根据自己的需求和

喜好进行个性化设置和定制，提升用户满意度。

2.3需求用例建模

通过对功能需求的分析，创建以下总体用例模型，如图2-1所示。

图2-1个人博客系统的总体用例模型

本个人博客系统分为两个角色，分别是系统管理员、普通用户。只有博主

才能登录后台管理系统，进行博客发表等操作。

2.3.1登录模块的用例

面向对象的需求分析阶段通过用例图和活动图进行了梳理分析。登录模块

具体的用例描述如图2-2所示，只有博客登录。

3

湖南商务职业技术学院毕业设计

图2-2博客登录模块用例图

通过对用例的细致分析，使用活动图针对系统动态行为进行建模。博客登

录模块活动图如图2-3所示。

图2-3博客登录管理模块活动图

通过对图2-2用例图及2-3活动图的细化分析，得到每个用例的描述表。

博客登录板块用例描述如表2-1所示，可以进行博客登录等操作。

表2-1博客登录板块用例描述

项目描述

用例名称博客登录

4

湖南商务职业技术学院毕业设计

用例标识号01

参与者系统管理员，普通用户

在登录界面输入账户和密码进行系统验证，账户以及密码

简要说明

正确后成功登录，其中一项错误需要重新输入、验证。

1.输入账户

2.输入密码

主要流程3.点击登录键

4.验证成功后成功进入博客，错误后返回主界面重新输

入账户密码

其他事件流如果出现错误，提示用户的账号或者密码错误

异常事件流出现错误后，用户进行错误排查与确认

后置条件进入博客，显示相对于界面

2.3.2评论模块的用例

面向对象的需求分析阶段通过用例图和活动图进行了梳理分析。登录模块

具体的用例描述如图2-4所示，有删除评论、查看评论和发表评论三个功能。

图2-4评论模块用例图

通过对用例的细致分析，使用活动图针对系统动态行为进行建模。评论模

块活动图如图2-5所示。

5

湖南商务职业技术学院毕业设计

图2-5评论管理模块活动图

通过对图2-4用例图及2-5活动图的细化分析，得到每个用例的描述表。

评论查看板块用例描述如表2-2所示，可以进行评论查看等操作。

表2-2评论查看板块用例描述

项目描述

用例名称评论查看

用例标识号02

参与者系统管理员，普通用户

简要说明在前台界面点入一篇文章，在最低端就可看见评论。

1.选择一篇章

2.进入文章详情页

主要流程

3.到文章最底部

4.评论显示

其他事件流选择文章时，可通过排行榜查看评论最多的文章

异常事件流出现错误后，用户进行错误排查与确认

后置条件加载当前文章所有评论

发布评论板块用例描述如表2-3所示，可以进行发布评论等操作。

表2-3发布评论板块用例描述

6

湖南商务职业技术学院毕业设计

项目描述

用例名称发布评论

用例标识号02

参与者系统管理员，普通用户

简要说明在评论框中输入评论，点击发布即可

1.点击评论框

2.输入评论内容

主要流程

3.点击发布

4.发布成功

其他事件流可以通过切换账号用不同的用户评论

异常事件流出现错误后，用户进行错误排查与确认

后置条件在评论区第一条加载出在当前文章刚刚发表的评论

删除评论版块用例描述如表2-4所示，可以进行评论删除等操作。

表2-4删除评论版块用例描述

项目描述

用例名称删除评论

用例标识号04

参与者系统管理员

简要说明进入后台，进行评论的删除

1.进入后台

2.进入评论管理

主要流程

3.选择想删除的评论

4.进行评论删除

其他事件流删除评论会提示是否成功删除

异常事件流出现错误后，用户进行错误排查与确认

后置条件加载当前文章所有评论

2.3.3前台模块的用例

面向对象的需求分析阶段通过用例图和活动图进行了梳理分析。登录模块

具体的用例描述如图2-6所示，有分页显示、热文排行、账号管理以及文章详

情四个功能。

7

湖南商务职业技术学院毕业设计

图2-6前台模块用例图

通过对用例的细致分析，使用活动图针对系统动态行为进行建模。评论模

块活动图如图2-7所示。

8

湖南商务职业技术学院毕业设计

图2-7前台模块模块活动图

通过对图2-6用例图及2-7活动图的细化分析，得到每个用例的描述表。

分页显示板块用例描述如表2-5所示，可以进行文章分页等操作。

表2-5分页显示板块用例描述

项目描述

用例名称分页显示

用例标识号05

参与者系统管理员，普通用户

简要说明账号登录后进入前台模块就可看见

1.账号登录

主要流程

2.分页显示

文章过多时可以切换页数查看剩下的其他文章，可以通过

其他事件流

文章进入文章详情页面

异常事件流出现错误后，用户进行错误排查与确认

9

湖南商务职业技术学院毕业设计

后置条件显示剩下的文章

热文排行板块用例描述如表2-6所示，可以进行文章排行等操作。

表2-6热文排行板块用例描述

项目描述

用例名称热文排行

用例标识号06

参与者系统管理员，普通用户

简要说明账号登录后进入前台模块就可看见

1.账号登录

主要流程

2.文章排行显示

其他事件流可以通过文章进入文章详情页面

异常事件流出现错误后，用户进行错误排查与确认

后置条件显示评论排名前十文章

账号管理版块用例描述如表2-7所示，可以进行账号切换等操作。

表2-7账号管理版块用例描述

项目描述

用例名称账号管理

用例标识号07

参与者系统管理员，普通用户

简要说明对账号的推出与重新登录

1.进入前台

2.点击退出

主要流程

3.点击登录

4.切换账号登录

其他事件流登录重新进入登录界面

异常事件流出现错误后，用户进行错误排查与确认

后置条件进入前台界面

文章详情版块用例描述如表2-8所示，可以进行文章详细内容的查看等操

作。

表2-8文章详情版块用例描述

10

湖南商务职业技术学院毕业设计

项目描述

用例名称文章详情

用例标识号08

参与者系统管理员，普通用户

简要说明对账号的推出与重新登录

1.进入前台

2.点击退出

主要流程

3.点击登录

4.切换账号登录

其他事件流登录重新进入登录界面

异常事件流出现错误后，用户进行错误排查与确认

后置条件进入前台界面

2.3.4后台模块的用例

面向对象的需求分析阶段通过用例图和活动图进行了梳理分析。登录模块

具体的用例描述如图2-8所示，有总览、文章发布以及文章管理三个功能。

图2-8后台模块用例图

通过对用例的细致分析，使用活动图针对系统动态行为进行建模。评论模

块活动图如图2-9所示。

11

湖南商务职业技术学院毕业设计

图2-9后台模块模块活动图

通过对图2-8用例图及2-9活动图的细化分析，得到每个用例的描述表。

总览板块用例描述如表2-9所示，可以进行最热评论查看、最热文章、文章数

量查看等操作。

表2-9总览板块用例描述

项目描述

用例名称总览

用例标识号09

参与者系统管理员

简要说明在后台界面进入总览界面，即可查看相应信息

12

湖南商务职业技术学院毕业设计

1.进入后台界面

主要流程

2.进入总览界面

其他事件流点击文章或者评论时会跳转至相应界面

异常事件流出现错误后，用户进行错误排查与确认

加载热度排名前五的文章与评论，统计文章与评论数量并

后置条件

显示

文章发布板块用例描述如表2-10所示，可以进行文章发布等操作。

表2-10文章发布板块用例描述

项目描述

用例名称文章发布

用例标识号10

参与者系统管理员

简要说明输入文章标题、内容等信息并发布

1.进入后台

2.进入文章发布界面

主要流程3.输入文章标题、标签、内容等信息

4.点击发布

5.发布成功

文章发布成功显示发布成功并跳转至文章管理界面

其他事件流

可以通过返回列表进入文章管理。

异常事件流出现错误后，用户进行错误排查与确认

后置条件在文章管理界面加载所有文章信息

文章管理版块用例描述如表2-11所示，可以进行文章删除、文章编辑等操

作。

表2-11文章管理版块用例描述

项目描述

用例名称文章管理

用例标识号11

参与者系统管理员

简要说明进入后台，进行文章的删除与修改

1.进入后台

主要流程2.进入文章管理

3.选择想删除或者修改的文章进行删除或者修改

13

湖南商务职业技术学院毕业设计

4.删除成功或者跳转至文章发布界面进行修改

4.修改成功与删除成功后重新跳转至文章管理界面

删除文章会提示是否成功删除

其他事件流

点击文章标题可跳转至相应文章

异常事件流出现错误后，用户进行错误排查与确认

后置条件加载所有的文章相应数据显示在文章管理界面

3系统概要设计

3.1系统设计原则

1、简单性原则：保持系统设计简单，避免过度复杂的功能和界面。简单的

设计易于理解和操作，降低用户学习成本，减少系统出错的可能性。

2、用户体验原则：以用户为中心，关注用户体验，确保系统易用且功能直

观。良好的用户体验可以提升用户满意度，

3、增加用户粘性，促进系统的用户增长。

4、可维护性原则：采用模块化、清晰的架构设计，易于维护和扩展。可维

护性高的系统能够降低维护成本，提高开发效率，使系统更易于持续迭代和更

新。

3.2系统框架设计

根据系统的需求分析、用例建模分析结合开发平台的特点设计李白的个人

博客系统的系统架构模型，如图3-1所示。

14

湖南商务职业技术学院毕业设计

图3-1李白的个人博客系统整体架构图

3.3系统功能设计

系统模块化结构设计工作是在系统分析阶段对子系统划分的基础上，在进

一步地划分，将它逐层的分解成多个大小相同、功能单一、具有一定独立性的

模块，以便程序设计工作的同时，有加强了数据库之间的联系，使系统更加的

完美。根据博主的需求分析和用例建模分析，本文确定了李白的个人博客系统

的主要功能模块，包括登录管理、评论管理、前台模块和后台模块等。李白的

15

湖南商务职业技术学院毕业设计

个人博客管理系统的功能结构图如图3-2所示，本系统共有登录管理几大主要

功能模块。

图3-2李白的个人博客系统功能结构图

3.3.1登录模块功能设计

针对系统功能结构图进行进一步细化分析，得登录管理模块相关功能描述，

功能描述使用功能描述表来描述，如下表3-1。

表3-1登录管理模块相关功能描述

功能名称用户登录管理

功能概述用户或管理员进行登录

输入内容用户名和密码

系统处理判断输入的信息是否有误

输出内容提示登录成功或登录失败

登录管理模块提供了用户登录等功能。

3.3.2前台模块功能设计

针对系统功能结构图做进一步细致分析，得到前台模块相关功能描述，功

16

湖南商务职业技术学院毕业设计

能描述使用功能描述表来描述，如下表3-2。

表3-2前台模块相关功能描述

功能名称文章分页展示

功能概述对文章进行了分页管理

输入内容分页管理

系统处理将数据库中的文章进行分页显示至前台界面

输出内容展示分页后的文章

功能名称文章详情查看

功能概述查看文章的具体内容

输入内容点击文章标题

系统处理将数据库中相对于的文章与评论现实出来

输出内容查看文章详情

前台模块提供了文章分页展示、文章详情查看等功能。系统管理员，普通

用户可以通过分页显示去选择文章，点击文章可以查看文章详情。

3.3.3评论模块功能设计

针对系统功能结构图做进一步细致分析，得到评论管理模块相关功能描述，

功能描述使用功能描述表来描述，如下表3-3。

表3-3评论管理模块相关功能描述

功能名称文章评论发布

功能概述发布评论

输入内容评论信息

系统处理将新增的评论存入数据库，同时更新数据库

输出内容提示发布成功或发布失败

功能名称文章评论删除

功能概述用户评论的删除

输入内容删除某个评论

系统处理将删除的评论存入数据库，同时更新数据库

输出内容提示删除成功或删除失败

17

湖南商务职业技术学院毕业设计

评论管理模块提供了文章评论发布，文章评论删除等功能。平台用户可以

实现文章评论发布，系统管理员可以实现评论删除。

3.3.4后台模块功能设计

针对系统功能结构图做进一步细致分析，得到后台模块相关功能描述，功

能描述使用功能描述表来描述，如下表3-4。

表3-4后台模块相关功能描述

功能名称系统数据展示

功能概述对文章与评论数量以及热度前五的文章和评论进行展示

输入内容查看评论与文章总数量以及热度前五的文章和评论

系统处理系统从数据库中统计排序文章与评论并将其展示

输出内容展示文章与评论

功能名称文章发布

功能概述系统管理员可以发布文章

输入内容文章标题与内容等信息

系统处理将发布的文章存入数据库，并且更新数据库

输出内容提升文章发布成功或者失败

功能名称文章删除

功能概述系统管理员可以删除文章

输入内容删除某一篇文章

将选中文章以及文章下的评论删除并且存入数据库，同时更新数

系统处理

据库

输出内容提升文章删除成功或者失败

功能名称文章修改

功能概述系统管理员可以修改文章

输入内容修改文章标题与内容等信息

系统处理将修改后的文章存入数据库，并且更新数据库

输出内容提升文章修改成功或者失败

后台模块提供了系统数据展示，文章发布、文章删除、文章修改等功能。

系统管理员可以进行系统数据展示，文章发布、文章删除、文章修改等功能。

18

湖南商务职业技术学院毕业设计

3.4数据库设计

数据库设计往往是系统设计中最为核心的一个步骤。其设计的优良程度直

接影响系统的性能以及执行效率。

3.4.1设计原则

为取得较好的设计效果，进行数据库设计需要遵从以下原则：

1．标准化原则

数据库设计务必要遵照统一的设计标准与命名规范。具备统一设计分类与

编码规范的数据库不仅设计清晰直观,更有利于后期数据库及程序的维护，为以

后项目可扩展性提供条件。

2．冗余原则

以往数据库的设计要求不允许有冗余，要尽可能的满足3NF。然而，在系

统运行过程中，满足3NF的数据库设计并不能高效运行。复杂的表间关系，会

降低访问数据库执行的效率；过低的范式标准，又会导致数据库数据。所以，

在数据库设计中，适当的冗余设计（允许派生性冗余设计，杜绝重复性冗余设

计），找到冗余与数据处理速度的平衡点，常常可以既提高速度，又保持数据一

致性和可靠性，从而提升系统的性能和用户体验。

3.4.2概念设计

在数据库概念设计的过程中，采用E-R图来描述概念设计的结果。E-R图

是概念数据模型的高层描述所使用的数据模型或模式图，它为表述实体联系模

式图形式的数据模型提供了图形符号。根据李白的个人博客系统数据进行分析，

其E-R图如下图3-3所示。

19

湖南商务职业技术学院毕业设计

图3-3李白的个人博客系统系统E-R图

3.4.3逻辑设计

针对ER模型，通过数据实体属性、实体间关系的全面分析，结合李白的个

人博客系统的实际需求，根据E-R图转化为关系模式的转换方法，建立起了本

系统的关系模式，具体转化后的关系模式如下：

文章详情表（文章id，文章标题，文章具体内容，发表时间，修改时间，

文章分类，文章标签，是否允许评论，文章缩略图）

文章评论表（评论id，关联的文章id，评论时间，评论用户登录的ip地

址，评论内容，评论状态，评论用户用户名）

文章统计表（文章统计id，关联的文章id，文章点击总量，文章评论总量）

用户信息表（用户id，用户名，用户密码(加密后的密码)，用户邮箱，创

建时间，是否为有效用户（默认1））

用户权限表（权限id，权限）

用户权限关联表（关联表id，文章id，权限id）

3.4.4数据字典

文章详情表的表结构如表3-5所示，该表主要用于记录文章信息，主要字

段为id。

表3-5t_article表表结构

字段名称数据类型字段内容主键设置非空

idint(11)文章id1no

20

湖南商务职业技术学院毕业设计

titlevarchar(50)文章标题0no

contentlongtext文章具体内容0yes

createddate发表时间0no

modifieddate修改时间0yes

categoriesvarchar(200)文章分类0yes

tagsvarchar(200)文章标签0yes

allow_commenttinyint(1)是否允许评论0no

thumbnailvarchar(200)文章缩略图0yes

文章评论表的表结构如表3-6所示，该表主要用于文章评论表信息，主要

字段为id。

表3-6t_comment表表结构

字段名称数据类型字段内容主键设置非空

idint(11)评论id1no

article_idint(11)关联的文章id0no

createddate评论时间0no

ipvarchar(200)评论用户登录的ip地址0yes

contenttext评论内容0no

statusvarchar(200)评论状态0no

authorvarchar(200)评论用户用户名0no

文章统计表的表结构如表3-7所示，该表主要用于统计文章和评论数量信

息，主要字段为id。

表3-7t_statistic表表结构

字段名称数据类型字段内容主键设置非空

idint(11)文章统计id1no

titleint(11)关联的文章id0no

contentint(11)文章点击总量0no

createdint(11)文章评论总量0no

用户信息表的表结构如表3-8所示，该表主要用于记录用户信息，主要字

段为id。

表3-8t_user表表结构

字段名称数据类型字段内容主键设置非空

21

湖南商务职业技术学院毕业设计

idint(11)用户id1no

usernamevarchar(200)用户名0yes

passwordvarchar(200)用户密码(加密后的密码)0yes

emailvarchar(200)用户邮箱0yes

createddate创建时间0yes

validtinyint(1)是否为有效用户（默认1）0no

用户权限表的表结构如表3-9所示，该表主要用于储存用户权限表，主要

字段为id。

表3-9t_authority表表结构

字段名称数据类型字段内容主键设置非空

idint(11)权限id1no

titlevarchar(200)权限0Yes

用户权限关联表的表结构如表3-10所示，该表主要用于记录文章信息，主

要字段为id。

表3-10t_user_authority表表结构

字段名称数据类型字段内容主键设置非空

idint(11)关联表id1no

user_idint(11)文章id0no

authority_idint(11)权限id0no

数据库设计总结：根据李白的个人博客的需求分析和用例建模分析，本文

确定了李白的个人博客系统的主要功能模块，包括登录管理、评论管理、前台

管理和后台管理等。根据前台管理的功能与系统管理员和普通用户的需求分析

和用例分析，确定为李白的个人博客系统的主要功能模块。

4系统详细设计

通过与普通用户进行沟通，了解李白的个人博客系统的问题，希望通过系

统设计将相关处理方法呈现给普通用户。

4.1登录模块设计

4.1.1登录模块说明

登入个人博客系统：首先需要输入账号和密码。它会使用Shiro进行安全

22

湖南商务职业技术学院毕业设计

管理，对前台输入的密码进行加密运算，然后与数据库中的进行比较。成功后

才能登入个人博客系统。

4.1.2登录模块详细设计

使用UML序列图对需求分析中模块各子功能的用例进行分析与设计，以下

图4-1为登录管理模块的时序图。

图4-1登录模块的时序图

通过需求分析和概要设计对模块各子功能进行分析与设计，得到登录管理

模块的静态结构类图，如图4-2所示。

23

湖南商务职业技术学院毕业设计

图4-2登录模块的类图

针对类图进行进一步细致分析，得到该子功能模块相关类及方法描述表，

如下表4-1所示。

表4-1登录模块相关类及方法描述表

类名LoginController

描述控制controller类

属性Referer、url

AccessExecptionHandler（）

方法

login()

类名LoginController

描述项目配置类从主页面获取数据进行对比

属性Response、User

onAuthenticationSuccess（）、

方法

onAuthenticationFailure()、handle()

4.2前台模块设计

4.2.1前台模块说明

系统管理员与普通用户都可以查看到文章分页和文章详情的查看

4.2.2前台模块详情设计

博用UML序列图对需求分析中模块各子功能的用例进行分析与设计，以下

图4-3为前台管理模块的时序图。

24

湖南商务职业技术学院毕业设计

图4-3前台模块的时序图

通过需求分析和概要设计对模块各子功能进行分析与设计，得到前台管理

模块的静态结构类图，如图4-4所示。

25

湖南商务职业技术学院毕业设计

图4-4前台模块的类图

针对类图进行进一步细致分析，得到该子功能模块相关类及方法描述表，

如下表4-2所示。

表4-2前台模块相关类及方法描述表

类名Article

描述文章内容表

id、title、content、created、modified、tags、

属性

allowComment、categories、thumbnail、hits、commentsNum

方法属性的各个get，set方法

类名Comment

描述评论表

属性id、articleId、content、created、author、ip、status

方法属性的各个get，set方法

26

湖南商务职业技术学院毕业设计

类名ArticleServiceImpl

描述控制文章的分页，删除，排行，修改，查询，增加

articleMapper、statisticMapper、redisTemplate、

属性

commentMapper、

selectArticleWithPage（）

getHeatArticles()selectArticleWithId（）

方法

publish()deleteArticleWithId（）

updateArticleWithId()

类名CommentServiceImpl

描述对评论查询、删除、统计、分页

属性statisticMapper、commentMapper

selectCommentWithPage（）、pushComment()、getComments

方法

（）、deleteCommentWithId()

4.3评论模块设计

4.3.1评论模块说明

评论模块功能分为发表评论和删除评论两部分。发表评论是当有用户或自

己在文章上发表评论。删除评论是自己在后台删除评论。

4.3.2评论模块详细设计

使用UML序列图对需求分析中模块各子功能的用例进行分析与设计，以下

图4-5为评论管理模块的时序图。

27

湖南商务职业技术学院毕业设计

图4-5评论模块的时序图

通过需求分析和概要设计对模块各子功能进行分析与设计，得到评论管理

模块的静态结构类图，如图4-6所示。

图4-6评论模块的类图

针对类图进行进一步细致分析，得到该子功能模块相关类及方法描述表，

28

湖南商务职业技术学院毕业设计

如下表4-3所示。

表4-3评论管理相关类及方法描述表

类名CommentController

描述控制评论的发布提示发布是否成功

属性commentServcieImpl

方法publishComment（）

4.4后台模块设计

4.4.1后台模块说明

后台模块功能分为总览、发表文章、删除文章以及修改文章四部分。总览

可以查看文章和评论的总数以及排名前五的文章和评论。发表文章可以返回到

文章管理界面，也可以发表文章。删除文章已经修改文章都在文章管理中，删

除文章会提示是否删除成功，修改文章会将改文章打开至发表文章中进行修改。

4.4.2后台模块说明

评用UML序列图对需求分析中模块各子功能的用例进行分析与设计，以下

图4-7为后台管理模块的时序图。

29

湖南商务职业技术学院毕业设计

图4-7后台模块的时序图

通过需求分析和概要设计对模块各子功能进行分析与设计，得到后台管理

模块的静态结构类图，如图4-8所示。

30

湖南商务职业技术学院毕业设计

图4-8后台模块的类图

针对类图进行进一步细致分析，得到该子功能模块相关类及方法描述表，

如下表4-4所示。

表4-4后台管理相关类及方法描述表

类名Statistic

描述文章与评论的统计

属性id、articleId、hits、commentsNum

方法属性的各个get，set方法

类名SiteServiceImpl

31

湖南商务职业技术学院毕业设计

描述对文章与评论的排行与统计

statisticMapper、statisticMapper、redisTemplate、

属性

commentMapper

updateStatistics（）、recentComments()、recentArticles

方法

（）、getStatistics()

5系统实现

5.1登录模块实现

5.1.1登录模块界面设计

用户登入界面，如图5-1所示：该界面主要包括一个用户登入界面

用户登入：普通用户在输入用户名和密码后，进入系统的验证中心，如果

通过验证就可以进入博客主页，没有通过验证就会提醒账号或者密码错误。

图5-1登入界面

32

湖南商务职业技术学院毕业设计

5.1.2登录模块核心代码实现：

步骤1：用户登录

http.formLogin()

.loginPage("/login")

.usernameParameter("username").passwordParameter("password")

.successHandler(newAuthenticationSuccessHandler(){

@Override

publicvoidonAuthenticationSuccess(HttpServletRequest

httpServletRequest,HttpServletResponsehttpServletResponse,Authenticationauthentication)

throwsIOException,ServletException{

Stringurl=httpServletRequest.getParameter("url");

//获取被拦截的原始访问路径

RequestCacherequestCache=newHttpSessionRequestCache();

SavedRequestsavedRequest=

requestCache.getRequest(httpServletRequest,httpServletResponse);

if(savedRequest!=null){

//如果存在原始拦截路径，登录成功后重定向到原始访问

路径

httpServletResponse.sendRedirect(savedRequest.getRedirectUrl());

}elseif(url!=null&&!url.equals("")){