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目录下,就大功告成了


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM