Springboot+Vue前后端分离的博客项目

项目介绍

演示站（服务器已过期）：http://blog.hanzhe.site

开源项目地址 ( 求给个Star )：https://gitee.com/zhang_hanzhe/blog

前端采用Vue2.9.6绘制页面，博客样式借鉴李仁密的小而美博客，涉及到的技术点为：

• router路由

• filter全局过滤器

• service代码封装

• axios异步请求

• Restful风格请求

• layer弹窗

• semantic美化框架

• aes加解密

• markdorn编辑器集成

• tocbot目录生成

• highlight.js代码高亮

后端采用的是Springboot2.4.0编写后台，涉及到的技术点为：

• MyBatisPlus持久化框架

• Restful风格请求

• AOP实现的AES加解密

• @ControllerAdvice实现的AES解密

• 全局异常处理

• JWT登录验证

• 跨域请求处理

• 七牛云、阿里云对象存储

• Markdown转HTML

访问效果预览

用户访问页面

首页

分类浏览

留言板

关于我

搜索页

博客详情

登录页

后台管理页面

博客管理

发布/编辑博客

分类管理

处理留言

系统设置→字段设置

系统设置→友链管理

系统设置→用户设置

部署网站需要做些什么？

1. 执行blog.sql创建数据库表

2. 修改一些配置信息

Springboot

• application.yml中的数据库连接配置

• utils包下的AES秘钥

• utils包下的OSS对象存储配置(七牛、阿里)

Vue

• service下的constant中的AES秘钥

• service下的constant中的请求地址

3. 执行npm run build将vue项目进行打包，然后放到Springboot的public目录下，就大功告成了