????作者简介：在校研究生，拥有计算机专业的研究生开发团队，分享技术代码帮助学生学习，独立完成自己的网站项目。

代码可以查看文章末尾⬇️联系方式获取，记得注明来意哦~????
赠送计算机毕业设计600个选题excel文件，帮助毕业大学生选题。
赠送开题报告模板，帮助书写开题报告。
作者完整代码目录供你选择：

《Springboot网站项目》1000套
《ssm网站项目》800套
《小程序项目》300套
《App项目》500套
《Python网站项目》600套
⬇️主页可以获取联系方式，需要源码或者演示视频可以联系⬇️

⚡感兴趣大家可以点点关注收藏，后续更新更多项目资料。⚡

项目展示

B站视频演示地址:
⚡项目运行视频(B站):https://www.bilibili.com/video/BV14GmyY8E8d/
⚡项目架构教学教程:https://www.bilibili.com/video/BV1De411m7g1

设计报告

1 绪论

1.1 研究背景

在这个推荐个性化的时代，采用新技术开发一个博客系统来分享和展示内容是一个永恒不变的需求。本次设计的个人博客系统有管理员，用户，博主三个角色。管理员功能有个人中心，用户管理，博主管理，文章分类管理，博主文章管理，系统公告管理，轮播图管理。博主可以注册登录，修改个人信息，对自己发布的博主文章进行管理操作。用户可以注册登录，查看管理员发布的公告信息和博主发布的文章信息，还可以对博主文章进行收藏评论以及评论操作。

1.2 研究意义

通过网络进行文章的转移展示，可以让用户和博主都能感受到互联网的魅力，让用户解除了地理的远近的限制和降低欣赏时间的成本。本次开发的个人博客系统具有下面的意义：

第一，现实中租赁场地欣赏文章与互联网办公设备的费用比较起来可谓是天上地下，能有效的节约成本。

第二，用户和博主都可以通过网络查看，避免了线下来回路费的实际成本。

综上所述，网络展示可以让展示变得更加灵活，是对传统展示模式的突破与变革，对于众多用户以及博主都有很强烈的吸引力和亲和力，在互联网时代真正实现了多环节的多赢。

1.3 研究内容

本文主要对已开发程序进行文档说明，文章从绪论，开发技术，系统分析与设计，系统实现与测试等环节进行程序描述。

绪论：绪论部分主要从课题的背景，课题的意义等角度进行阐述。

开发技术：开发技术部分主要还是介绍开发的平台，使用的技术与开发的语言等内容。

系统分析：系统分析部分主要还是分析系统的运行流程与系统需要具备的功能等进行分析。

系统设计：系统设计主要还是基于系统分析，从系统分析得出的功能进行详细设计和数据库设计。

系统实现：系统实现主要运用开发知识对系统设计的功能进行实现。

系统测试：系统测试主要检测完成开发程序整体运行是否报错，程序运行使用是否可靠。

2 开发技术

2.1 VUE框架

Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。

Vue 只关注视图层， 采用自底向上增量开发的设计。

Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

2.2 Mysql数据库

关于程序的数据结构设计，数据的字段设计，为了更好的、更规范的使用数据库，在数据库里进行了字段的设计挑选。关系型数据库可挑选范围不广，基本上也就是甲骨文公司的Oracle和mysql，微软的SQL SERVER和ACCESS，IBM的DB2数据库，常用的也就5个，根据课题需求，创建的程序进行选择数据库的时候，最重要的一条就是符合课题设计的需要，在五个数据库里可以说都符合，但是从课题的需求具体分析，Oracle明显不合适，维护难，又比较臃肿，课题程序只用到了里面很少一部分，SQL SERVER数据库安装维护方面动不动就需要重装系统，因为操作系统的限制，也不采用SQL SERVER，ACCESS数据库比较简单小巧，但是安全性方面还有语言支持方面比较片面，也不予考虑，DBM数据库接触较少也不考虑，只有MYSQL数据库，社区版完全的不用掏钱，并且是开源，值得信赖，从关系型数据库里挑选到MySQL，是因为完全符合课题需要，而且小巧，基本不占用硬盘的空间，处理性能也可以，这就是选择MySQL数据库作为课题程序所需要的数据库的理由。

2.3 Spring Boot框架

Spring Boot 是由 Pivotal 团队提供的全新框架，其设计目的是用来简化新 Spring 应用的初始搭建以及开发过程。该框架使用了特定的方式来进行配置，从而使开发人员不再需要定义样板化的配置。用我的话来理解，就是 Spring Boot 其实不是什么新的框架，它默认配置了很多框架的使用方式，就像 Maven 整合了所有的 Jar 包，Spring Boot 整合了所有的框架。

2.4 layui介绍

layui 是一套开源的 Web UI 解决方案，采用自身经典的模块化规范，并遵循原生 HTML/CSS/JS 的开发方式，极易上手，拿来即用。其风格简约轻盈，而组件优雅丰盈，从源代码到使用方法的每一处细节都经过精心雕琢，非常适合网页界面的快速开发。layui 区别于那些基于 MVVM 底层的前端框架，却并非逆道而行，而是信奉返璞归真之道。准确地说，它更多是面向后端开发者，你无需涉足前端的各种工具，只需面对浏览器本身，让一切你所需要的元素与交互，从这里信手拈来。

3 系统分析

通过阅读查看之前收集的各种文献资料，了解了程序开发遵循的大体流程。其中系统分析也就是其流程当中的一部分，系统分析也是对所选课题，通过对使用者的调查分析，对同类型课题进行比较分析过程中得出本课题需要具备的功能，此部分也是对所选课题的功能等进行需求分析。

3.1可行性研究

开发任何程序都需要提前进行分析，也包括了程序的开发与使用是否可行的分析，通常在可行性分析部分，需要涉及到的内容有经济是否可行，有对开发者开发技术上是否可行的分析，有对使用者运行操作程序是否可行的分析等。

（1）技术可行性

此课题主要用于检验本人的专业知识，检验本人将理论运用于实践的能力。由于本人作为大学生，在大学校园学习了程序开发方面的专业知识，也多次根据学院老师布置的期末作业进行过程序小功能模块的制作与开发，也参与过本专业的课程设计作业，因此本人具备一定高度的开发经验，并在开发技术上，比如Spring Boot这种课堂上学习并实践过的网页技术等有了一定的技术基础，在操作软件的使用上，比如数据库Mysql的操作等都有一定的熟练度。所以，只要配置好开发的相关环境，程序开发就会很快上手。

（2）经济可行性

此次课题主要用于毕业答辩，并不是作为商业程序投入社会使用。运用的开发软件通过各大网页浏览器就可以下载在笔记本电脑上，环境安装教程也在各大网页浏览器上查看，在开发期间，包括代码的编写也可以通过网页浏览器下载相应功能模块的代码，然后对下载的功能模块代码进行相应的编辑，就可以写入程序中。可以说整个过程并没有涉及到资金的投入，在程序开发硬件设备上，仅需一台电脑，鼠标，键盘等设备，这些硬件设备也无需额外掏钱欣赏，因为校园文章馆有专门的计算机机房供学生使用，另外，由于本专业的原因，本人早期已购置一台笔记本，所以硬件设备都已具备。因此此程序在经济投入上是零支出，具备可行性。

（3）运行可行性

此次课题在界面设计上讲究简单化，美观的设计原则，在对各个功能的流程设计上也是比较通俗易懂的，所以程序一旦投入使用，对使用者的计算机操作水平没有过多要求，加上现如今计算机在各个行业都有运用，以及人们学历的普遍提升，大部分人在操作具备可视化操作界面的程序时，很快就可以上手，就算有少数人不懂怎么操作，经人简单指点培训也可以操作程序。因此，程序投入使用，在运行上具备可行性。

程序可行性分析，分析了开发者的技术可行，分析了使用者的运行使用可行，分析了程序开发的经济可行。总之，开发与使用该程序完全可行。

3.2系统性能分析

程序一旦开发完成，就会投入生活中使用，使用者大多都是使用程序的功能区解决问题，之所以去分析程序需要具备的性能特征，主要还是确保程序运行中，在质量上是可靠的，在数据安全上是值得放心的，以及程序是一个健壮性的程序，程序在今后的社会变化中，也能通过编辑修改进行升级，以满足使用者不断变化的需求等等，这些特点都是程序的性能需要具备的特点。之所以要进行性能分析，也主要是考虑程序投入使用中，要尽可能降低程序的维护成本，要始终保持程序可以可靠运行，并长时间帮助使用者处理各种数据。在程序的功能符合使用者的要求的前提下，只有稳定可靠的程序，才能得到使用者的青睐。

3.3 系统流程分析

每个程序开发出来，不管是登录，添加信息等操作都是遵循一定的操作流程的，每个流程都有相应的判断，所以在分析系统的时候，也有必要对系统的流程进行分析。

3.3.1 系统开发流程

程序开发首先需要分析所开发程序的功能，这个步骤也是程序的需求分析阶段，这个阶段的任务很重要，因为程序功能确定之后，后面的设计，编码等环节都跟系统的分析阶段所完成的内容挂钩。程序在开发时大致都遵循以下流程。

图3.1系统开发流程图

3.3.2 系统注册流程

程序提供注册的功能（注册对应流程在下图展示）。就是让非系统操作用户变成程序的操作用户，主要让用户在注册页面上，根据页面提示，规范填写个人信息，程序也会根据用户填写的内容进行逻辑判断，确定用户身份是合格的身份之后，用户填写的数据才可以被数据库写入用户数据表里面。

3.2 注册流程图

3.3.3 系统登录流程

程序投入生活让使用者使用，都需要经过登录模块这个入门环节，这个功能也就像现实生活一样，需要使用正确的钥匙打开门，才能进入。而登录模块需要的钥匙就是账号，密码，这两项数据正确就能访问程序的功能区。登录流程也会在下图展示，里面也有相应的判断规则。

图3.3 登录流程图

4 系统设计

系统分析接下来的操作步骤就是系统的设计，这部分内容也是不能马虎对待的。因为生活都是在不断产生变化，人们需求也是在不断改变，开发技术也是在不断升级，所以程序也需要考虑在今后可以方便进行功能扩展，完成升级。程序也需要具备大容量以及对其它软硬件的适应能力，而不仅仅是满足现有用户提出来的功能需求，程序在设计期间始终要以发展的理念来进行，要让程序的开发技术上具备先进性的特点，也要让程序开发成本降低，以及让程序后期运行使用时易于维护。

4.1 系统结构设计

本程序在设计结构选择上首选B/S，也是为了满足程序今后升级便利，以及程序低维护成本的要求。本程序的网络拓扑设计也会在下图展示，通过图形的方式来描述更容易理解。

图4.1 系统网络拓扑设计图

4.2系统功能模块设计

程序的功能在系统分析这部分已经确定了，这部分主要还是针对程序功能进行更加详细的设计，设计成果使用结构图展示直观明了，也更容易让人理解。绘制结构图采用的工具是Visio，使用它可以快速绘制出不同角色拥有的功能结构。

图4.2 功能结构图

4.3数据库设计

对程序的功能分析与结构设计之后，也要对程序数据存储的工具进行选择，本程序选用的数据存储仓库是Mysql，选用这个工具就需要根据该数据库的特点进行数据库文件的创建，并设计与之对应的数据表。

4.3.1数据库E-R图

设计一个数据库，不仅包含了数据库实体的设计，也包括了数据库表的结构设计，此部分内容设计的就是确认数据库的实体，并在此基础上对每个实体应该有的属性值进行分析设计，这些确认好的属性值对接下来的数据表的设计也是有很大帮助的，因为它们代表数据表里面的字段值。通常每个程序的数据库里面都具备用户这样的一个数据表。那么在分析用户这个实体的时候，都会设计出它的属性，有最基本的登录程序的账号属性，有用户的姓名属性，有用户的电话或联系地址属性等内容。一旦确认实体具备的属性之后，就可以采用相应的设计软件绘画出实体属性图，或者是实体之间的E-R图。设计E-R模型的软件有很多，这里列举常用的几个，一个是PowerDesigner，一个是Navicat绘制E-R模型，本设计模块用到的还是之前课堂上就了解并接触的Visio工具，这个工具跟办公软件Word，Excel一样都属于Office里面的一部分。使用Visio工具不仅在软件安装上快捷高效，而且它不会占用很多计算机的存储空间。

（1）个人博客系统设计了管理员实体，管理员实体属性图会在下图进行展示，此图的绘制工具是Visio工具。

图4.4 管理员实体属性图

（2）个人博客系统设计了用户实体，用户实体属性图会在下图进行展示，此图的绘制工具是Visio工具。

图4.5 用户实体属性图

（3）个人博客系统设计了文章分类实体，文章分类实体属性图会在下图进行展示，此图的绘制工具是Visio工具。

图4.6 文章分类实体属性图

4.3.2 数据库表结构

在上述内容中，已经设计出相应的E-R模型，就可以在数据库里面根据各个实体创建相应的数据表，不过在初次使用数据库工具的时候，是需要创建一个针对程序的数据库文件，有了此步操作之后，才在刚创建的数据库文件里面创建数据表，创建数据表需要涉及到字段的设计，主键的设计，字段长度与类型的设计等内容，只有设计好的数据表结构才可以按照此规则存放对应的程序数据。这里举个例子，就拿上面提到的用户实体来说吧，用户具备的属性值，比如账号，比如联系方式与电话等都可以设计成该用户数据表里面的字段，然后对这些字段设计其数据类型，长度，并选择该表的主键作为此用户数据表的唯一标志。数据库里面的各个数据表都有它们的主键，这样也是为了方便区分各个数据表。 

1系统公告表

序号	列名	数据类型	说明	允许空
1	Id	Int	id	否
2	addtime	Date	创建时间	是
3	title	String	标题	是
4	introduction	String	简介	是
5	picture	String	图片	是
6	content	String	内容	是

2博主文章表

序号	列名	数据类型	说明	允许空
1	Id	Int	id	否
2	addtime	Date	创建时间	是
3	wenzhangbiaoti	String	文章标题	是
4	wenzhangfenlei	String	文章分类	是
5	tupian	String	图片	是
6	bozhuhao	String	博主号	是
7	bozhuming	String	博主名	是
8	fabushijian	datetime	发布时间	是
9	jianshu	String	简述	是
10	wenzhangneirong	String	文章内容	是
11	thumbsupnum	Integer	赞	是
12	crazilynum	Integer	踩	是
13	clicktime	datetime	最近点击时间	是
14	clicknum	Integer	点击次数	是

3博主文章评论表

序号	列名	数据类型	说明	允许空
1	Id	Int	id	否
2	addtime	Date	创建时间	是
3	refid	Integer	关联表id	是
4	userid	Integer	用户id	是
5	nickname	String	用户名	是
6	content	String	评论内容	是
7	reply	String	回复内容	是

4博主表

序号	列名	数据类型	说明	允许空
1	Id	Int	id	否
2	addtime	Date	创建时间	是
3	bozhuhao	String	博主号	是
4	bozhuming	String	博主名	是
5	mima	String	密码	是
6	xingbie	String	性别	是
7	nianling	Integer	年龄	是
8	lianxidianhua	String	联系电话	是
9	dianziyouxiang	String	电子邮箱	是
10	touxiang	String	头像	是
11	jianjie	String	简介	是

5用户表

序号	列名	数据类型	说明	允许空
1	Id	Int	id	否
2	addtime	Date	创建时间	是
3	yonghuming	String	用户名	是
4	xingming	String	姓名	是
5	mima	String	密码	是
6	xingbie	String	性别	是
7	nianling	Integer	年龄	是
8	shoujihao	String	手机号	是

6文章分类表

序号	列名	数据类型	说明	允许空
1	Id	Int	id	否
2	addtime	Date	创建时间	是
3	wenzhangfenlei	String	文章分类	是

7收藏表

序号	列名	数据类型	说明	允许空
1	Id	Int	id	否
2	addtime	Date	创建时间	是
3	userid	Integer	用户id	是
4	refid	Integer	收藏id	是
5	tablename	String	表名	是
6	name	String	收藏名称	是
7	picture	String	收藏图片	是
8	type	String	类型(1:收藏,21:赞,22:踩)	是
9	inteltype	String	推荐类型	是

8配置文件表

序号	列名	数据类型	说明	允许空
1	Id	Int	id	否
上一篇：【C++】几个基本容器的模拟实现（string,vector,list,stack,queue,priority_queue） 相关文章 11-23A045-基于spring boot的个人博客系统的设计与实现 11-23springboot基于Spring Boot的古城景区管理系统的设计与实现docx-系统功能实现 11-23计算机毕设-基于springboot的复兴村医疗管理系统的设计与实现（附源码+lw+ppt+开题报告）-基于springboot的复兴村医疗管理系统-图片展示 11-23基于Spring Boot+Vue的多媒体素材管理系统的设计与实现 11-23基于Spring Boot 框架的试卷自动生成系统的设计与实现 11-23鸿鹄电子招投标系统源码实现与立项流程：基于Spring Boot、Mybatis、Redis和Layui的企业电子招采平台 11-23华为Mate70前瞻，鸿蒙NEXT正式版蓄势待发，国产系统迎来关键一战- 上个月，vivo、小米、OPPO、荣耀等众多智能手机制造商纷纷发布了他们的年度旗舰产品，手机行业内竞争异常激烈。 同时，华为首席执行官余承东在其个人微博上透露，Mate 70系列将标志着华为Mate系列手机达到前所未有的强大水平。 参照华为以往的预热节奏与发布传统，Mate 70系列极有可能在11月18日前后登场。 提及华为Mate 70系列最为引人注目的亮点，那就是自研的HarmonyOS NEXT莫属。 2019年，鸿蒙系统在初创阶段通过兼容Android应用，成功实现了生态系统的初步构建。 2024年，正式推出的HarmonyOS NEXT已构建起一套完全基于原生鸿蒙的独立应用生态体系。 携带的HarmonyOS NEXT系统，已经完成了对超过15000款应用/元服务的适配，覆盖了钉钉、京东、飞书、WPS、支付宝等几乎所有你能想到的主流应用，就连微信也进入了公测阶段。 而且，HarmonyOS NEXT不只是应用多，它还是一款原生AI OS！AI、IoT多端支持全面升级，无论是影像优化、图片处理，还是AI交互，都深度融合进了系统，想象一下，像荣耀发布会上那样，语音操控手机AI点餐，是不是觉得未来已来？ 硬件方面，麒麟芯片新版本即将随Mate 70系列亮相，虽然具体命名和参数还保密，但性能和能耗的提升几乎是板上钉钉的事，这不仅是华为的技术自信，更是对用户的承诺。 Mate 70系列或将配备一英寸巨型感光元件主摄，并融入可伸缩镜头技术，而Mate 70与Mate 70 Pro两款机型，则有望搭载豪威科技最新的OV50K超大光圈调节传感器。 至于侧边指纹解锁与3D面部识别的双重安全方案，目前仅是传闻，具体还需官方发布为准。 谈及消费者最为关注的价格话题，经历多轮市场波动后，Mate 70系列的定价变得难以预测。 不过，参考前代Mate 60系列的起始售价，个人推测Mate 70系列可能会定位在5000元左右的价格区间，华为品牌拥有庞大的用户基础，只要产品实力过硬，销量攀升几乎是水到渠成之事。 国产系统里程碑 11-23【系统设计】高效的分布式系统：使用 Spring Boot 和 Kafka 实现 Saga 模式-参考资料 11-23基于springboot的社区团购系统设计与实现-三、系统分析 11-23基于 Java 的 Spring Boot 和 Vue 的宠物领养系统设计与实现  "