簡介
這是一個基於Springboot2.x，vue2.x的前後端分離的開源部落格系統，提供 前端介面+管理介面+後臺服務 的整套系統原始碼。響應式設計，手機、平板、PC，都有良好的視覺效果！
- 你可以拿它作為前端Vue2.0學習的練手教程；
- 你也可以把它作為springboot技術的學習專案；
- 你還可以將其視為一個前後端分離的專案實踐；
- ...
站點演示
模組分層
後端模組
dbblog
├── dbblog-auth # 鑑權模組：shiro
│ ├── pom.xml
│ └── src
├── dbblog-core # 核心模組：配置檔案，Entity類，mapper類，工具類，異常過濾等
│ ├── pom.xml
│ └── src
├── dbblog-manage # 後臺管理介面Service
│ ├── pom.xml
│ └── src
├── dbblog-portal # 前端介面Service
│ ├── pom.xml
└── └── src
複製程式碼前端模組
後臺管理頁面
├── assets
├── components # 公共元件
├── element-ui
├── element-ui-theme # elementUI主題
├── icons
├── router # 路由
├── store # vuex
├── utils # js工具類
└── views
├── common # 公共模組
└── modules
├── article # 文章模組
├── book # 閱讀模組
├── comment # 評論模組
├── operation # 運維模組
└── sys # 系統模組
複製程式碼前臺頁面
├── assets
├── common
├── components
│ ├── content # 頁面
│ │ ├── ArticleContent.vue # 文章詳情頁
│ │ ├── ArticleListContent.vue # 文章列表頁
│ │ ├── BookContent.vue # 圖書詳情頁
│ │ ├── BookListContent.vue # 圖書列表頁
│ │ ├── BookNoteContent.vue # 筆記詳情頁
│ │ ├── BookNoteListContent.vue # 筆記列表頁
│ │ ├── HomeContent.vue # 首頁
│ │ └── TimeLineContent.vue # 歸檔頁
│ ├── footer
│ ├── header
│ ├── index
│ ├── utils
│ └── views # 頁面元件庫
│ ├── Archive
│ ├── Article
│ ├── Book
│ ├── BookNote
│ ├── Classify
│ └── TimeLine
├── router # 路由
├── store # Vuex
└── utils # js工具類
複製程式碼專案部署
服務端
專案後端環境
- JDK1.8
- Mysql5.7
- Redis
- IDEA編譯器
- Lombox外掛（百度一下）
部署步驟：
- 建立資料庫dbblog，並匯入dbblog-backend -> db裡的所有sql檔案
- 修改dbblog-backend -> dbblog-> dbblog-core裡的application-*.yml的資料庫連線和redis連線
- 匯入專案，並且執行dbblog-backend -> dbblog-portal -> BlogApplication裡的main方法
前端
前端環境：
- Node.js 8.0+
- WebStorm編輯器
部署步驟：
- 匯入專案，執行 npm install（如果失敗，清空包後試試cnpm install）
- 啟動專案：npm run dev
介面預覽
碎碎念
上大學的時候做過部落格，技術選型也從一開始的SSM+JSP 部落格1
--> 過渡到分模組的SpringBoot 部落格2
--> 到現在的前後端分離部落格 部落格3
如果是初學Java的朋友也可以跟著流程借鑑借鑑這些程式碼，試著實現一個自己的部落格，相信能對你的成長有所幫助！
如果有心，不妨請博主喝杯茶::laughing::
最後的最後，我的github地址是github.com/llldddbbb/d…，開源不易，一定要給我==Star==哦！！