目  录

摘要

1 绪论

1.1研究意义

1.2开发背景

1.3系统开发技术的特色

1.4论文结构与章节安排

2 个人博客系统系统分析

2.1 可行性分析

2.2 系统流程分析

2.2.1数据增加流程

2.3.2数据修改流程

2.3.3数据删除流程

2.3 系统功能分析

2.3.1 功能性分析

2.3.2 非功能性分析

2.4 系统用例分析

2.5本章小结

3 个人博客系统总体设计

3.1 系统架构设计

3.2 系统功能模块设计

3.2.1整体功能模块设计

3.2.2用户模块设计

3.2.3评论管理模块设计

3.3 数据库设计

3.3.1 数据库概念结构设计

3.3.2 数据库逻辑结构设计

3.4本章小结

4 个人博客系统详细设计与实现

4.1用户功能模块

4.1.1 前台首页界面

4.1.2 用户登录界面

4.1.3用户注册界面

4.1.4评论界面

4.1.5 公告栏界面

4.1.6 博客中心详情界面

4.2管理员功能模块

4.2.1 用户管理界面

4.2.2 博客资讯管理界面

4.2.3 站点管理界面

4.2.4 更多管理界面

5系统测试

5.1系统测试的目的

5.2 系统测试用例

5.3 系统测试结果

结论

参考文献

致  谢

摘要

随着Internet的广泛应用，动态网页技术也应运而生。本文介绍了应用ASP动态网页技术开发个人博客系统的设计与实现。

个人博客系统主要为用户提供博客资讯、博客资讯分类、博客分类、博客中心、数据分析等功能，用户通过Internet可以发表一些自已撰写的文章以和其他网友进行交流。博客系统主要实现了文章管理的数字化、信息化、智能化，是打破传统报刊、杂志发表文章方式的新尝试。

本系统的开发设计实现采用springboot技术，系统后台使用JavaScript的Mysql数据库，并通过使用Java技术访问。

本文对个人博客系统进行整体分析，明确了系统的可行性和用户需求:根据模块化原理，规划设计了系统功能模块;在数据库设计部分，详细说明了系统数据库的结构和数据库的完整性、安全性措施;程序设计则采用面向对象的程序设计思想，提出系统的程序设计思路，对前台与后台功能的程序实现进行了详细论述;系统测试部分，具体分析测试过程中出现的主要问题，并提出了解决方案，实现系统功能。最后，对系统作以客观、全面的评价，并对进一步改进提出了建议。

关键词：springboot技术；MYSQL；个人博客系统

Abstract

With the wide application of Internet, dynamic web page technology also came into being. This paper introduces the design and implementation of developing personal blog system by using ASP dynamic web page technology.

Personal blog system mainly provides users with blog information, blog information classification, blog classification, blog center, data analysis and other functions. Users can publish some articles written by themselves through the Internet to communicate with other netizens. Blog system mainly realizes the digitization, informatization and intelligence of article management. It is a new attempt to break the traditional way of publishing articles in newspapers and magazines.

The development, design and implementation of this system adopts springboot technology, and the MySQL database of JavaScript is used in the background of the system, which is accessed by using Java technology.

This paper makes an overall analysis of the personal blog system, and defines the feasibility and user needs of the system: according to the modular principle, the system function module is planned and designed; In the database design part, the structure of the system database and the integrity and security measures of the database are described in detail; The program design adopts the idea of object-oriented programming, puts forward the idea of system programming, and discusses in detail the program realization of foreground and background functions; In the system testing part, the main problems in the testing process are analyzed, and the solutions are put forward to realize the system functions. Finally, the system is evaluated objectively and comprehensively, and suggestions for further improvement are put forward.

Keywords:Springboot technology; MYSQL； Personal blog system

在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet. 上发布信息主要是通过网站来实现的，获取信息也是要在Internet%261 dquo;海洋%26rdquo;中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。根据个人喜好开发了博客网站。

1.2开发背景

在没有自己的博客之前,人们会经常进出于论坛发表贴子或者通过即时通信软件聊天，来表达自己的想法，可是这些都是零散的和杂乱的。博客的出现，让人们可以不断的把自己以前的和每天激发的一些想法或者感受整理放在自己的博客上，每次在写文章的时候，可能又会产生新的想法。虽然一些想法一些思考只是皮毛，没有什么深度，但是当下笔去写的时候每次都会对某个小小的问题有了更多的一点点思考，再写博客的时候就感觉到了一种满足感，一种想法得以释放思考得以延伸的满足感。生活中每天的一个小小的事情都会引起人们的思考，甚至是和朋友的聊天中一个小小的火花迸发。督促自己努力把一时的想法变成观点，争取在生命中的每天里留下点什么，这也是人们写博客的目的之一。这样就能督促自己每一天不要浑浑噩噩，时光流逝无痕无声无息，写博客也是在自己的每一天上留下了一道浅浅的思考和划痕。

不仅如此，通过写博客、记录自己的想法可以帮助实现如下这些目的:

1)记录生活，在自己的每一天上留下思考的划痕。

2)整理思路，固化知识，获得更多更好的想法。

3)分享，将自己的想法、经验与人分享。

4)交流、提高，通过交流产生更多的思维火花，相互提高。

5)交友，互相鼓励，一路同行。

如果说博客网站是一个舞台，那么所有的博客都是其中的舞者,把自己有价值的真实的一面展示在网络世界中，相互交流沟通;如果博客仅仅为了写日志，那么博客是一面镜子，镜子中展现的是真实的自己;如果博客是一个自由媒体，可以把自身感觉有价值的信息通过博客这个工具发布，与网友共享。

1.3系统开发技术的特色

（1）个人博客系统中的web后台管理中的后端不再使用古老的jsp+javabean+servlet技术，而是使用当前主流的springboot框架，它减少java配置代码，简化编程代码，目前springboot框架也是很多企业选择的框架之一。

（2）个人博客系统 中的web后台管理中的前端使用的是JavaScript框架，它配合ajax[8]和jquery[9]可以美化页面设计。

（3）个人博客系统 中数据库用的mysql5.7，它执行效率高。

1.4论文结构与章节安排

论文将分层次经行编排，除去论文摘要致谢文献参考部分，正文部分还会对网站需求做出分析，以及阐述大体的设计和实现的功能，最后罗列部分调测记录，论文主要架构如下：

第一章：引言。第一章主要介绍了课题研究的背景，系统开发的现状和本文的开发背景与主要工作。

第二章：系统需求分析。第二章主要从系统的用户、功能等方面进行需求分析。

第三章：系统设计。第三章主要对系统框架、系统功能模块、数据库进行功能设计。

第四章：系统实现。第四章主要介绍了系统框架搭建、系统界面的实现。

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

第六章：总结。

系统分析是开发一个项目的先决条件，通过系统分析可以很好的了解系统的主体用户的基本需求情况，同时这也是项目的开发的原因。进而对系统开发进行可行性分析，通常包括技术可行性、经济可行性等，可行性分析同时也是从项目整体角度进行的分析。然后就是对项目的具体需求进行分析，分析的手段一般都是通过用户的用例图来实现。下面是详细的介绍。

2.1 可行性分析

（1）经济可行性：

在项目上使用的工具大部分都是是当下流行开源免费的，所以在开发前期，开发时用于项目的经费将会大大降低，不会让开发该软件在项目启动期受到经费的影响，所以经济上还是可行的。尽量用最少的花费去满足用户的需求。省下经费用于人工费，以及设备费用。将在无纸化，高效率的道路上越走越远。

所以经济可行性没有问题。

（2）操作可行性：

此次项目设计参考了几个该模式下网站的开发案例，对他们的操作界面分析，将众多案例结合在一起，突出以人为本简化操作，所以具有基本计算机知识的人都会操作本项目。

因此操作可行性也没有问题。

（3）技术可行性：

技术可行性指的是对于搭建框架的可行性，以及有更优秀的技术出现时系统的技术更新换代的纳新性如何，开发时间成本费用比如何。

现有的springboot技术能够迎合所有电子商务系统的搭建。开发这个个人博客系统 的时候我采用了springboot+MYSQL用以运行整体程序。

综上所述技术可行性也没有问题。

（4）法律可行性：

从开发者角度来看，springboot和MYSQL是网上开源且免费的，在知识产权方面不会产生任何法律纠纷。

从用户使用角度来看，只要不再系统上贩卖违禁品，对系统做出条约协议，杜绝非法支付即可。

综上所述法律可行性也没有问题。

2.2系统流程分析

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

2.2.1 数据增加流程

用户成功登入系统后就能够实现增加数据的操作，增加数据的编号是特定的，系统生成，用户不能随意填写，除了编号以外，其他增加信息用户自己填写，填写后的信息经过系统验证，验证合法通过就显示增加数据成功了，相反的话，就没有增加成功，图2-1显示的就是在增加数据时的流程。

图2-1  数据增加流程图

2.2.2 数据修改流程

数据修改时的流程和上面介绍的数据增加时的流程差不多，如图2-2所示。

图2-2  数据修改流程图

2.2.3 数据删除流程

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

图2-3  数据删除流程图

2.3 系统功能分析

2.3.1 功能性分析

按照个人博客系统 的角色，我划分为了注册用户管理模块和管理员管理模块这两大部分。

注册用户管理模块：

（1）用户注册登录：用户注册为用户并登录个人博客系统 ；用户对个人信息的增删改查，比如个人资料，密码修改。

（2）查看个人博客系统 的首页信息：个人博客系统 的首页信息包含了首页、公告消息、博客资讯、博客中心、我的等。

（3）公告：用户在公告这一菜单下对用户提交的查看、同时也可以发布、评论。

（4）博客资讯：用户进行资讯的阅览，查看管理者发布的博客资讯信息。

（5）博客中心：在首页导航栏上我们会看到“博客中心”这一菜单，我们点击进入进去以后，会看到所有管理员在后台发布的博客信息，我们选择想要了解博客信息，可以点赞+收藏+评论；

（6）我的收藏：在“我的”下可以查看管理“我的收藏”信息，可以查看收藏，也可以对不喜欢的信息进行删除收藏；

管理员管理模块：

（1）用户管理：管理员可以对前台上注册过的用户信息进行管控，也可以对管理员信息进行管控。

（2）博客资讯管理：管理员在后台可以对个人博客系统 中显示的博客资讯进行增删改查。

（3）内容管理：管理员可以对个人博客系统 前台展示的博客资讯以及博客资讯分类的分类进行管控。

（4）更多管理：在“更多管理”这一菜单下，可以对管理人员用户操作的博客分类、博客中心、数据分析以及在前台用户提交的公告消息、博客资讯、博客中心进行管控。

（5）站点内容管理：管理员可以对个人博客系统中首页显示的轮播图以及系统中的一些公告发布到系统当中，让用户及时的查看到系统信息，进行合理安排。

2.3.2 非功能性分析

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

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

安全性

主要指个人博客系统 数据库的安装，数据库的使用和密码的设定必须合乎规范。

可靠性

可靠性是指个人博客系统能够安装用户的指示进行操作，经过测试，可靠性90%以上。

性能

性能是影响个人博客系统占据市场的必要条件，所以性能最好要佳才好。

可扩展性

比如数据库预留多个属性，比如接口的使用等确保了系统的非功能性需求。

易用性

用户只要跟着个人博客系统的页面展示内容进行操作，就可以了。

可维护性

个人博客系统开发的可维护性是非常重要的，经过测试，可维护性没有问题

2.4 系统用例分析

通过2.3功能的分析，得出了本个人博客系统 的用例图：

用户角色用例如图2-3所示。

图2-3 个人博客系统普通用户角色用例图

web后台管理上的管理员是维护整个个人博客系统中所有数据信息的。管理员角色用例如图2-4所示。

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

2.5本章小结

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

3 个人博客系统总体设计

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

3.1 系统架构设计

本个人博客系统从架构上分为三层：表现层（UI）、业务逻辑层（BLL）以及数据层（DL）。

图3-1个人博客系统 系统架构设计图

表现层（UI）：又称UI层，主要完成本个人博客系统的UI交互功能，一个良好的UI可以打打提高用户的用户体验，增强用户使用本个人博客系统时的舒适度。UI的界面设计也要适应不同版本的个人博客系统以及不同尺寸的分辨率，以做到良好的兼容性。UI交互功能要求合理，用户进行交互操作时必须要得到与之相符的交互结果，这就要求表现层要与业务逻辑层进行良好的对接。

业务逻辑层（BLL）：主要完成本个人博客系统的数据处理功能。用户从表现层传输过来的数据经过业务逻辑层进行处理交付给数据层，系统从数据层读取的数据经过业务逻辑层进行处理交付给表现层。

数据层（DL）：由于本个人博客系统的数据是放在服务端的mysql数据库中，因此本属于服务层的部分可以直接整合在业务逻辑层中，所以数据层中只有数据库，其主要完成本个人博客系统的数据存储和管理功能。

3.2 系统功能模块设计

3.2.1整体功能模块设计

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

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

3.2.2用户模块设计

后台管理者能够实现对前台注册的用户增删改查操作，用户模块结构图如下图：

图3-3用户用户模块结构图

3.2.3评论管理模块设计

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

图3-4评论模块结构图

3.3 数据库设计

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

3.3.1 数据库概念结构设计

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

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

下面根据个人博客系统的数据库总E-R关系图可以得出个人博客系统需要很多E-R图，在此罗列出来一些主要的数据库E-R模型图。

图3-7用户注册E-R关系图

图3-8 博客中心E-R关系图

图3-9数据分析E-R关系图

图3-10评论E-R关系图

3.3.2 数据库逻辑结构设计

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

user_registration表：

名称

类型

长度

不是null

主键

注释

user_registration_id

int

11

是

是

用户注册ID

gender

varchar

64

否

否

性别

examine_state

varchar

16

是

否

审核状态

recommend

int

11

是

否

智能推荐

user_id

int

11

是

否

用户ID

create_time

datetime

0

是

否

创建时间

update_time

timestamp

0

是

否

更新时间

data_analysis表：

名称

类型

长度

不是null

主键

注释

data_analysis_id

int

11

是

是

数据分析ID

analysis_number

varchar

64

否

否

分析编号

blog_type

varchar

64

否

否

博客类型

number_of_hits

int

11

否

否

点击数

analysis_time

date

0

否

否

分析时间

analysis_content

text

0

否

否

分析内容

recommend

int

11

是

否

智能推荐

create_time

datetime

0

是

否

创建时间

update_time

timestamp

0

是

否

更新时间

blog_classification表：

名称

类型

长度

不是null

主键

注释

blog_classification_id

int

11

是

是

博客分类ID

blog_type

varchar

64

否

否

博客类型

recommend

int

11

是

否

智能推荐

create_time

datetime

0

是

否

创建时间

update_time

timestamp

0

是

否

更新时间

blog_center表：

名称

类型

长度

不是null

主键

注释

blog_center_id

int

11

是

是

博客中心ID

blog_number

varchar

64

否

否

博客编号

blog_type

varchar

64

否

否

博客类型

blog_title

varchar

64

否

否

博客标题

blog_tag

varchar

64

否

否

博客标签

blog_cover

varchar

255

否

否

博客封面

blog_content

longtext

0

否

否

博客内容

hits

int

11

是

否

点击数

praise_len

int

11

是

否

点赞数

recommend

int

11

是

否

智能推荐

create_time

datetime

0

是

否

创建时间

update_time

timestamp

0

是

否

更新时间

comment表：

名称

类型

长度

不是null

主键

注释

comment_id

int

11

是

是

评论ID

user_id

int

11

是

否

评论人ID

reply_to_id

int

11

是

否

回复评论ID

content

longtext

0

否

否

内容

nickname

varchar

255

否

否

昵称

avatar

varchar

255

否

否

头像地址

create_time

timestamp

0

是

否

创建时间

update_time

timestamp

0

是

否

更新时间

source_table

varchar

255

否

否

来源表

source_field

varchar

255

否

否

来源字段

source_id

int

10

是

否

来源ID

notice表：

名称

类型

长度

不是null

主键

注释

notice_id

mediumint

8

是

是

公告id

title

varchar

125

是

否

标题

content

longtext

0

否

否

正文

create_time

timestamp

0

是

否

创建时间

update_time

timestamp

0

是

否

更新时间

3.4本章小结

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

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

4.1用户功能模块

4.1.1 前台首页界面

当进入个人博客系统的时候，首先映入眼帘的是系统的导航栏，下面是轮播图以及系统内容，其主界面展示如下图4-1所示。

图4-1 前台首页界面图

4.1.2用户登录界面

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

图4-2用户登录界面图

登录关键代码如下所示。

/**

     * 登录

     * @param data

     * @param httpServletRequest

     * @return

     */

    @PostMapping("login")

    public Map login(@RequestBody Map 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;

        Map map = new HashMap();

        if(username != null && "".equals(username) == false){

            map.put("username", username);

            resultList = service.select(map, new HashMap()).getResultList();

        }

        else if(email != null && "".equals(email) == false){

            map.put("email", email);

            resultList = service.select(map, new HashMap()).getResultList();

        }

        else if(phone != null && "".equals(phone) == false){

            map.put("phone", phone);

            resultList = service.select(map, new HashMap()).getResultList();

        }else{

            return error(30000, "账号或密码不能为空");

        }

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

            return error(30000, "账号或密码不能为空");

        }

        //判断是否有这个用户

        if (resultList.size()