Spring Boot 2.1.3+Bootstrap 4.0 構建個人部落格系統

羅摩爾發表於2019-04-04

使用Spring Boot 2.1.3+Bootstrap 4.0開發個人部落格系統

在經過幾次部落格搬家後,感覺在其他部落格網站上分享自己的技術博文感覺好累,且每次開啟都會伴隨著大量的廣告(沒辦法),所以自己覺得使用Spring Boot和Bootstrap來搭建一款自己的部落格系統。

在考量自己的技術棧和開發經驗後,決定使用Spring Boot最新的2.1.3版本來構建部落格的業務系統,前端使用BootStrap 4.0版本。之前也嘗試寫過幾版部落格系統,單人版本、多人版本(Spring Cloud 中國),但是效果都不太理想;於是最後決定寫一個單人版本的部落格系統,去除之前那些多餘的功能(評論、點贊、多人許可權控制)。 新版本的主要功能有:

  • 登入:整合Shiro來對後臺進行許可權控制
  • 人員管理:簡單的人員CURD
  • 文章管理:支援markdown語法文字編輯器,提供置頂,推薦,預覽,圖片上傳(七牛雲)功能
  • 分類管理:分類的CURD和統計
  • 標籤管理:自動生成文章標籤和文章統計
  • 歸檔管理:歸檔由系統根據文章釋出時間生成文章歸檔
  • 友鏈管理:提供一個交換外鏈的管理功能。
  • 系統設定:配置網站基本資訊和七牛雲端儲存資訊
  • 評論設定:評論採用的是Gitalk外掛,沒有內建評論功能
  • 靜態化:使用Spring Boot的任務排程功能對標籤、分類、歸檔、友鏈頁面自動完成靜態化工作
  • 取值標籤:新增了前端頁面模板取值標籤

下面是部落格系統的一個目錄劃分:

Spring Boot 2.1.3+Bootstrap 4.0 構建個人部落格系統

  • common:common包中主要放置了一些公共的工具類
  • domain:domain包中放置了和實體的增刪改查相關的類
  • web:web包主要放置了和前端相關的程式碼
  • resources:resources檔案中放置了部落格系統需要的靜態資原始檔

關於第三外掛:

  • layer:主要用於後端管理中處理彈窗業務
  • gitalk:提供評論功能
  • editormd:提供markdown語法支援

後端效果

  • 登入介面

Spring Boot 2.1.3+Bootstrap 4.0 構建個人部落格系統

  • 後臺主頁

Spring Boot 2.1.3+Bootstrap 4.0 構建個人部落格系統

  • 文章管理

Spring Boot 2.1.3+Bootstrap 4.0 構建個人部落格系統

  • 分類管理頁面

Spring Boot 2.1.3+Bootstrap 4.0 構建個人部落格系統

  • 標籤管理頁面

Spring Boot 2.1.3+Bootstrap 4.0 構建個人部落格系統

  • 系統配置

Spring Boot 2.1.3+Bootstrap 4.0 構建個人部落格系統

前端頁面

  • 首頁

Spring Boot 2.1.3+Bootstrap 4.0 構建個人部落格系統

  • 歸檔

Spring Boot 2.1.3+Bootstrap 4.0 構建個人部落格系統

  • 文章詳情

Spring Boot 2.1.3+Bootstrap 4.0 構建個人部落格系統

Spring Boot 2.1.3+Bootstrap 4.0 構建個人部落格系統

Spring Boot 2.1.3+Bootstrap 4.0 構建個人部落格系統

Spring Boot 2.1.3+Bootstrap 4.0 構建個人部落格系統

就這麼多了,如果感興趣的朋友可以聯絡我,一起交流!有需要原始碼的朋友也可以聯絡我(免費) 部落格網址:www.ramostear.com

相關文章