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

在線地址

項目鏈接：?拾壹博客

后臺鏈接：?拾壹博客后臺管理系統(tǒng)

賬號:test 密碼:123456

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

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

目錄結(jié)構(gòu)

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

后端項目位于blog下。

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

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

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

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

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

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

項目特點

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

技術(shù)介紹

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

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

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

運行環(huán)境

服務(wù)器：?騰訊云2核4G CentOS7.6

對象存儲：?七牛云OSS

最低配置：?1核2G服務(wù)器（關(guān)閉ElasticSearch）

開發(fā)環(huán)境