vue-blog（项目介绍）
迪丽瓦拉
2024-05-31 04:51:02
0次
简介：
1.开发一个简易前后端分离的博客项目
2.演示：http://localhost:8080
技术栈：
前端：vue框架、饿了吗-ui组件、axios
后端：SpringBoot、mybatis plus、shiro、redis、hibernate validatior、jwt
开发步骤：
后端：
SpringBoot整合Mybatis plus
利用mybatis plus代码生成
整合shiro+redis，会话共享
shiro整合jwt，身份校验
统一结果封装
实体校验
解决跨域问题
登录接口开发
博客接口开发
前端：
vue整合element-ui、axios
登录页面
博客列表
博客详情
功能：主页、发表文章、登录
1.具有登录页面
2.登录之后进入主页，主页的页表使用的是element-ui的样式
3.点开文章标题可以看到文章页面详情，是md格式，可以进行编辑，格式为markdown，并且将编辑器整合进来了。
4.编辑完成后，点击立即创建，显示操作成功。返回到主页
5.点击退出，回到登录页面。
开发步骤
后端
1.springboot集成mybatis plus，利用mybatis plus进行代码生成
2.整合shiro框架进行权限会话控制，再整合redis进行会话分享
3.shiro整合jwt进行身份校验
4.脚手架封装（统一结果封装，实体校验、解决跨域问题）
5.登录接口开发
6.博客接口开发
前端
vue整合element-ui、axios
登录页面
博客列表
博客详情