拾壹博客前后端分離的博客系統(tǒng)

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

在線地址

項(xiàng)目鏈接： 拾壹博客

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

賬號(hào):test 密碼:123456

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

您的star是我堅(jiān)持的動(dòng)力，感謝大家的支持，歡迎提交pr共同改進(jìn)項(xiàng)目。

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

前端項(xiàng)目blog-web為前臺(tái)，blog-admin為后臺(tái)。

后端項(xiàng)目位于blog下。

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

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

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

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

ps：請(qǐng)先運(yùn)行后端項(xiàng)目，再啟動(dòng)前端項(xiàng)目，前端項(xiàng)目配置由后端動(dòng)態(tài)加載。

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

項(xiàng)目特點(diǎn)

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

技術(shù)介紹

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

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

其他： 接入QQ、微博、碼云第三方登錄，接入七牛云對(duì)象存儲(chǔ)

運(yùn)行環(huán)境

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

對(duì)象存儲(chǔ)： 七牛云OSS

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

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