演示站(服务器已过期):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

访问效果预览

用户访问页面

首页

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

分类浏览

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

留言板

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

关于我

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

搜索页

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

博客详情

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

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

登录页

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

后台管理页面

博客管理

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

发布/编辑博客

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

分类管理

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

处理留言

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

系统设置→字段设置

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

系统设置→友链管理

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

系统设置→用户设置

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

部署网站需要做些什么?

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

2. 修改一些配置信息

Springboot

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

  • utils包下的AES秘钥

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

Vue

  • service下的constant中的AES秘钥

  • service下的constant中的请求地址

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

相关文章:

  • 2021-07-25
  • 2021-08-02
  • 2022-12-23
  • 2022-12-23
  • 2021-10-02
  • 2021-08-07
  • 2021-09-03
  • 2021-09-30
猜你喜欢
  • 2021-04-14
  • 2021-05-19
  • 2021-11-07
  • 2021-09-07
  • 2021-10-24
  • 2021-06-10
  • 2022-12-23
相关资源
相似解决方案