一款由 Spring Boot + Vue 3.2 + Vite 4.3 开发的前后端分离博客。
- 后端采用 Spring Boot 、Mybatis Plus 、MySQL 、Spring Sericuty、JWT、Minio、Guava 等;
- 后台管理基于 Vue 3.2 + Vite + Element Plus 纯手动搭建的管理后台,未采用任何 Admin 框架;
- 支持博客 Markdown 格式发布与编辑、文章分类、文章标签的管理;
- 支持博客基本信息的设置,以及社交主页的跳转;
- 支持仪表盘数据统计,Echarts 文章发布热图统计、PV 访问量统计;
功能 |
是否完成 |
首页 |
✅ |
分类列表 |
✅ |
标签标签 |
✅ |
博客详情 |
✅ |
站内搜索 |
TODO |
知识库 Wiki |
TODO |
博客评论 |
TODO |
功能 |
是否完成 |
后台登录页 |
✅ |
仪表盘 |
✅ |
文章管理 |
✅ |
分类管理 |
✅ |
标签管理 |
✅ |
博客设置 |
✅ |
评论管理 |
TODO |
项目名 |
说明 |
weblog-springboot |
后端项目 |
weblog-vue3 |
前端项目 |
模块名 |
说明 |
weblog-module-admin |
博客后台管理模块 |
weblog-module-common |
通用模块 |
weblog-module-jwt |
JWT 认证、授权模块 |
weblog-web |
博客前台(启动入口) |
框架 |
说明 |
版本号 |
备注 |
JDK |
Java 开发工具包 |
1.8 |
它是目前企业项目比较主流的版本 |
Spring Boot |
Web 应用开发框架 |
2.6.3 |
|
Maven |
项目构建工具 |
3.6.3 |
企业主流的构建工具 |
MySQL |
数据库 |
5.7 |
|
Mybatis Plus |
Mybatis 增强版持久层框架 |
3.5.2 |
|
HikariCP |
数据库连接池 |
4.0.3 |
Spring Boot 内置数据库连接池,号称性能最强 |
Spring Security |
安全框架 |
2.6.3 |
|
JWT |
Web 应用令牌 |
0.11.2 |
|
Lombok |
消除冗余的样板式代码 |
1.8.22 |
|
Jackson |
JSON 工具库 |
2.13.1 |
|
Hibernate Validator |
参数校验组件 |
6.2.0.Final |
|
Logback |
日志组件 |
1.2.10 |
|
Guava |
Google 开源的工具库 |
18.0 |
|
p6spy |
动态监测框架 |
3.9.1 |
|
Minio |
对象存储 |
8.2.1 |
用于存储博客中相关图片 |
flexmark |
Markdown 解析 |
0.62.2 |
|
框架 |
说明 |
版本号 |
Node |
JavaScript 运行时环境 |
18.15.0 |
Vue 3 |
Javascript 渐进式框架 |
3.2.47 |
Vite |
前端项目构建工具 |
4.3.9 |
Element Plus |
饿了么基于 Vue 3 开源的组件框架 |
2.3.3 |
vue-router |
Vue 路由管理器 |
4.1.6 |
vuex |
状态存储组件 |
4.0.2 |
md-editor-v3 |
Markdown 编辑器组件 |
3.0.1 |
windicss |
CSS 工具类框架 |
3.5.6 |
axios |
基于 Promise 的网络请求库 |
1.3.5 |
Echarts |
百度开源的数据可视化图表库 |
5.4.2 |
初始化脚本位于入口模块 weblog-web
中的 sql
目录下:
小伙伴们在部署时,请先新建一个名为 weblog
的库,然后依次执行 schema.sql
和 data.sql
即可:
schema.sql
: 表结构脚本;
data.sql
: 初始化数据脚本,如登录用户信息、博客基本设置信息等;