# 基于SpringBoot+vue的个人博客系统

**Repository Path**: yan-jinquan/yanjiublog.cn-personal-blog

## Basic Information

- **Project Name**: 基于SpringBoot+vue的个人博客系统
- **Description**: 系统采用了前端技术Vue 3，使用Ant Design Vue组件库构建界面，Axios进行数据请求，MD5进行数据加密。后端技术使用了Spring Boot作为Java开发框架，MyBatis作为持久层框架，Redis作为内存数据存储系统。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2024-05-24
- **Last Updated**: 2024-09-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

 **

### # @Yanjiu
** 

### #### 介绍
** 
个人博客系统采用了流行的前端技术Vue]，使用Ant Design Vue组件库构建界面，Axios进行数据请求，MD5进行数据加密。后端技术使用了Spring Boot作为Java开发框架，MyBatis作为持久层框架，Redis作为内存数据存储系统。

根据对个人博客系统的需求分析，系统需要支持三类角色：管理员、用户和游客。以下是各个角色的功能需求：

- 管理员功能：
- 文章管理：查看系统所有文章、对违规文章进行下架和上架处理、删除文章。
- 用户管理：查看用户列表、用户权限修改、禁用和启用用户、查询用户。
- 分类和标签管理：管理文章的分类和标签，方便分类和检索。
- 评论管理：管理文章评论，包括查看评论和删除违规评论。
- 用户功能：
- 用户登录：用户注册、密码找回、登录、退出登录等功能。
- 文章管理：查看、发布、编辑、删除文章，支持富文本编辑和敏感词屏蔽。
- 文章浏览：按分类、标签、时间等检索和排序浏览文章。
- 文章内容浏览：用户可以浏览文章内容，并进行关注、收藏、点赞和评论等互动操作。同时，系统还支持敏感词屏蔽功能，保障用户浏览的内容的质量和安全性。
- 评论文章：对文章发表评论、回复评论和举报评论，评论内容支持敏感词屏蔽和表情输入。
- 留言板：给系统留言，支持敏感词屏蔽。
- 个人中心：我的信息编辑、我的评论查看、我的回复查看、我的留言查看、我的文章查看、我的关注查看、我的收藏查看和密码修改。
- 游客功能：
- 浏览文章：浏览系统中的文章内容。
- 点赞文章：对喜欢的文章进行点赞。


 **

### #### 软件架构
** 
（1）前端技术

- Vue 3和Vue CLI框架：用于构建用户界面的流行JavaScript和Typescript框架和脚手架工具。
- Ant Design Vue：基于Vue的组件库，提供丰富的UI组件。
- Axios：基于Promise的HTTP客户端，用于前后端数据交互。
- MD5：常用的加密算法，用于对敏感信息进行加密处理。
- Wangeditor：富文本编辑器，用于处理和编辑富文本内容。
- （2）后端技术
- Spring Boot框架：简化Java应用程序开发的框架，提供自动化配置和快速开发功能[4]。
- MyBatis：Java持久层框架，简化数据库访问操作。
- Redis：开源内存数据存储系统，用于缓存数据和提高系统性能。
- 单点登录：（Single Sign-On，简称SSO）是一种身份认证和授权机制，其作用是让用户只需登录一次，就可以访问多个相互信任的应用系统，而无需在每个应用系统中都进行独立的登录[5]。
- spring-boot-starter-mail：Spring Boot提供的邮件服务模块，用于发送和接收电子邮件。
- 


 **

### #### 系统运行环境


1. Windows10 
1. Java 8（JDK: 1.8.0_341）
1. MySQL 5.7
1. Node.js 12.10.0
1. Microsoft Edge 109.0.1518
1. IntelliJ IDEA 2022.1.3 
1. 系统角色
1. 普通用户：登录名：test01 密码：test01
1. 后台管理员：登录名：admmin 密码：admin123
1. 前台地址：http://localhost:8077/
1. 后台管理员地址：http://localhost:8077/adminlogin



 **

### #### 使用说明
** 

![输入图片说明](web/public/image/%E5%8A%9F%E8%83%BD%E7%BB%93%E6%9E%84%E5%9B%BE.png)
![输入图片说明](web/public/image/%E9%A6%96%E9%A1%B5.png)
![输入图片说明](web/public/image/%E7%99%BB%E5%BD%95.png)
![输入图片说明](web/public/image/%E6%B3%A8%E5%86%8C.png)
![输入图片说明](web/public/image/%E6%89%BE%E5%9B%9E%E5%AF%86%E7%A0%81.png)
![输入图片说明](web/public/image/%E4%B8%AA%E4%BA%BA%E4%B8%AD%E5%BF%83.png)
![输入图片说明](web/public/image/%E6%96%87%E7%AB%A0%E5%BD%92%E6%A1%A3.png)
![输入图片说明](web/public/image/%E6%96%87%E7%AB%A0%E5%8F%91%E5%B8%83.png)
![输入图片说明](web/public/image/%E6%96%87%E7%AB%A0%E7%BC%96%E8%BE%91.png)
![输入图片说明](web/public/image/%E6%96%87%E7%AB%A0%E5%88%A0%E9%99%A4.png)
![输入图片说明](web/public/image/%E7%95%99%E8%A8%80%E6%9D%BF.png)
![输入图片说明](web/public/image/%E5%90%8E%E5%8F%B0%E9%A6%96%E9%A1%B5.png)

后续..........


 **

### #### 参与贡献
** 

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request

 **

### 同学好，不能白嫖哦
有需要联系QQ1847779774
** 

 **

### #### 特技
** 

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)