目  录

1 绪论

1.1研究背景

1.2研究意义

1.3研究现状

 1.4论文结构与章节安排

2 系统分析

2.1 可行性分析

2.1.1 技术可行性

2.1.2经济可行性：

2.1.3社会可行性：

2.2 系统功能分析

2.2.1 功能性分析

2.2.2 非功能性分析

2.3 系统用例分析

2.4 系统流程分析

2.4.1 数据新增流程

2.4.2 数据删除流程

2.4.3登录流程

2.4.4注册流程

2.5本章小结

3 总体设计

3.1 系统功能模块设计

3.1.1整体功能模块设计

3.1.2用户模块设计

3.1.3 评论管理模块设计

3.2 数据库设计

3.2.1 数据库概念结构设计

3.3.2 数据库逻辑结构设计

3.4本章小结

4 系统实现

4.1前台模块

4.1.1 前台首页界面

4.1.3 用户登录界面

4.1.2 用户注册界面

4.1.4文章目录界面

4.1.5 我的模块

4.2后台模块

4.2.1系统用户管理界面

4.2.2文章目录管理界面

4.2.3 标签类型管理界面

4.2.4数据统计管理界面

4.2.5文章统计管理界面

4.2.6系统管理界面

5系统测试

5.1 系统测试用例

5.2 系统测试结果

结论

参考文献

 致  谢

摘要

本文介绍了一个基于SSM（Spring、Spring MVC、Mybatis）框架设计的个人博客系统，该系统致力于为读者用户提供丰富的阅读体验，包括文章浏览、评论互动和分类搜索等功能；为博主提供强大的后台管理支持，如文章发表、个性化设置和数据分析等；同时为管理员提供全面的博客和用户管理功能，包括监控运行状态、处理用户反馈和统计数据分析等。通过采用前后端分离的开发模式，结合HTML、CSS、JavaScript等前端技术与Mybatis后端数据持久化操作，确保了系统的稳定性、可扩展性和用户友好性，为博客文化的传播和交流提供了有力支持。
   关键词：个人博客系统系统 ；SSM框架；数据库

Abstract

This article introduces a personal blog system designed based on the SSM (Spring, Spring MVC, Mybatis) framework. The system is committed to providing readers with a rich reading experience, including article browsing, comment interaction, and classified search functions; Provide strong backend management support for bloggers, such as article publishing, personalized settings, and data analysis; Simultaneously providing comprehensive blog and user management functions for administrators, including monitoring operational status, processing user feedback, and statistical data analysis. By adopting a front-end and back-end separation development model, combining front-end technologies such as HTML, CSS, JavaScript, and Mybatis backend data persistence operations, the stability, scalability, and user friendliness of the system are ensured, providing strong support for the dissemination and exchange of blog culture.

Keywords: personal blog system system; SSM framework; database

1 绪论

1.1研究背景

随着互联网技术的迅速发展和普及，博客作为一种重要的个人表达和信息分享方式，越来越受到广大用户的青睐。个人博客系统不仅为用户提供了一个展示自我、分享知识和经验的平台，还成为了促进文化交流、知识传播和社交互动的重要渠道。然而，随着博客系统的不断演进和用户需求的日益增长，现有的博客系统面临着一些挑战和问题。

一方面，用户对于博客系统的功能和性能要求越来越高，他们希望能够获得更加流畅、便捷和个性化的使用体验。另一方面，随着博客内容的日益丰富和多样化，如何有效地管理和组织博客文章、提高博客的可读性和可搜索性也成为了亟待解决的问题。

基于SSM（Spring、Spring MVC、Mybatis）的个人博客系统的设计与实现，正是为了解决这些问题而提出的。SSM框架作为一种成熟、稳定且性能优良的企业级应用开发框架组合，具有优秀的扩展性、可维护性和灵活性，非常适合用于构建个人博客系统。通过采用SSM框架，可以实现前后端分离的开发模式，提高系统的可维护性和可扩展性；同时，通过合理的设计和实现，可以为用户提供更加友好、便捷和个性化的使用体验。

1.2研究意义

个人博客系统的设计与实现基于SSM框架，具有深远的研究意义。一方面，它可以为博客系统的设计和实现提供新的思路和方法，推动博客技术的发展和创新；另一方面，它可以为用户提供更加优质、高效的博客服务，促进文化交流、知识传播和社交互动。同时，该研究还可以为其他类似系统的设计和实现提供参考和借鉴，具有一定的应用价值。

1.3研究现状

个人博客系统的研究现状可以从国内和国外两个方面进行概述。

近年来，随着Web技术的快速发展，个人博客系统作为网络信息共享与交流的重要平台，受到了广泛关注。SSM（Spring、Spring MVC、MyBatis）作为一种流行的Java Web开发框架组合，其简洁、高效和易扩展的特点使得它在构建个人博客系统时具有显著优势。

在国内外，基于SSM的个人博客系统的研究与应用呈现出不断增长的趋势。国内研究者通过引入SSM框架，结合前端技术和数据库技术，实现了博客系统的基本功能，如用户管理、文章发布、评论互动等。同时，他们还注重个性化推荐、前端界面美化、后台管理系统开发等方面的研究，以提高系统的用户体验和性能。

国外方面，许多个人博客网站已经采用了先进的开发技术和设计理念，如Ruby on Rails、Django、Node.js等，来构建功能丰富、界面友好的博客系统。这些系统不仅关注用户体验和内容质量，还注重安全性和社交互动等方面的研究。

综合来看，基于SSM的个人博客系统的设计与实现研究现状呈现出积极的发展趋势。随着技术的不断进步和用户需求的日益增长，未来的研究将更加注重系统的稳定性、可扩展性、用户体验和安全性等方面，以推动个人博客系统的持续发展。同时，结合人工智能、大数据等前沿技术，未来的个人博客系统有望实现更加智能化、个性化的服务。

1.4论文结构与章节安排

本文共分为六章，章节内容安排如下：

第一章为引言，此章节对所设计和实现的系统的背景和状况以及意义进行详细的论述以及说明，同时进行了论文整体框架的结构的简要介绍。

第二章为系统需求分析，章节所做的主要的工作是对系统进行了技术、经济和操作方面可行性的分析；对系统实行了总体功能的需求、用例分析。

第三章为系统的设计，主要是对系统的功能结构进行设计，并对系统数据库的概念结构以及物理结构的设计进行了分析。

第四章就是对系统的实现，根据系统功能的划分，分别的对系统所需要实现的前台读者功能和后台管理员 博主功能进行了分析和说明。

第五章：系统测试。主要对系统的部分界面进行测试并对主要功能进行测试

第六章：总结。

2 系统分析

2.1 可行性分析

系统可行行分析是对系统对系统可行性进行一个探讨。在探讨系统的可行性上我们主要从技术上的可行性和经济上的可行性以及社会层面的可行性上进行分析，如果三个层面度通过，我们则认为系统是比较可行的。

2.1.1 技术可行性

SSM框架的成熟性：Spring、Spring MVC和MyBatis作为成熟、稳定且广泛应用的Java Web开发框架，具有强大的功能和良好的扩展性，为构建个人博客系统提供了坚实的技术基础。

前后端分离：SSM框架支持前后端分离的开发模式，使得前端可以专注于界面的美观和交互性，后端专注于数据处理和业务逻辑，提高了开发效率和可维护性。

与现有技术的兼容性：SSM框架与现有的数据库技术、前端框架和服务器技术等都具有良好的兼容性，可以方便地与其他技术集成。

2.1.2经济可行性：

成本效益：采用SSM框架开发个人博客系统，可以充分利用开源框架的优势，降低开发成本。同时，系统的维护和升级也相对简单，减少了后期维护成本。

市场需求：个人博客系统具有广泛的市场需求，可以为博主提供展示自我、分享经验的平台，为读者提供丰富的阅读体验。因此，从经济角度来看，该系统的开发具有广阔的市场前景。

2.1.3社会可行性：

用户体验：基于SSM的个人博客系统注重用户体验，提供友好的界面和流畅的操作流程，满足用户的个性化需求。

社会影响：该系统的推广和应用可以促进文化交流、知识传播和社交互动，对社会发展具有积极影响。

综上所述，基于SSM的个人博客系统的设计与实现在技术、经济和社会方面均具有较高的可行性。通过采用SSM框架，结合前端技术和数据库技术，可以构建一个功能丰富、性能优良的个人博客系统，满足用户需求并推动博客文化的发展。

2.2 系统功能分析

2.2.1 功能性分析

在本文所探讨的基于SSM（Spring、SpringMVC、MyBatis）框架的个人博客系统中，用户功能的设计是实现系统核心价值的关键。系统主要三类用户：读者用户、博主用户和管理员用户。

管理员功：

登录： 管理员可以通过安全的登录界面进入系统，使用独有的管理员账号和密码。

后台首页： 管理员登录后，可以查看后台首页的数据统计，包括用户总数、文章总数等，并可通过折线图展示系统的使用趋势。

系统用户管理： 管理员具有对系统用户的管理权限，包括添加新用户、编辑用户信息以及删除用户等操作。系统用户包括管理员、读者用户和博主用户。

文章目录管理： 管理员可以管理文章目录，包括添加、编辑、删除文章目录，确保博客内容的结构化和分类管理。

标签类型管理： 管理员可以管理文章标签类型，包括添加、编辑、删除标签类型，以便读者用户更方便地检索和浏览相关文章。

数据统计管理： 管理员可以查看系统的数据统计情况，包括用户活跃度、文章浏览量等数据，为系统运营和优化提供参考。

文章统计管理： 管理员可以对文章进行统计分析，包括文章浏览量、点赞数等数据，为博主用户提供反馈和建议。

系统管理： 管理员可以管理系统的基本设置，包括轮播图管理和敏感词管理等，以维护系统的正常运行和用户体验。

博主用户：

注册登录： 博主用户可以注册成为系统的博主用户，并通过用户名和密码登录系统。

后台首页： 博主用户登录后，可以进入后台首页，查看个人博客的统计数据和最新动态，包括文章发布数量、读者互动等。

文章目录管理： 博主用户可以管理个人博客的文章目录，包括添加、编辑、删除文章目录，以便更好地组织和管理博客内容。

标签类型管理： 博主用户可以管理个人博客的标签类型，包括添加、编辑、删除标签类型，以提升博客文章的分类和检索性。

我的账户： 博主用户可以管理自己的账户信息，包括个人信息的查看和修改、密码的更改以及安全退出登录等操作。

读者用户：

登录注册： 读者用户可以通过注册账号并登录系统，以便享受更多的个性化服务和功能。

首页浏览： 读者用户登录后可以在首页浏览最新的博客文章和系统推荐的热门文章，了解博客的最新动态。

文章目录浏览： 读者用户可以浏览系统中的文章目录，包括推荐文章目录、全部文章目录和标签搜索等，以便查找感兴趣的文章 进行点赞评论收藏等。

我的收藏： 读者用户可以管理自己的收藏文章，包括查看已收藏的文章、取消收藏等操作，方便保存和管理喜欢的文章。

个人信息管理： 读者用户可以管理个人账户的基本信息，包括修改密码和个人资料等，保障账户的安全和准确性。

2.2.2 非功能性分析

个人博客系统的非功能性需求比如个人博客系统的安全性怎么样，可靠性怎么样，性能怎么样，可拓展性怎么样等。具体可以表示在如下2-1表格中：

安全性	主要指个人博客系统数据库的安装，数据库的使用和密码的设定必须合乎规范。
可靠性	可靠性是指个人博客系统能够按照用户提交的指示进行操作，经过测试，可靠性90%以上。
性能	性能是影响个人博客系统占据市场的必要条件，所以性能最好要佳才好。
可扩展性	比如数据库预留多个属性，比如接口的使用等确保了系统的非功能性需求。
易用性	用户只要跟着个人博客系统的页面展示内容进行操作，就可以了。
可维护性	个人博客系统开发的可维护性是非常重要的，经过测试，可维护性没有问题

表2-1个人博客系统非功能需求表

2.3 系统用例分析

个人博客系统的完整UML用例图分别是图2-2、图2-3，图2-4。

图2-2就是读者用户角色的用例展示。

图2-2个人博客系统读者用户角色用例图

图2-3就是管理员用户角色的用例展示。

图2-3个人博客系统管理员用户角色用例图

图2-3就是博主角色的用例展示。

图2-4个人博客系统管理员角色用例图

2.4 系统流程分析

系统流程是用一些特定的符合和线条来进行演示用户在使用系统时的过程，在进行系统分析的时候，业务流程可以帮助开发人员更好的理解业务，发现错误，完善系统。

2.4.1 数据新增流程

用户成功登入系统后就能够实现增加数据的操作，增加数据的编号由系统生成，用户不能随意填写，除了编号以外，其他增加信息用户自己填写，填写后的信息经过系统验证，验证通过后即可完成数据新增，数据新增的流程图如下图2-4所示。

图2-5 数据新增流程图

2.4.2 数据删除流程

如果系统里面存在一些没有用的数据，相关的管理人员还可以对这些数据进行删除，数据删除时流程图如下图2-6所示。

图2-6 数据删除流程图

2.4.3登录流程

登录模块主要满足管理员以及用户的权限登录，用户登录流程图如图所示。

图2-7 登录流程图

2.4.4注册流程

未有账号的用户可进入注册界面进行注册操作，用户注册流程图如图所示。

图2-8 注册流程图

2.5本章小结

本章主要通过对个人博客系统的可行性分析、功能分析、用例分析、流程分析，确定整个个人博客系统要实现的功能。同时也为个人博客系统的代码实现和测试提供了标准。

3 总体设计

本章主要讨论的内容包括个人博客系统的功能模块设计、数据库系统设计。

3.1 系统功能模块设计

3.1.1整体功能模块设计

在上一章节中主要对系统的功能性需求和非功能性需求进行分析，并且根据需求分析了本个人博客系统中的用例。那么接下来就要开始对本个人博客系统的架构、主要功能和数据库开始进行设计。个人博客系统根据前面章节的需求分析得出，其总体设计模块图如图3-1所示。

图3-1 个人博客系统功能模块图

3.1.2用户模块设计

本系统的用户包括管理员和用户两种用户模块的功能基本是相同的，用户比管理员多了一个注册功能，所以以用户模块的结构图为例进行分析，用户模块结构图为例进行分析，如下图：

图3-2用户模块结构图

3.1.3 评论管理模块设计

个人博客系统是一个交流性质的公开平台，用户在平台上提交评论，增加用户之间的互动性。但是同时也为了更好的规范评论的内容，给予管理员删除不合适的评论的功能，所以需要专门设计一个评论管理模块，具体的结构图如下：

图3-3评论管理模块结构图

3.2 数据库设计

数据库设计一般包括需求分析、概念模型设计、数据库表建立三大过程，其中需求分析前面章节已经阐述，概念模型设计有概念模型和逻辑结构设计两部分。

3.2.1 数据库概念结构设计

下面是整个个人博客系统中主要的数据库表总E-R实体关系图。

图3-4个人博客系统总E-R关系图

3.3.2 数据库逻辑结构设计

通过上一小节中个人博客系统中总E-R关系图上得出一共需要创建很多个数据表。在此我主要罗列几个主要的数据库表结构设计。

表access_token (登陆访问时长)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	token_id	int	10	0	N	Y		临时访问牌ID
2	token	varchar	64	0	Y	N		临时访问牌
3	info	text	65535	0	Y	N
4	maxage	int	10	0	N	N	2	最大寿命：默认2小时
5	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
6	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
7	user_id	int	10	0	N	N	0	用户编号:

表article_statistics (文章统计)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	article_statistics_id	int	10	0	N	Y		文章统计ID
2	statistical_date	date	10	0	Y	N		统计日期
3	article_name	varchar	64	0	Y	N		文章名称
4	number_of_comments	int	10	0	Y	N	0	评论数量
5	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
6	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表article_table_of_contents (文章目录)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	article_table_of_contents_id	int	10	0	N	Y		文章目录ID
2	article_title	varchar	64	0	Y	N		文章标题
3	article_tags	varchar	64	0	Y	N		文章标签
4	article_cover	varchar	255	0	Y	N		文章封面
5	release_time	date	10	0	Y	N		发布时间
6	article_content	longtext	2147483647	0	Y	N		文章内容
7	posting_bloggers	int	10	0	Y	N	0	发布博主
8	blogger_name	varchar	64	0	Y	N		博主姓名
9	hits	int	10	0	N	N	0	点击数
10	praise_len	int	10	0	N	N	0	点赞数
11	examine_state	varchar	16	0	N	N	未审核	审核状态
12	recommend	int	10	0	N	N	0	智能推荐
13	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
14	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表auth (用户权限管理)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	auth_id	int	10	0	N	Y		授权ID：
2	user_group	varchar	64	0	Y	N		用户组：
3	mod_name	varchar	64	0	Y	N		模块名：
4	table_name	varchar	64	0	Y	N		表名：
5	page_title	varchar	255	0	Y	N		页面标题：
6	path	varchar	255	0	Y	N		路由路径：
7	position	varchar	32	0	Y	N		位置：
8	mode	varchar	32	0	N	N	_blank	跳转方式：
9	add	tinyint	3	0	N	N	1	是否可增加：
10	del	tinyint	3	0	N	N	1	是否可删除：
11	set	tinyint	3	0	N	N	1	是否可修改：
12	get	tinyint	3	0	N	N	1	是否可查看：
13	field_add	text	65535	0	Y	N		添加字段：
14	field_set	text	65535	0	Y	N		修改字段：
15	field_get	text	65535	0	Y	N		查询字段：
16	table_nav_name	varchar	500	0	Y	N		跨表导航名称：
17	table_nav	varchar	500	0	Y	N		跨表导航：
18	option	text	65535	0	Y	N		配置：
19	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
20	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表blogger_users (博主用户)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	blogger_users_id	int	10	0	N	Y		博主用户ID
2	blogger_name	varchar	64	0	Y	N		博主姓名
3	bloggers_phone_number	varchar	64	0	Y	N		博主电话
4	gender_of_blogger	varchar	64	0	Y	N		博主性别
5	examine_state	varchar	16	0	N	N	已通过	审核状态
6	user_id	int	10	0	N	N	0	用户ID
7	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
8	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表collect (收藏)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	collect_id	int	10	0	N	Y		收藏ID：
2	user_id	int	10	0	N	N	0	收藏人ID：
3	source_table	varchar	255	0	Y	N		来源表：
4	source_field	varchar	255	0	Y	N		来源字段：
5	source_id	int	10	0	N	N	0	来源ID：
6	title	varchar	255	0	Y	N		标题：
7	img	varchar	255	0	Y	N		封面：
8	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
9	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表comment (评论)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	comment_id	int	10	0	N	Y		评论ID：
2	user_id	int	10	0	N	N	0	评论人ID：
3	reply_to_id	int	10	0	N	N	0	回复评论ID：空为0
4	content	longtext	2147483647	0	Y	N		内容：
5	nickname	varchar	255	0	Y	N		昵称：
6	avatar	varchar	255	0	Y	N		头像地址：[0,255]
7	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
8	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
9	source_table	varchar	255	0	Y	N		来源表：
10	source_field	varchar	255	0	Y	N		来源字段：
11	source_id	int	10	0	N	N	0	来源ID：

表data_statistics (数据统计)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	data_statistics_id	int	10	0	N	Y		数据统计ID
2	statistical_date	date	10	0	Y	N		统计日期
3	number_of_articles	int	10	0	Y	N	0	文章数量
4	number_of_readers	int	10	0	Y	N	0	读者数量
5	number_of_bloggers	int	10	0	Y	N	0	博主数量
6	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
7	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表hits (用户点击)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	hits_id	int	10	0	N	Y		点赞ID：
2	user_id	int	10	0	N	N	0	点赞人：
3	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
4	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
5	source_table	varchar	255	0	Y	N		来源表：
6	source_field	varchar	255	0	Y	N		来源字段：
7	source_id	int	10	0	N	N	0	来源ID：

表label_type (标签类型)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	label_type_id	int	10	0	N	Y		标签类型ID
2	label_name	varchar	64	0	Y	N		标签名称
3	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
4	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表member_recharge (会员充值)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	member_recharge_id	int	10	0	N	Y		会员充值ID
2	member_name	varchar	64	0	Y	N		会员名称
3	member_type	varchar	64	0	Y	N		会员类型
4	member_icon	varchar	255	0	Y	N		会员图示
5	recharge_amount	varchar	64	0	Y	N		充值金额
6	recharge_instructions	text	65535	0	Y	N		充值说明
7	hits	int	10	0	N	N	0	点击数
8	praise_len	int	10	0	N	N	0	点赞数
9	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
10	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表praise (点赞)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	praise_id	int	10	0	N	Y		点赞ID：
2	user_id	int	10	0	N	N	0	点赞人：
3	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
4	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
5	source_table	varchar	255	0	Y	N		来源表：
6	source_field	varchar	255	0	Y	N		来源字段：
7	source_id	int	10	0	N	N	0	来源ID：
8	status	bit	1	0	N	N	1	点赞状态:1为点赞，0已取消

表reader_users (读者用户)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	reader_users_id	int	10	0	N	Y		读者用户ID
2	readers_name	varchar	64	0	Y	N		读者姓名
3	reader_gender	varchar	64	0	Y	N		读者性别
4	readers_phone_number	varchar	64	0	Y	N		读者电话
5	examine_state	varchar	16	0	N	N	已通过	审核状态
6	user_id	int	10	0	N	N	0	用户ID
7	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
8	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表recharge_records (充值记录)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	recharge_records_id	int	10	0	N	Y		充值记录ID
2	regular_users	int	10	0	Y	N	0	普通用户
3	user_name	varchar	64	0	Y	N		用户姓名
4	user_gender	varchar	64	0	Y	N		用户性别
5	user_phone_number	varchar	64	0	Y	N		用户电话
6	recharge_date	date	10	0	Y	N		充值日期
7	member_name	varchar	64	0	Y	N		会员名称
8	member_type	varchar	64	0	Y	N		会员类型
9	recharge_amount	varchar	64	0	Y	N		充值金额
10	examine_state	varchar	16	0	N	N	未审核	审核状态
11	examine_reply	varchar	16	0	Y	N		审核回复
12	pay_state	varchar	16	0	N	N	未支付	支付状态
13	pay_type	varchar	16	0	Y	N		支付类型: 微信、支付宝、网银
14	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
15	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表sensitive_vocabulary (敏感词汇)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	sensitive_vocabulary_id	int	10	0	N	Y		敏感词汇ID
2	sensitive_vocabulary	varchar	64	0	Y	N		敏感词汇
3	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
4	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表slides (轮播图)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	slides_id	int	10	0	N	Y		轮播图ID：
2	title	varchar	64	0	Y	N		标题：
3	content	varchar	255	0	Y	N		内容：
4	url	varchar	255	0	Y	N		链接：
5	img	varchar	255	0	Y	N		轮播图：
6	hits	int	10	0	N	N	0	点击量：
7	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
8	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表upload (文件上传)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	upload_id	int	10	0	N	Y		上传ID
2	name	varchar	64	0	Y	N		文件名
3	path	varchar	255	0	Y	N		访问路径
4	file	varchar	255	0	Y	N		文件路径
5	display	varchar	255	0	Y	N		显示顺序
6	father_id	int	10	0	Y	N	0	父级ID
7	dir	varchar	255	0	Y	N		文件夹
8	type	varchar	32	0	Y	N		文件类型

表user (用户账户：用于保存用户登录信息)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	user_id	mediumint	8	0	N	Y		用户ID：[0,8388607]用户获取其他与用户相关的数据
2	state	smallint	5	0	N	N	1	账户状态：[0,10](1可用|2异常|3已冻结|4已注销)
3	user_group	varchar	32	0	Y	N		所在用户组：[0,32767]决定用户身份和权限
4	login_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	上次登录时间：
5	phone	varchar	11	0	Y	N		手机号码：[0,11]用户的手机号码，用于找回密码时或登录时
6	phone_state	smallint	5	0	N	N	0	手机认证：[0,1](0未认证|1审核中|2已认证)
7	username	varchar	16	0	N	N		用户名：[0,16]用户登录时所用的账户名称
8	nickname	varchar	16	0	Y	N		昵称：[0,16]
9	password	varchar	64	0	N	N		密码：[0,32]用户登录所需的密码，由6-16位数字或英文组成
10	email	varchar	64	0	Y	N		邮箱：[0,64]用户的邮箱，用于找回密码时或登录时
11	email_state	smallint	5	0	N	N	0	邮箱认证：[0,1](0未认证|1审核中|2已认证)
12	avatar	varchar	255	0	Y	N		头像地址：[0,255]
13	open_id	varchar	255	0	Y	N		针对获取用户信息字段
14	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
15	vip_level	varchar	255	0	Y	N		会员等级
16	vip_discount	double	11	2	Y	N	0.00	会员折扣

表user_group (用户组：用于用户前端身份和鉴权)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	group_id	mediumint	8	0	N	Y		用户组ID：[0,8388607]
2	display	smallint	5	0	N	N	100	显示顺序：[0,1000]
3	name	varchar	16	0	N	N		名称：[0,16]
4	description	varchar	255	0	Y	N		描述：[0,255]描述该用户组的特点或权限范围
5	source_table	varchar	255	0	Y	N		来源表：
6	source_field	varchar	255	0	Y	N		来源字段：
7	source_id	int	10	0	N	N	0	来源ID：
8	register	smallint	5	0	Y	N	0	注册位置:
9	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
10	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

3.4本章小结

整个个人博客系统的需求分析主要对系统总体架构以及功能模块的设计，通过建立E-R模型和数据库逻辑系统设计完成了数据库系统设计。

4 系统实现

个人博客系统的详细设计与实现主要是根据前面的个人博客系统的需求分析和个人博客系统的总体设计来设计页面并实现业务逻辑。主要从个人博客系统界面实现、业务逻辑实现这两部分进行介绍。

4.1前台模块

4.1.1 前台首页界面

当进入个人博客系统的时候，在首页浏览最新的博客文章和系统推荐的热门文章等，其主界面展示如下图4-1所示。

图4-1 前台首页界面图

4.1.3 用户登录界面

个人博客系统中的前台上注册后的用户是可以通过自己的账户名和密码进行登录的，当会员输入完整的自己的账户名和密码信息并点击“登录”按钮后，将会首先验证输入的有没有空数据，再次验证输入的账户名+密码和数据库中当前保存的用户信息是否一致，只有在一致后将会登录成功并自动跳转到个人博客系统的首页中；否则将会提示相应错误信息，用户登录界面如下图4-3所示。

图4-2用户登录界面图

登录代码如下：

@PostMapping("login")

    public Map<String, Object> login(@RequestBody Map<String, String> data, HttpServletRequest httpServletRequest) {

        log.info("[执行登录接口]");

        String username = data.get("username");

        String email = data.get("email");

        String phone = data.get("phone");

        String password = data.get("password");

        List resultList = null;

        QueryWrapper wrapper = new QueryWrapper<User>();

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

4.1.2 用户注册界面

个人博客系统的普通用户时可以进行注册登录，当用户右上角“注册”按钮的时候，当填写上自己的账号+密码+确认密码+昵称+邮箱+手机号等后再点击“注册”按钮后将会先验证输入的有没有空数据，再次验证密码和确认密码是否是一样的，最后验证输入的账户名和数据库表中已经注册的账户名是否重复，只有都验证没问题后即可会员注册成功。其用会员注册界面展示如下图4-2所示。

图4-3注册界面图

  注册关键代码如下：

@PostMapping("register")

    public Map<String, Object> signUp(HttpServletRequest request) throws IOException {

        Map<String, String> query = new HashMap<>();

        Map<String,Object> map = service.readBody(request.getReader());

        query.put("username",String.valueOf(map.get("username")));

        List list = service.selectBaseList(service.select(query, new HashMap<>()));

        if (list.size()>0){

            return error(30000, "用户已存在");

        }

        map.put("password",service.encryption(String.valueOf(map.get("password"))));

        service.insert(map);

        return success(1);

}

4.1.4文章目录界面

用户可以查看系统推荐的热门文章目录，也可通过搜索文章标签类型筛选进入感兴趣的博客文章目录列表，还可通过文章标题、发布时间、作者搜索文章，点击博客文章详情进行点赞、收藏和评论。界面如下图4-4所示。

图4-4文章目录界面图

查询代码如下：

 @RequestMapping("/get_obj")

    public Map<String, Object> obj(HttpServletRequest request) {

        List resultList = service.selectBaseList(service.select(service.readQuery(request), service.readConfig(request)));

        if (resultList.size() > 0) {

            JSONObject jsonObject = new JSONObject();

            jsonObject.put("obj",resultList.get(0));

            return success(jsonObject);

        } else {

            return success(null);

        }

4.1.5 我的模块

读者用户的个人中心，包括基本信息管理、文章收藏、评论管理、消息通知等功能，用户可以查看和管理自己的相关信息本信息，方便用户在一个页面内完成多项操作。界面图如下。

图4-5  我的界面图

（1）用户点击“基本信息”此处可以查看用户详情，修改个人的头像、昵称等信息界面图如下。

图4-6  基本信息详情界面图

（2）用户点击“收藏”可以查看自己的博客文章目录收藏列表，方便以后查阅和阅读。可点赞评论回复等，收藏功能界面图如下。

图4-7  收藏界面图

4.2后台模块

4.2.1系统用户管理界面

系统用户管理模块包含了管理员、读者用户和博主用户三个部分，管理员在后台都可以查看到用户的信息，管理员可以对用户进行增删改查，界面如下图所示。

图4-8 系统用户界面图

系统用户代码如下：

package com.project.demo.constant;

public class FindConfig {

    public static String PAGE = "page";

    public static String SIZE = "size";

    public static String LIKE = "like";

    public static String ORDER_BY = "orderby";

    public static String FIELD = "field";

    public static String GROUP_BY = "groupby";

    public static String MIN_ = "_min";

    public static String MAX_ = "_max";

}

4.2.2文章目录管理界面

管理员点击可查看文章目录列表和文章目录添加；点击“文章目录添加”，输入文章名称，选择文章类型，上传封面，输入博主姓名、文章内容等，点击“提交”按钮进行添加。博主界面如下图示。

图4-9文章目录管理界面图

添加代码如下：

 @PostMapping("/add")

    @Transactional

    public Map<String, Object> add(HttpServletRequest request) throws IOException {

        service.insert(service.readBody(request.getReader()));

        return success(1);

    }

    @Transactional

    public Map<String, Object> addMap(Map<String,Object> map){

        service.insert(map);

        return success(1);

    }

4.2.3 标签类型管理界面

标签类型管理：管理员和博主点击可查看标签类型名称和创建时间更新时间；也可以标签类型进行删除增改等操作。管理员标签类型管理界面如下图所示。

图4-10标签类型管理界面图

4.2.4数据统计管理界面

管理员点击可查看数据统计列表，可对不合适的数据进行删除，同时可点击“添加”按钮进行导入新的信息。方便得出最受欢迎的热门文章和博主作者等数据。界面如下图所示。

图4-11 数据统计管理界面图

删除代码如下：

 @RequestMapping(value = "/del")

    @Transactional

    public Map<String, Object> del(HttpServletRequest request) {

        service.delete(service.readQuery(request), service.readConfig(request));

        return success(1);

    }

4.2.5文章统计管理界面

管理员点击可查看文章统计列表， 对文章进行统计分析，包括文章浏览量、评论数等数据，为博主用户提供反馈和建议。界面如下图所示。

图4-12 文章统计管理界面图

4.2.6系统管理界面

(1)轮播图管理：管理员点击可查看轮播图，如需添加新的轮播图，点击右侧“添加”按钮，上传图片，输入标题，点击“确认”按钮进行添加；同时可对轮播图进行增删改查。界面图如下。

图4-13轮播图管理界面图

轮播图上传代码如下：
 @PostMapping("/upload")

    public Map<String, Object> upload(@RequestParam(value = "file",required=false) MultipartFile file,HttpServletRequest request) {

        log.info("进入方法");

        if (file.isEmpty()) {

            return error(30000, "没有选择文件");

        }

        try {

            //判断有没路径，没有则创建

            String filePath = request.getSession().getServletContext().getRealPath("\\") +"upload\\";

            File targetDir = new File(filePath);

            if (!targetDir.exists() && !targetDir.isDirectory()) {

                if (targetDir.mkdirs()) {

                    log.info("创建目录成功");

                } else {

                    log.error("创建目录失败");

                }

            }

            String fileName = file.getOriginalFilename();

            int lastIndexOf = fileName.lastIndexOf(".");

            String suffix = fileName.substring(lastIndexOf);

            fileName = IdWorker.getId()+suffix;

            File dest = new File(filePath + fileName);

            log.info("文件路径:{}", dest.getPath());

            log.info("文件名:{}", dest.getName());

            file.transferTo(dest);

            JSONObject jsonObject = new JSONObject();

            jsonObject.put("url", "/api/upload/" + fileName);

            return success(jsonObject);

        } catch (IOException e) {

            log.info("上传失败：{}", e.getMessage());

        }

        return error(30000, "上传失败");

}

1. 敏感词管理：管理员在个人博客系统中的敏感词管理功能是确保系统内容健康、清爽的重要一环。通过添加、编辑、删除敏感词，设置敏感词过滤规则和审核机制，管理员可以有效地控制和管理系统内容的质量和安全性，保障用户在个人博客系统中的良好使用体验，维护系统的良好运行环境。界面图如下图所示。

图4-14敏感词管理界面图

5系统测试

5.1 系统测试用例

系统测试包括：用户登录功能测试、文章目录查看功能测试、文章目录搜索、密码修改、功能测试，如表5-1、5-2、5-3、5-4所示：

用户登录功能测试：

表5-1 用户登录功能测试表

用例名称	用户登录系统
目的	测试用户通过正确的用户名和密码可否登录功能
前提	未登录的情况下
测试流程	1) 进入登录页面 2) 输入正确的用户名和密码
预期结果	用户名和密码正确的时候，跳转到登录成功界面，反之则显示错误信息，提示重新输入
实际结果	实际结果与预期结果一致

文章目录查看功能测试：

表5-2 文章目录查看功能测试表

用例名称	文章木查看
目的	测试文章目录查看功能
前提	用户登录
测试流程	点击文章目录
预期结果	可以查看到所有博客文章目录
实际结果	实际结果与预期结果一致

文章目录搜索功能测试：

表5-3文章目录搜索功能测试表

用例名称	文章目录搜索测试
目的	测试文章目录搜索功能
前提	无
测试流程	1）在搜索框填入搜索类型。 2）点击搜索按钮。
预期结果	页面显示包含有搜索关键字的文章目录
实际结果	实际结果与预期结果一致

密码修改搜索功能测试：

表5-4 密码修改功能测试表

用例名称	密码修改测试用例
目的	测试管理员密码修改功能
前提	管理员用户正常登录情况下
测试流程	1）管理员密码修改并完成填写。 2）点击进行提交。
预期结果	使用新的密码可以登录
实际结果	实际结果与预期结果一致

5.2 系统测试结果

通过编写个人博客系统的测试用例，已经检测完毕用户登录功能测试、文章目录查看功能测试、文章目录搜索、密码修改功能测试，通过这4大模块为个人博客系统的后期推广运营提供了强力的技术支撑。