https://github.com/he0306/blog

基于SpringBoot + Vue开发的前后端分离博客，采用SpringSecurity进行动态RBAC权限管理，ElasticSearch全文搜索，过滤不文明评论和图片，支持博客浏览，评论，友链，在线聊天，管理后台等功能。
https://github.com/he0306/blog

axios echarts elasticsearch element-ui mongodb mybatis-plus mysql rabbitmq redis springboot2 springsecurity-jwt vue websocket

Last synced: 6 months ago
JSON representation

基于SpringBoot + Vue开发的前后端分离博客，采用SpringSecurity进行动态RBAC权限管理，ElasticSearch全文搜索，过滤不文明评论和图片，支持博客浏览，评论，友链，在线聊天，管理后台等功能。

• Host: GitHub
• URL: https://github.com/he0306/blog
• Owner: He0306
• Created: 2022-12-31T14:42:11.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2024-03-08T15:06:59.000Z (about 1 year ago)
• Last Synced: 2024-03-08T16:27:04.524Z (about 1 year ago)
• Topics: axios, echarts, elasticsearch, element-ui, mongodb, mybatis-plus, mysql, rabbitmq, redis, springboot2, springsecurity-jwt, vue, websocket
• Language: Java
• Homepage:
• Size: 10.2 MB
• Stars: 7
• Watchers: 3
• Forks: 1
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
#### 介绍

基于SpringBoot + Vue开发的前后端分离博客，采用SpringSecurity进行动态RBAC权限管理，ElasticSearch全文搜索，支持博客浏览，评论，友链，在线聊天，管理后台等功能。

#### 软件架构

B/S架构，采用前后端分离技术

#### 安装教程

1、Java 项目一键启动

2、前端项目先下载依赖 npm install

3、博客前台启动 npm run dev

4、博客后台启动 npm run serve

5、将sql下的两个sql文件分别导入mysql和mongoDB中

#### 技术介绍

前端技术:Vue2 + Vuex + Vue - Router + Axios + Element - ui + Bootstrap + Echarts + JavaScript

后端技术:SpringBoot + Jwt + MyBatisPlus + MySQL+ Redis + Swagger + Druid + SpringSecurity + ElasticSearch + WebSocket + RabbitMQ + OSS + MongonDB

* 采用Markdown编辑器，写法简单

* 使用SpringSecurity + Jwt实现RBAC权限模型，可进行动态分配权限

* 接入百度API，实现过滤不文明评论文字和博客图片

* OSS图片存储在阿里云

* 使用AOP切入进行增加、修改、删除、批量删除日志记录

* 实现了在线聊天功能

* 评论数据存储在MogonDB数据库中

* Redis和SpringCache进行整合，提高数据访问效率

* 使用定时任务进行对Redis中的缓存数据进行删除

* 使用搜索引擎ElasticSearch进行全文检索

* 使用RabbitMQ保证MySQL数据库和ElasticSearch搜索引擎的数据同步

* 使用异步线程池进行对浏览量更新操作

* 接入QQ邮箱，验证码密码

* ES中数据展示

![输入图片说明](imgs/image21.png)

#### 前台效果

* 前台博客主页面

![输入图片说明](imgs/image1.png)

![输入图片说明](imgs/image2.png)

* 文章详情页面

![输入图片说明](imgs/image3.png)

* 标签页面

![输入图片说明](imgs/image18.png)

* 友链页面

![输入图片说明](imgs/image19.png)

* 评论页面

![输入图片说明](imgs/image4.png)

* 输入敏感词评论效果

![输入图片说明](imgs/image20.png)

#### 后台效果

* 登录页面

![输入图片说明](imgs/image9.png)

  

* 首页

![输入图片说明](imgs/image5.png)

![输入图片说明](imgs/image6.png)

* 友链管理

![输入图片说明](imgs/image10.png)

* 分类管理

![输入图片说明](imgs/image11.png)

* 标签管理

![输入图片说明](imgs/image12.png)

* 新增文章

![输入图片说明](imgs/image13.png)

* 文章列表

![输入图片说明](imgs/image7.png)

* 日志管理

![输入图片说明](imgs/image14.png)

* 角色管理

![输入图片说明](imgs/image15.png)

* 分配权限

![输入图片说明](imgs/image8.png)

* 菜单管理

![输入图片说明](imgs/image16.png)

* 用户管理

![输入图片说明](imgs/image17.png)

#### 可加QQ询问

QQ：2740860037