推薦一個基於Springboot+Vue的開源博客系統

簡介

這是一個基於Springboot2.x，vue2.x的先後端分離的開源博客系統，提供 前端界面+管理界面+後臺服務 的整套系統源碼。響應式設計，手機、平板、PC，都有良好的視覺效果！

• 你能夠拿它做爲前端Vue2.0學習的練手教程；
• 你也能夠把它做爲springboot技術的學習項目；
• 你還能夠將其視爲一個先後端分離的項目實踐；
• ...

站點演示

www.dblearn.cn

模塊分層

後端模塊

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插件（百度一下）

部署步驟：

1. 建立數據庫dbblog，並導入dbblog-backend -> db裏的全部sql文件
2. 修改dbblog-backend -> dbblog-> dbblog-core裏的application-*.yml的數據庫鏈接和redis鏈接
3. 導入項目，而且運行dbblog-backend -> dbblog-portal -> BlogApplication裏的main方法

前端

前端環境：

• Node.js 8.0+
• WebStorm編輯器

部署步驟：

1. 導入項目，運行 npm install（若是失敗，清空包後試試cnpm install）
2. 啓動項目：npm run dev

界面預覽

碎碎念

上大學的時候作過博客，技術選型也從一開始的SSM+JSP 博客1

--> 過渡到分模塊的SpringBoot 博客2

--> 到如今的先後端分離博客 博客3

若是是初學Java的朋友也能夠跟着流程借鑑借鑑這些代碼，試着實現一個本身的博客，相信能對你的成長有所幫助！

若是有心，不妨請博主喝杯茶::laughing::

最後的最後，個人github地址是github.com/llldddbbb/d…，開源不易，必定要給我==Star==哦！！