基于SpringBoot+Vue的前后端分离的拾忆博客系统

博客介绍

目录结构

前端项目blog-web为前台，blog-admin为后台。

后端项目位于blog下。

SQL文件位于根目录下的shiyi-blog.sql

可直接导入该项目于本地，修改后端配置文件中的数据库等连接信息，项目中使用到的关于七牛云功能和第三方授权登录等需要自行开通。

当你克隆项目到本地后可使用账号：admin，密码：123456 进行登录

本地访问接口文档地址：http://127.0.0.1:8800/shiyi/doc.html

ps：请先运行后端项目，再启动前端项目，前端项目配置由后端动态加载。

blog

├── annotation    --  自定义注解

├── aspect        --  aop模块

├── config        --  配置模块

├── common        --  常量模块

├── controller    --  控制器模块

├── entity        --  实体类模块

├── dto           --  dto模块

├── enums         --  枚举模块

├── exception     --  自定义异常模块

├── mapper        --  框架核心模块

├── service       --  服务模块

├── strategy      --  策略模块（用于扩展第三方登录，搜索模式，上传文件模式等策略）

├── utils         --  工具类模块

├── quartz        --  定时功能模块

├── webmagic      --  文章爬虫模块

└── vo            --  vo模块

项目特点

• 后台参考vue-element-template设计，侧边栏，历史标签，面包屑自动生成。

• 采用Markdown编辑器，写法简单。

• 评论支持表情输入回复等

• 添加音乐播放器，支持在线搜索歌曲。

• 前后端分离部署，适应当前潮流。

• 接入第三方登录，减少注册成本。

• 留言采用弹幕墙，更加炫酷。

• 支持代码高亮和复制，图片预览，深色模式等功能，提升用户体验。

• 搜索文章支持高亮分词，响应速度快。

• 新增文章目录、推荐文章等功能，优化用户体验。

• 新增aop注解实现日志管理

• 支持动态权限修改，采用RBAC模型，前端菜单和后台权限实时更新。

• 后台管理支持修改背景图片，博客配置等信息，操作简单，支持上传相册。

• 代码支持多种搜索模式（Elasticsearch或MYSQL），可支持配置。

• 代码支持多种文件上传模式（七牛云oss或本地上传），可支持配置。

• 代码遵循阿里巴巴开发规范，利于开发者学习。

• 使用websocket技术实现博客在线阅读人数。

技术介绍

前端： vue + vuex + vue-router + axios + vuetify + element + echarts

后端： SpringBoot + nginx + docker + sa-token + Swagger2 + MyBatisPlus + Mysql + Redis + elasticsearch

其他： 接入QQ、微博、码云第三方登录，接入七牛云对象存储

运行环境

服务器： 腾讯云2核4G CentOS7.6

对象存储： 七牛云OSS

最低配置： 1核2G服务器（关闭ElasticSearch）

开发环境

| 开发工具 | 说明 |

| ----------------------------- | ------------------------- |

| IDEA | Java开发工具IDE |

| VSCode | Vue开发工具IDE |

| Navicat | MySQL远程连接工具 |

| Another Redis Desktop Manager | Redis远程连接工具 |

| finalshell | Linux远程连接和文件上传工具 |

| 开发环境 | 版本 |

| ------------- | ----- |

| JDK | 1.8 |

| MySQL | 5.5.0 |

| Redis | 6.0.5 |

| Elasticsearch | 7.9.2 |