Msblog
项目就是完成一个完整的前后端分离的博客项目,包含服务端接口API,管理后台以及部署上线流程。这个项目主要介绍使用 SpringBoot2.6
开发一套完整的 RESTful 风格服务端接口 API 和使用 Vue2
开发管理后台。
前端线上展示地址:http://124.220.96.197:8091/#/home
# 克隆项目代码
git clone [email protected]:programmer-xiaosa/msblog.git
msblog-springboot
后端代码
├─ms-blog-common
│ └─src
│ └─main
│ └─java
│ └─com
│ └─arnasoft
│ ├─constant 常量类
│ ├─context 上下文
│ ├─enumeration 枚举
│ ├─exception 全局异常类
│ ├─json 序列化器和反序列化器
│ ├─properties 配置类
│ ├─result 返回值类
│ └─utils 工具类
├─ms-blog-pojo 实体类
│ └─src
│ └─main
│ └─java
│ └─com
│ └─arnasoft
│ ├─dto 数据传输对象
│ ├─entity 实体类
│ └─vo 将业务对象转换为 VO(值对象),用于展示给用户,实现前后端数据分离
└─ms-blog-server
└─src
├─main
│ ├─java
│ │ └─com
│ │ └─arnasoft
│ │ ├─annotation 自定义注解
│ │ ├─aspect 自定义切面,实现公共字段自动填充处理逻辑
│ │ ├─config 配置
│ │ │ └─sa_token Sa-Token 权限认证工具类
│ │ ├─controller 控制器
│ │ │ └─admin 后台控制模块
└─h5 微信H5网页控制模块(待开发)
└─App 移动端App控制模块(待开发)
└─miniProgram 小程序控制模块(待开发)
└─PC 前端网页控制模块(待开发)
│ │ ├─handler 全局异常处理器(处理项目中抛出的业务异常)
│ │ ├─interceptor 拦截器 (jwt令牌校验拦截器...)
│ │ ├─mapper mapper层(定义接口规则)
│ │ └─service 业务层
│ │ └─impl 实现类
│ └─resources 静态文件
│ ├─doc 数据库表文档
│ ├─mapper mapper层(定义数据库访问规则)
│ ├─SQL 数据库初始化文件
│ └─template 导入导出模板
└─test 测试
启动项目前一定要在创建好 msblog 数据库,如果你还没安装上数据库,请点击MySQL 下载,安装完请初始化 resources
目录下的 |——SQL
文件。以下是执行数据库命令:
# 登录数据库
mysql -uroot -p (回车然后输入你的本机数据库密码)
# 创建 msblog 数据库
CREATE DATABASE IF NOT EXISTS msblog DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
msblog-vue
前端工程
├─src
│ ├─api 接口
│ ├─assets 静态文件夹
│ ├─components 组件
│ ├─icons svg图标
│ ├─layout 公共组件
│ ├─router 路由模块
│ ├─store 状态管理
│ ├─styles 样式
│ ├─utils 工具
│ └─views
│ ├─blog 文章管理模块
│ │ ├─article 文章
│ │ ├─category 分类
│ │ ├─comments 评论(待开发)
│ │ └─tags 标签
│ ├─home 首页
│ ├─login 登录
│ ├─permission 权限模块
│ │ ├─admin 用户
│ │ ├─menus 菜单
│ │ └─roles 角色
│ └─setting 系统设置
└─tests 单元测试
以下是启动服务端项目的操作命令:
# 进入项目根目录
cd msblog-vue
# 安装依赖包
npm install
# 启动 msblog-vue 项目
npm run dev
API 端口默认是 9528
,打开浏览器输入回车:http://localhost: 9528
可以看到浏览器返回数据
http://124.220.96.197:8090/doc.html
接口文档,在 postman 测试接口
Postman 下载地址:https://www.postman.com/downloads/
登录功能
用户列表
角色列表
菜单列表
博文管理
博客设置
小伙伴们可以使用传统方式部署也可以使用 docker jenkins
自动化部署,推荐使用 docker
答:可以的,建议使用 yarn,yarn 比 npm 速度快,主要是安装版本统一。
答:本项目采用的事vue-admin-template模板,建议使用 node版本是 v14.16.0,小伙伴们可以使用
n
或者nvm
来切换电脑上的node版本,这样可以使用多个版本的系统,不会冲突。
答:最近学习犬小哈老师的图文教程做出了一个完美的博客管理系统,如小伙伴们喜欢可以在issue留言,我给大家分享源码,在这里尊重犬小哈老师的开源项目我就不分享代码了 个人博客
MIT, by programmer-xiaosa
喜欢或对你有帮助的话,请你点一个星星 star 鼓励我,或者您有更好的建议和意见,请提出来告知我,可以留言 Issues。希望能够帮助到你学习!Thanks