【《基于Thymeleaf+SpringBoot的个人博客交流系统设计》10000字】

图4-3个人博客交流系统游客用例图管理员可以对博客、新闻、标签、分类、学习链接进行新加、删除、编辑、搜索等功能操作。图4-4个人博客交流系统管理员用例图4.3项目期望的部署环境 系统采用SpringBoot框架进行开发，SpringBoot框架支持将项目打包为jar包的形式部署再服务中，客户端只需要将jar包通过jar包的运行命令在服务器中启动即可。通过访问项目的端口，即可使用软件。并且支持windows和linux操作系统，对于系统运行的硬件门槛不高，内存为4G及以上，处理器为市面上主流的家用处理器即可。4.4本章小结 本章对系统的总体需求进行分析，主要从前端展示和后台管理两个方面进行总体分析。接下来对系统中的具体功能进行详细的分析，从管理员角色和游客角色进行分析，对不同的角色进行功能划分。最后对软件运行的环境进行介绍，软件运行的方式以及软件所能支持的最低硬件配置。5、系统设计与实现5.1系统前台功能设计个人博客交流系统前端主要划分为新闻轮播图、博客分页列表展示、Top标签展示、Top分类展示、最新博客推荐、博客详情展示、评论模块、个人简介模块。新闻轮播图：现在是信息化时代，我们每天都很有必要了解一些国家实时新闻热点或者是某个技术领域的焦点新闻。新闻轮播图就提供了这样一个功能，使用网络爬虫技术从互联网中爬取有价值的新闻内容。对我们软件开发行业来说，实时关注最新的技术动态、优秀开发者的心得感悟等等是很有必要的。后台管理员设置新闻的排序权值后便可以根据权值大小将新闻展示在前端页面轮播图中，为游客们在浏览网站的时候增加一些新的乐趣与创意。博客分页展示：当网站运营的时间越长，博客的数量会不断递增。这时如果将博客全部挤在一起显示，将会显得太过杂乱，页面也会变得不美观。所以系统采用10条/页进行显示，保证页面的整洁美观性。经过调查研究表明，大部分的网站采用了强制用户注册登录的方式才能进入网站或者浏览更加详细的文章内容，大多数游客因为繁琐的注册流程止步于此。因此本网站采用了非强制注册登录的方式，用户无需注册登录即可浏览网站自己感兴趣的全部内容，为读者提供便利，提升用户的体验感。Top分类展示：分类的作用和标签的作用是类似的，分类的主要功能是根据博客的关键词、讲述的主要内容来进行一个大层次的筛选，例如根据内容博客可以分为生活随笔、编程技术学习等等，实现网站对博客展示的条理清晰，界面美观。最新博客推荐：最新博客推荐是管理员根据最近博客添加的时间进行排序，筛选内容优质的博客推送到前端显示，方便游客了解网站中的最新内容，对信息的处理更加高效，节省用户的查找时间。博客详情展示：博客分页列表中展示的是标题、图片、所属的标签、博客所属的分类、创建时间。如果用户对标题内容感兴趣，想要进一步了解博客的具体内容，那么用户点击此条博客就会打开详情页面，展示更多的内容供游客浏览。评论模块：评论模块是为了让用户与博主进行一个更好的交流，当某一篇博客触动用户有感而发时，用户可以在博客下方发表自己的观点和建议。同时网站也省去了大多数网站需要登录才能评论的不便，只需要填写必要的信息即可，管理员审核通过后即可展示在博客下方。图5-1个人博客交流系统前台功能结构图5.2系统后台功能设计系统采用传统的管理者模式，在前台浏览时和普通游客的功能是一样的。在后台管理方面，管理员可以审核游客的评论以及进行系统内容的编辑。后台管理主要有数据分析模块、博客管理模块、标签管理模块、分类管理模块、学习链接管理模块、新闻管理模块、系统配置模块。数据统计模块：经过科学研究表明，80%以上的重要决策和运营方案都是通过数据分析研究确定的。因此在个人博客交流系统中加入了数据分析模块，我们需要计算特定分类的博客的数量，以及带有特定标签的博客的数量，以及浏览和关注度最高的博客有哪些，涉及的是哪些分类方向，在今后的系统管理中基于以上数据的统计分析对博客系统的后台管理方向会更加明确。博客管理模块：管理员可以通过一款第三方的MarkDown编辑器实现对博客的添加、编辑、修改和删除，这款第三方的编辑工具可以保留文本设置的HTML和CSS的样式在前端展示，使得博客内容更加丰富多彩，格式更加规范。分类、标签模块：在分类管理中管理员可以增加新的博客分类或者是新的博客标签，对博客进行归类存储，有利于系统的数据快速查询和减少用户的搜索时长。学习链接模块：在这个模块中管理员可以添加一些好的学习网站，现在很多刚入门编程的新手亦或是一些学习渠道不丰富的游客并不知道到一些好的学习网站，如果能将这些学习渠道分享给有需要的人将会对他们的学习产生有益的影响。新闻管理模块：管理员可以通过数据统计中心的数据图表获取数据统计结果，在爬取新闻时重点考虑这些分类方面的内容，抓住用户的喜爱点，留住用户。图5-2个人博客交流系统后台功能结构图5.3系统数据库设计所设计的数据库系统能够完全反映现实世界的信息和信息之间的关系，能够有效地存储数据。并且能够方便地进行各种数据检索和处理操作，同时信息的存储还需要根据功能模块中数量的准确性符合具体的功能需求。根据数据库系统的设计是将数据模型和概念互相转化。根据系统的需求分析，各实体与其对应属性之间的联系得出系统E-R图。新闻新闻管理员分类评论评论内容博客id回复内容查看浏览量类型内容查看分类排序分类名称分类图标标题nnn1图片创建时间用户名密码评论者标题标签标签名称m属于博客属于内容图片m浏览量分类状态m1m属于m11图5-3系统E-R图在个人博客交流系统的设计中，综合考虑到系统的规模、稳定性、性能和效率，特别是考虑到系统可移植性和成本上，Mysql服务器是不错的选择方案。下表是管理员的基本信息表，存储了管理的账号、密码等主要信息。表5.1管理员表(user)下表是博客信息表，存储了博客的标题、内容、以及操作权限等数据。表5.2博客表(blog)下表为系统中的博客分类属性表，记录了分类名称、以及分类图标，对博客数据进行分类统计。表5.3分类表(category)下表为评论的基本属性列表，记录评论人和回复者的基本信息，以及评论和回复的内容，时间等。表5.4评论表(comment)下表是博客标签的基本属性列表。表5.5标签表(tag)下表是系统配置信息属性表，记录系统中的配置信息。表5.6系统配置表(config)下表是学习链接的属性表，记录的是管理员向游客推荐的优质学习网站。表5.7学习链接表(link)下表是新闻的属性表，记录的是管理员向游客推荐的热点新闻。表5.8新闻表(news)5.4用户界面各模块的实现当用户访问网站首页时，会给用户呈现出简洁、清晰的展示界面。清晰的板块划分和排版能够让用户直观地了解系统的各个功能模块。图5-4首页展示图当用户访问个人博客交流系统首页时，是对系统index的请求，然后系统将会通过请求page接口，加载博客列表、新闻列表、热门标签、热门分类、最新博客以及推荐博客列表，数据经过Thymeleaf模板引擎渲染后在前端页面为用户展示。图5-5首页展示关键代码图用户点击具体博客链接后可以进入博客详情页面，查看更加具体的文章内容。图5-6博客详情展示图用户可以通过下面的评论功能表达自己的意见和想法。图5-7用户评论界面图当用户提交评论时，请求的是comment接口，校验填写相关信息正确后将会提交到后台管理员审核，审核通过后即可展示。图5-8用户评论关键代码图在后台管理界面中可以查看博客系统中的数据统计。数据统计中心是通过对博客系统中的分类、标签以及浏览量来进行动态统计。图5-9数据统计中心展示图数据统计中心的实现是借助Echarts图表进行实现的，实现的原理是通过访问后台接口，根据条件查询数据库数据，然后将数据进行封装后转换成json格式的数据返回至前端，最后将数据进行渲染，以图表的形式展示。图5-10数据统计中心展示关键代码图博客管理是管理员对博客记录进行管理的重要模块，能够对博客进行新增、添加、编辑、删除的操作。图5-11后台博客管理展示图管理员登录的页面将访问login接口，login接口获取管理员输入的表单信息包括账户、密码以及验证码等信息校对。图5-12后台管理登录展示图图5-13后台管理登录关键代码图评论管理界面，管理员可以对评论进行审核以及回复，如果评论内容不合规定，管理员可以将评论设置为不通过，无法在前端页面进行展示。图5-14后台评论管理效果图评论管理页面通过checkDone接口、reply接口获取数据，根据接口获取的id数量和数据持久层返回的操作数量进行判断是否评论成功或者回复成功。图5-15后台评论管理关键代码图分类管理页面是管理员对博客进行分类数据进行管理的页面。图5-16后台分类管理展示图分类页面访问的是CategoryController接口。图5-17后台分类管理关键代码图标签管理页面是管理员对博客管理数据进行管理的功能模块。图5-18后台标签管理展示图标签管理页面访问的是TagController。图5-19后台标签管理关键代码图学习链接页面是管理员向游客推荐学习网站和优质资源的功能页面，管理员可以设置链接的排序权值，系统会将权值大的学习链接优先展示。 图5-20后台链接管理展示图新闻管理页面是管理员进行新闻展示的页面，管理员可以爬取新闻，并且选择新闻的类型从互联网中筛选优质的新闻向用户展示，通过设置排序值，进行先后顺序的展示。图5-21后台新闻管理展示图

新闻管理页面访问的是newsController接口，同时根据不同的新闻类型爬取文章。图5-22后台新闻管理关键代码图系统配置功能可以通过可视面界面配置系统的站点信息以及网站的名称。图5-23系统配置展示图系统配置是ConfigurationController接口获取数据，将系统的配置信息通过参数传到后端接口，经过校验后修改数据库中的数据。图5-24系统配置关键代码图修改密码个人隐私和基本信息的更改设置页面。图5-25修改密码展示图修改密码是通过password接口获取数据，在修改密码前首先会校验用户输入的原密码是否正确，如果正确，用户可以进行下一步的密码修改操作，否则提示原密码不正确。图5-26修改密码关键代码图5.5本章小结 本章主要阐述了系统前端展示功能和后台管理功能的详细设计，前端要展示的具体数据和组件，与用户交互的具体功能。后台管理中管理员对系统的主要操作权限和功能，以及对博客数据的管理流程。使用E-R图呈现数据库的详细设计，分析实体与实体之间的关系。最后通过系统展示图例和关键代码分析阐述功能的逻辑和页面展示。6、系统测试6.1测试概述当项目中的功能开发完毕后，为了保证个人博客交流系统在使用的过程中，尽可能稳定流畅的运行，不出现重大的bug造成严重的损失。测试的标准应该根据项目的需求分析和系统设计进行测试，并根据测试用例设计的功能，测试程序是否正常执行。充分保证项目运行过程中出现的bug是最少的，提高用户的体验感是我们的第一宗旨。个人博客交流系统采用的是黑盒测试。通过系统已开发的功能，在一个封闭的状态下测试程序中的功能是否能够正常使用，而程序的内部逻辑和结构不是我们关心的主要内容。6.2可用性测试(1)游客使用：游客可以正常访问个人博客交流系统的各个功能模块，阅读新闻的具体内容。并且可以查看博客列表和详情，评论博客，查看热门标签和热门分类以及最新推荐的博客，符合游客的需求功能设计。测试通过。(2)管理员登录使用：管理员可以查看首页的新闻列表和博客列表，以及热门标签热门分类，最新推荐博客等等。管理员可以在后台博客管理系统中查看数据统计图表。系统实现对博客、新闻、分类、标签、学习链接的增加、删除、编辑，查看的功能实现。同时管理员可以对系统配置、登录密码进行修改。用户使用注销功能安全退出系统，防止账号密码泄露。符合个人博客系统对管理员角色的设计。测试通过。表6.1测试用例6.3安全性测试个人博客系统的安全测试的主要关注点在于系统在使用的过程中，除了系统管理员以外，游客不具有系统的数据操作权限，确保系统的数据安全性。经过严格的测试，只有管理员才可以对系统的数据进行增加、删除、修改的操作。游客不具备修改数据的权限。符合个人博客系统对数据安全性测试的设计，测试通过。6.4系统测试结果总结通过严格且规范化的系统性测试，对重要的功能进行重复测试。在测试的过程中，测试结果和预期结果保持一致性。这个步骤可以将系统中的错误尽可能多的排查出来。但是系统中依旧可能存在其他错误未被发现，但是目前系统可以正常的使用，并未出现其他错误。所以在后续的测试中会进一步对系统的细节功能进行更详细的测试，最大限度确保系统的正确性，基于此测试不断完善系统中的不足。6.5本章小结 本章通过可用性测试和安全性测试对系统进行严格的测试，检测系统中可能存在的安全性漏洞以及功能性缺陷，避免软件在运行中产生错误。参考文献[1]刘双.Spring框架中IOC的实现[J].电子技术与软件工程,2018(21):231.[2]杨世文,侯超钧.基于SSM框架的学术论坛管理系统设计与实现[J].计算机时代,2021(02):25-28+33.[3]石怡.基于MySQL数据库的查询性能优化研究[J].四川职业技术学院学报,2021,31(01):164-168.[4]何博文,郑剑.BBS论坛系统设计与实现[J].电脑知识与技术,2018,14(18):42-44.[5]王磊.对Mysql数据库的访问方法的研究[J].网络安全技术与应用,2014(04):138-139.[6]于亚芳,郭磊,汪加楠.基于OBE的JavaEE企业级应用开发课程改革探索[J].电脑知识与技术,2020,16(35):166-168.[7]汪龙飞.JavaEE开发的颠覆者:SpringBoot实战Spring实战（第4版)[M],电子工业出版社，2020[8]罗涛.基于SpringBoot的多用户博客系统的设计研究[D].青海师范大学,2020.[9]黎曦.基于网络爬虫的论坛数据分析系统的设计与实现[D].华中科技大学,2019.[10]陈小虎,邓惠俊.基于mybatis的数据持久层研究[J].成都工业学院学报,2020,23(02):29-32.[11]李娟,彭剑.基于SpringBoot的高校课程知识库的设计与实现[J].电脑知识与技术,2021,17(06):70-71.[12]李惠敏.中职《网页设计与制作