WeBlog
简介
一款由 Spring Boot + Vue 3.2 开发的前后端分离博客。
{mtitle title="Weblog 后台仪"/}
- 后端采用 Spring Boot 、Mybatis Plus 、MySQL 、Spring Sericuty、JWT、Minio、Guava 等；
- 后台管理采用 Vue 3.2 + Element Plus 纯手写的管理后台，未采用任何 Admin 框架；
- 支持博客 Markdown 格式发布与编辑、文章分类、文章标签的管理；
- 支持博客基本信息的设置，以及社交主页的跳转；
- 支持仪表盘数据统计，Echarts 文章发布热图统计、PV 访问量统计；
相关地址
- GitHub 地址：https://github.com/weiwosuoai/WeBlog
- Gitee 地址：https://gitee.com/AllenJiang/WeBlog
- 演示地址：http://118.31.41.16:8081/
- 游客账号：test
- 游客密码：test
演示截图
登录页
仪表盘
文章管理
写博客
前台首页
博客详情
功能
前台
| 功能 | 是否完成 |
|---|---|
| 首页 | ✅ |
| 分类列表 | ✅ |
| 标签标签 | ✅ |
| 博客详情 | ✅ |
| 站内搜索 | TODO |
| 知识库 Wiki | TODO |
| 博客评论 | TODO |
后台
| 功能 | 是否完成 |
|---|---|
| 后台登录页 | ✅ |
| 仪表盘 | ✅ |
| 文章管理 | ✅ |
| 分类管理 | ✅ |
| 标签管理 | ✅ |
| 博客设置 | ✅ |
| 评论管理 | TODO |
模块介绍
{mtitle title="WeBlog 项目模块一览"/}
| 项目名 | 说明 |
|---|---|
| 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 |
前端
| 框架 | 说明 | 版本号 |
|---|---|---|
| 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 |