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