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

2023-08-23,,

项目介绍

演示站(服务器已过期):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目录下,就大功告成了

Springboot+Vue前后端分离的博客项目的相关教程结束。

《Springboot+Vue前后端分离的博客项目.doc》

下载本文的Word格式文档,以方便收藏与打印。