一款vue+springboot前后端分離的博客系統，博客后臺管理系統使用了vue+elmentui開發，后端使用Sa-Token進行權限管理,支持動態菜單權限，動態定時任務，文件支持本地和七牛云上傳，使用ElasticSearch作為全文檢索服務，支持QQ、微博、碼云登錄。

在線地址

項目鏈接：?拾壹博客

后臺鏈接：?拾壹博客后臺管理系統

賬號:test 密碼:123456

Gitee地址：?https ://gitee.com/quequnlong/shiyi-blog

您的star是我堅持的動力，感謝大家的支持，歡迎提交pr共同改進項目。

目錄結構

前端項目blog-web為前臺，blog-admin為后臺。

后端項目位于blog下。

SQL文件位于根目錄下的shiyi-blog.sql

可直接導入該項目于本地，修改后端配置文件中的數據庫等連接信息，項目中使用到的關于七牛云功能和第三方授權登錄等需要自行開通。

當你克隆項目到本地后可使用賬號：admin，密碼：123456 進行登錄

本地訪問接口文檔地址：http://127.0.0.1:8800/shiyi/doc.html

ps：請先運行后端項目，再啟動前端項目，前端項目配置由后端動態加載。

blog
├── annotation    --  自定義注解
├── aspect        --  aop模塊
├── config        --  配置模塊
├── common        --  常量模塊
├── controller    --  控制器模塊
├── entity        --  實體類模塊
├── dto           --  dto模塊
├── enums         --  枚舉模塊
├── exception     --  自定義異常模塊
├── mapper        --  框架核心模塊
├── service       --  服務模塊
├── strategy      --  策略模塊（用于擴展第三方登錄，搜索模式，上傳文件模式等策略）
├── utils         --  工具類模塊
├── quartz        --  定時功能模塊
├── webmagic      --  文章爬蟲模塊
└── vo            --  vo模塊

項目特點

• 后臺參考"vue-element-template"設計，側邊欄，歷史標簽，面包屑自動生成。
• 采用Markdown編輯器，寫法簡單。
• 評論支持表情輸入回復等
• 添加音樂播放器，支持在線搜索歌曲。
• 前后端分離部署，適應當前潮流。
• 接入第三方登錄，減少注冊成本。
• 留言采用彈幕墻，更加炫酷。
• 支持代碼高亮和復制，圖片預覽，深色模式等功能，提升用戶體驗。
• 搜索文章支持高亮分詞，響應速度快。
• 新增文章目錄、推薦文章等功能，優化用戶體驗。
• 新增aop注解實現日志管理
• 支持動態權限修改，采用RBAC模型，前端菜單和后臺權限實時更新。
• 后臺管理支持修改背景圖片，博客配置等信息，操作簡單，支持上傳相冊。
• 代碼支持多種搜索模式（Elasticsearch或MYSQL），可支持配置。
• 代碼支持多種文件上傳模式（七牛云oss或本地上傳），可支持配置。
• 代碼遵循阿里巴巴開發規范，利于開發者學習。
• 使用websocket技術實現博客在線閱讀人數。

技術介紹

前端：?vue + vuex + vue-router + axios + vuetify + element + echarts

后端：?SpringBoot + nginx + docker + sa-token + Swagger2 + MyBatisPlus + Mysql + Redis + elasticsearch

其他：?接入QQ、微博、碼云第三方登錄，接入七牛云對象存儲

運行環境

服務器：?騰訊云2核4G CentOS7.6

對象存儲：?七牛云OSS

最低配置：?1核2G服務器（關閉ElasticSearch）

開發環境