加關注然後私信 「蘑菇博客」獲取源碼
一個基於微服務架構的前後端分離博客系統。前台使用 Vue +Nuxt + Element , 後端使用spring boot + spring cloud + mybatis-plus進行開發,全文檢索使用Solr,為支持SEO優化博客門戶採用Nuxt.js框架,使用Jwt+Spring security做登錄權限校驗。
項目介紹
蘑菇博客,一個基於微服務架構的前後端分離博客系統。前台使用Vue + Nuxt +Element , 後端使用spring boot + spring cloud + mybatis-plus進行開發,使用 Jwt + Spring Security做登錄驗證和權限校驗
- 從大學的時候開始,就一直想要搭建一套屬於自己的博客系統,但是一直被沒有去弄,現在時間多了,結合目前流行的技術棧,使用前後端分離架構進行項目的開發,也希望自己能夠將項目一步步進行完善。
- 蘑菇博客大部分功能是我個人進行開發的,因能力有限,其中很多技術都是一邊學習一邊使用的,可以說蘑菇博客也是一個我用來熟悉技術的項目,所以很多地方可能考慮不周,在加上沒怎麼接觸公司實際項目,故有能改正的地方,還請各位老哥能夠指出~
- 現在挺多是SSM或者SSH的博客管理系統,想用spring boot + spring cloud + vue 的微服務架構進行嘗試項目的構建。
- 由於原來做過vue + element-ui 做過管理系統,所以現在打算做一套自己的、基於當前最新技術棧、前後端分離的微服務博客系統。
- 考慮到門戶網站使用Vue不是很好支持SEO優化,所以門戶網站採用Nuxt.js進行開發
目錄介紹
- MoguBlog 是一款基於最新技術開發的多人在線、簡潔的博客系統。
- mogu_admin: 是admin端API接口服務;
- mogu_web: 是web端API接口服務;
- mogu_eureka: 服務發現伺服器;
- mogu_picture: 圖片伺服器,用於圖片上傳和下載;
- mogu_sms: 消息發送伺服器,用於郵件和簡訊發送
- mogu_utils: 是常用工具類;
- mogu_xo: 是存放 Entity,Service,Dao層的
- mogu_base: 是一些Base基類
- mogu_config: 是存放一些配置
- doc: 是蘑菇博客的一些文檔和資料庫文件
- vue_mogu_admin:VUE的後台管理頁面
- vue_mogu_web:VUE的門戶網站
- nuxt_mogu_web:Nuxt的門戶網站(因部署時遇到問題,無法完成正常部署,故擱置...歡迎有了解nuxt或者SEO優化的老哥一起探討~)
技術架構
- 後端採用的技術:SpringBoot、Spring cloud 、MyBatis-Plus、Spring Security + JWT、Solr, Redis , Mysql , Nginx , Swagger,Lombok、RabbitMQ,阿里大魚
- 前端採用的技術: Vue,Nuxt, Element, ES6, CKEditor,Highlight
項目特點
- 友好的代碼結構及注釋,便於閱讀及二次開發
- 實現前後端分離,通過Json進行數據交互,前端再也不用關注後端技術
- 利於SEO優化,讓博客能夠搜索到。
- 頁面交互使用Vue2.x,極大的提高了開發效率。
- 引入swagger文檔支持,方便編寫API接口文檔。
- 引入RabbitMQ消息隊列,用於郵件和簡訊發送。
Windows環境下搭建蘑菇博客
參考 window環境下配置蘑菇博客環境,能夠在window下搭建蘑菇博客的開發環境
Docker快速搭建蘑菇博客
參考 使用Docker快速搭建蘑菇博客,能夠快速在伺服器中,搭建好博客系統
項目環境
- 安裝 JDK(1.8+)
- 安裝 Maven (3.3.0+)
- 安裝Redis服務 (3.0+)
- 安裝 MySQL (5.6+)
- 安裝 Solr (7.0+)
- 安裝 RabbitMQ (3.7.4)
- 安裝 Erlang (20.3) (安裝RabbitMQ還需要Erlang)
- 安裝 Nginx
- 安裝IDE (STS或IDEA)
啟動順序
mogu_eureka -> mogu_picture -> mogu_sts -> mogu_admin -> mogu_web
相關截圖
- admin端