基于SpringBoot+Vue的IT博客管理系统

一、绪论

1.1 开发背景

近年来，随着互联网的普及和网络技术的发展，涌现出很大一批IT领域的技术爱好者和专业人士，他们往往拥有大量的知识和开发经验，并且想分享和交流他们的想法、经验和技术见解。并且技术社区也变得愈发活跃，越来越多的人喜欢在社区中分享问题、交流解决方案。该IT博客系统就为他们提供了一个平台，让他们交流经验，分享心得。不经如此，IT行业还成为了人们就业的首选，很多学生都选择了与IT相关的专业。开发者可以通过博客系统表达对新技术的见解和评价，促进技术进步和创新。
总的来说，IT博客系统的开发，IT博客系统促进了技术知识的共享和传播。开发者和专业人士可以通过博客系统分享自己的经验、解决方案、最佳实践和新技术的应用。这样的知识共享有助于整个社区的学习和进步。并且为学生、初学者和技术爱好者提供了一个学习的平台。他们可以通过阅读博客文章了解最新的技术趋势、学习实践经验和获取教程。它为IT社区的发展和个人的职业成长提供了重要的支持和推动。

1.2 系统开发平台

（1）数据库：MySQL和PowerDesigner。
（2）开发工具：IntelliJ IDEA。

1.2.1 Java语言的简介

Java是一种简单的，跨平台的，面向对象的，分布式的，解释的，健壮的安全的，结构的中立的，可移植的，性能很优异的多线程的，动态的语言[5]。

1.2.2 MySQL的简介

MySQL是一款安全、跨平台、高效的，并与 PHP、Java 等主流编程语言紧密结合的数据库系统。该数据库系统是由瑞典的MySQL AB公司开发、发布并支持，由MySQL的初始开发人员David Axmark和Michael Monty Widenius 于 1995年建立的。目前MySQL被广泛地应用在Internet上的中小型网站中。由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，使得很多公司都采用MySQL数据库以降低成本。

1.2.3 IntelliJ IDEA的简介

IntelliJ IDEA是一款由JetBrains开发的集成开发环境，用于Java、Kotlin和其他众多编程语言的应用开发。它通过提供强大的工具和功能，帮助开发人员提高开发速度、提升代码质量和改善工作流程，成为众多开发者的首选开发工具。

二、需求分析

2.1 系统简介

2.1.1 系统类型

开发本IT博客系统，是为满足程序员在线交流的基本需要，使程序员交流沟通更加方便快捷，提升用户的体验和感受。开发本系统过程中，采用了先分析程序员需求及现阶段在线博客系统发展状态等。主要从用户的角度来确定本IT博客系统的功能需求，分析了IT博客系统所要具备的基本功能，然后根据需求分析将功能分类整理成不同的功能模块。而后再进行本IT博客系统的技术实现。从多个角度去分析本IT博客系统的各个功能开发是否贴合实际，是否能够完成最终开发及实际使用。本IT博客系统使用IDEA开发平台基于Java语言、后端Spring Boot框架、前端Vue框架以及MySQL数据库实现。

2.1.2 系统用法

本IT博客系统操作方便而且页面友好，使用Java作为编程语言，IDEA 作为开发工具，MySQL作为后台数据存储。
本IT博客系统主要分为前台和后台两个大的模块。前台主要包括七个模块，分别为登陆注册模块，首页模块，文章信息模块，系统公告模块，个人中心模块，后台管理模块，在线客服模块。在前台，博主输入账号密码登录（若账号密码不正确会提示账号密码有误），登录后进入前台主页面进行操作选择，选择相应的功能跳转到相应的页面，在该页面进行相关操作。后台管理系统分别包括管理员管理和博主管理，管理员管理主要包括八个模块，分别为选角色登录模块，首页模块、个人中心模块、博主管理模块、文章分类管理模块、文章信息管理模块、举报投诉管理模块、系统管理模块；博主管理主要包括七个模块，分别为选角色登录模块、首页模块、个人中心模块、文章信息管理模块、举报投诉管理模块、我的收藏管理模块。在后台，管理员和博主分别输入账号密码并选择对应角色登录（若账号密码不正确会提示账号密码有误，若未选择角色或角色对应不正确会出现相应提示），登录后进入后台主页面进行操作选择，选择相应的功能跳转到相应的页面，在该页面进行相关管理操作。
本项目开发的IT博客系统测试结果表明IT博客系统各个功能模块的实现是可行的、正确的，并实现了预期IT博客系统的前后台各个功能效果，设计过程思路清晰，模块划分简洁，使用简单。

2.1.3 系统特点

根据本项目小组成员的讨论与调查，征集全体小组成员的意见，要求本IT博客系统具有如下性能：
（1）IT博客系统的数据处理准确性：IT博客系统处理数据的准确性是对IT博客系统的首要要求。在本IT博客系统设计和开发过程中，要充分考虑IT博客系统的处理数据性能是否能够准确无误的满足日常各类用户对IT博客系统使用和管理的需求。
（2）IT博客系统的可扩充性：本IT博客系统开发成功后能否继续对本系统进行功能扩充也是IT博客系统开发必要的特点。本IT博客系统设计和开发过程中，应该充分考虑IT博客系统的可扩充性，便于以后对IT博客系统功能进行扩充，满足更广大用户的需求。
（3）IT博客系统的易用性：IT博客系统使用的难易程度也是判断一个IT博客系统优劣的重要标准。开发出来的IT博客系统要有简单明了的操作页面，方便用户和管理者快速准确的进行使用和管理操作。

2.2 需求分析

2.2.1 系统设计任务

本IT博客系统前台主要包括七个模块，要求程序前台实现的有登陆注册模块，首页模块，文章信息模块，系统公告模块，个人中心模块，后台管理模块，在线客服模块。
本IT博客系统后台分别包括管理员管理和博主管理，管理员管理主要包括八个模块，分别为选角色登录模块，首页模块、个人中心模块、博主管理模块、文章分类管理模块、文章信息管理模块、举报投诉管理模块、系统管理模块；博主管理主要包括七个模块，分别为选角色登录模块、首页模块、个人中心模块、文章信息管理模块、举报投诉管理模块、我的收藏管理模块。本IT博客系统设计要求程序后台实现的有：
（1）选角色登录模块：为博主和管理员提供了灵活选择角色进行登录的便利。通过填写账号、密码等信息，用户可以在登录页面选择对应的角色，以进入相应的后台管理界面。
（2）个人中心模块：博主和管理员可以方便地查看和修改个人信息，进行退出登录操作，并且能够查看个人收藏等相关内容。
（3）博主管理模块：管理员可以获取博主账号、博主姓名、头像、性别、年龄、手机、邮箱等，并可以对博主信息进行搜索、查看、删除、修改等操作。
（4）文章分类管理模块：为管理员提供方便管理博客文章分类的重要功能区域。管理员可以通过该模块进行查询、查看、修改和删除分类等操作。
（5）文章信息管理模块：管理员可以编辑文章标题、分类、图片、发布日期、博主账号、邮箱等信息，并进行搜索、查看、删除、修改文章等操作；博主可以发布新的博客，查看、修改、删除、搜索已有博客，查看评论等。
（6）举报投诉管理模块：管理员可以对举报投诉信息进行编辑标题、类型、图片、举报内容、举报时间、博主账号、手机、审核回复、审核状态、审核等，并对举报投诉进行查询、查看、删除、修改等操作；博主可以进行新的举报投诉，查看、修改、删除、搜索已有举报投诉信息等。
（7）系统管理模块：管理员可以对轮播图、系统公告、在线客服等功能进行操作，在轮播图管理中，管理员可以在此页面进行首页轮播图的管理，通过新建操作可在轮播图中加入新的图片，还可以对以上传的图片进行修改操作，以及已有图片的删除操作。在系统公告中，管理员可以对系统公告进行编辑标题、简介、图片等信息，并对已有系统公告进行搜索、查看、删除、修改等操作。在在线客服中，管理员可以查看消息并回复。
（8）我的收藏管理模块：方便博主管理个人收藏内容。该模块允许博主对自己收藏的博客进行搜索、查看和删除等操作，以更好地组织和管理个人收藏。

2.2.2 系统设计目标

在当今社会当中随着现代科学技术网络的快速发展和博主对网络技术意识不断提高，网络给博主带来强大的功能早已经被博主所接受。本IT博客系统主要是用来让程序员进行交流沟通，在遇到难以解决问题时，可以在博客中找到相关文章，或者发布自己解决一些问题的方法和自己的相关知识[9]。本IT博客系统已经基本满足了现代化的信息化、潮流化的管理。能够有效的为相关IT从业者提供帮助。IT博客系统应达到以下目标：
（1）模块流程清晰，确保每个模块的流程清晰可见。
（2）系统正常运行且功能完善，IT博客系统应能够在预定的环境中正常运行，具备全部或符合需求的功能。
（3）简捷的前台和后台管理页面，IT博客系统的前台页面应具备用户友好的设计，同时，后台管理页面应提供简便明了的功能和界面，供管理员进行系统管理、文章审核、用户权限管理等操作。

2.2.3 系统设计步骤

本IT博客系统设计大体按照三个步骤来完成。
第一阶段：可行性分析，IT博客系统分析，分角色登录、个人中心、博主管理、文章分类管理、文章信息管理、举报投诉管理、系统管理等。
第二阶段：主要实现IT博客系统相关功能页面的绘制。
第三阶段：准备好软件、硬件并配置好开发环境，建立好数据库并将需要的数据填入数据表，实现IT博客系统并进行调试。
在每一个阶段的完成中必须保质保量，为整个IT博客系统能够顺利实现做铺垫。

三、系统设计

3.1 用例图

IT博客系统后台主要用于博主和管理员分别进行相应的管理。IT博客系统后台主要以下几项功能要求：管理员和博主分角色登录，管理员对个人信息、博主、文章分类、文章信息、投诉举报信息以及一些系统内容进行管理；博主对个人信息、个人文章、投诉举报、我的收藏等进行管理

3.2 E-R图

IT博客系统中有很多实体，如博主、文章、文章分类、个人中心等，它们分别还有很多的属性，它们之间的关系如图

3.3 数据库设计

评论文章信息表，该表包括序号、创建时间、关联表序号、用户序号、用户名、评论内容、回复内容

博主表包括序号、创建时间、博主账号、密码、博主姓名、头像、性别、年龄、手机、邮箱这些信息

举报投诉表包括序号、创建时间、标题、类型、图片、举报内容、举报时间、博主账号、手机、是否审核、审核回复这些信息

文章信息表包括序号、创建时间、文章标题、分类、图片、文章内容、发布日期、博主账号、邮箱、最近点击时间和点击次数这些信息

权限表包括序号、用户序号、用户名、表名、角色、密码、新增时间、过期时间这些信息
收藏表包括序号、创建时间、用户序号、收藏序号、表名、收藏名称、收藏图片这些信息
客服表包括序号、创建时间、用户序号、管理员序号、提问、回复、是否回复这些信息等

四、模块实现

4.1 前台首页

IT博客系统主页面，在该系统主页面中有首页、文章信息、系统公告、个人中心、后台管理、在线客服等功能模块。

4.2 后台管理员管理

在博主管理中，管理员可以对所有已注册博主的信息进行管理，可以及时处理博主信息

4.3 文章管理

点击文章信息管理，在文章信息中，管理员可以进行搜索、查看、删除、修改文章等操作

4.4 文章分类管理

在文章分类管理页面，管理员可以对文章分类进行全面管理

4.5 举报投诉管理

点击举报投诉管理，管理员可以对举报投诉进行查询、查看、删除、修改等操作

4.6 系统管理

点击系统管理，管理员可以对轮播图、系统公告、在线客服等功能进行操作，在轮播图管理中，管理员可以在此页面进行首页轮播图的管理
等

五、系统测试

5.1 系统测试概述

软件系统测试是开发一个系统进行最后的一项工作，因为在系统开发过程中，在编码完成以后可以开始对软件进行测试，通过测试可以找出这个软件的错误与缺陷，并且开发人员可以及时处理，不影响后期系统正常的使用，同时也方便开发人员找出在后期使用过程中出现的问题。所以软件测试是解决这些问题主要手段。一般来说软件测试在系统开发过程当中占据整个系统设计近一半的工作量。对于测试目的来说它主要是能够让开发人员找出这个软件的错误与缺陷，所以本人对测试的工作是认真的，同时软件测试也是非常重要的。

5.2 测试软硬件环境以及测试方法与工具介绍

本次测试的软件环境是在windows10操作系统下进行操作的，使用谷歌浏览器。硬件环境是：电脑型号为华为Matebook14 2020笔记本电脑，处理器为i5-8265U处理器，内存为16GB，MX250显卡。
（1）黑盒测试
黑盒测试也称功能测试或数据驱动测试，它是在已知产品所应具有的功能，通过测试来检测每个功能是否都能正常使用，在测试时，把程序看作一个不能打开的黑盆子，在完全不考虑程序内部结构和内部特性的情况下，测试者在程序接口进行测试，它只检查程序功能是否按照需求规格说明书的规定正常使用，程序是否能适当地接收输入数锯而产生正确的输出信息，并且保持外部信息的完整性。
黑盒测试注重于测试软件的功能性需求。采用这种测试方法，测试者把被测程序看成一个黑盒子，完全不要考虑程序的内部结构和特性，只知道该程序输入和输出之间的关系或程序功能，依靠能够反映这一关系和程序功能的需求规格说明书，来自确定测试用例和推断测试结果的正确性。“黑盒”法着眼于程序外部结构、不考虑内部逻辑结构、针对软件页面和软件功能进行测试。“黑盒”法是穷举输入测试，只有把所有可能的输入都作为测试情况使用，才能以这种方法查出程序中所有的错误。实际上测试情况有无穷多个，人们不仅要测试所有合法的输入，而且还要对那些不合法但是可能的输入进行测试。
（2）白盒测试
白盒测试也称结构测试或逻辑驱动测试，它是知道产品内部工作过程，可通过测试来检测产品内部动作是否按照规格说明书的规定正常进行，按照程序内部的结构测试程序，检验程序中的每条通路是否都有能按预定要求正确工作，而不顾它的功能，白盒测试所使用的主要方法有逻辑驱动、基路测试等，主要用于软件验证。
测试者把被测程序看成一个盒子，而这个盒子是打开着的，以程序的内容来设计测试数据。采用这种测试方法，测试人员对被测试程序的内部结构是清楚的。从程序的内部逻辑结构入手，按照一定的原则设计测试用例，对软件的逻辑路径进行测试，在程序的不同点检查程序的状态，来判定其实际情况是否和预期的状态相一致。
（3）测试工具AutoRunner
AutoRunner指的是黑盒测试工具，可以用来执行重复的手工测试。主要用于功能测试、回归测试等工作的自动化。它采用数据驱动和参数化的理念，通过录制用户对被测系统的操作，生成自动化脚本，然后让计算机执行自动化脚本，达到提高测试效率，降低人工测试成本。

5.3 测试分析

本次对于IT博客系统后台的测试主要是从以下几个方面来进行的：
（1）窗体测试：通过对每个页面的测试，确保页面的布局、元素的位置和样式等能够正确地展示给用户。同时确保用户在操作页面时，弹出的小窗口能够按预期执行，不会出现任何错误。
（2）数据跟踪：监测和比对后台数据与数据库数据之间的变化，通过对后台数据的增删改查操作与数据库数据进行比对，测试IT博客系统后台前端页面显示数据与数据表中数据是否一直保持一致，从而保证IT博客系统数据的完整性和一致性。
（3）综合测试：通过对以上的测试以后，开发人员可以对整个IT博客系统后台做出整体的测试，使后台功能基本符合设计，从而找出目前所存在的错误，针对所存在的问题，开发人员对系统进行调试，解决这些问题，从而让系统变得更加完美。

5.3 测试总结

经过以上测试，我们对IT博客系统的后台管理员管理模块和博主管理模块中的各个功能进行了验证和验证。测试结果显示，在大多数功能方面，系统后台表现良好，能够满足用户的基本需求。然而，我们也发现了一些特定功能存在的问题，比如界面的一致性和导航的易用性等。我们已经记录了这些问题并已开始着手解决，相信在后续的迭代中能够得到改善。系统测试是一个持续改进的过程，在不断优化和完善系统的同时，也需要与开发人员密切合作，以不断提高系统的质量和可靠性。

六、总结与展望

近年来我国信息产业发展迅速，IT博客系统作为一个信息时代的产物，满足了程序员在线交流的基本需要，使程序员交流沟通更加方便快捷，提升了用户的体验和感受。开发本系统过程中，采用了先分析程序员需求及现阶段在线博客系统发展状态等。
在本IT博客系统项目的开发和设计过程中，我通过努力，基本上完成了自己负责的IT博客系统后台的各项基本功能。本IT博客系统后台管理系统分别包括管理员管理和博主管理，管理员管理主要包括八个模块，分别为选角色登录模块，首页模块、个人中心模块、博主管理模块、文章分类管理模块、文章信息管理模块、举报投诉管理模块、系统管理模块；博主管理主要包括七个模块，分别为选角色登录模块、首页模块、个人中心模块、文章信息管理模块、举报投诉管理模块、我的收藏管理模块。在后台，管理员和博主分别输入账号密码并选择对应角色登录（若账号密码不正确会提示账号密码有误，若未选择角色或角色对应不正确会出现相应提示），登录后进入后台主页面进行操作选择，选择相应的功能跳转到相应的页面，在相应页面进行相关管理操作。
希望通过本文研究的内容，能够为程序员提供一个良好交流的系统。

七、源码获取

大家点赞、收藏、关注、评论啦 ，私信获取联系方式