基於vue-cli + element-ui + mock.js搭建的博客後臺管理系統(免費下載)

寫在前面

該系統原本是知識共享平臺的後臺管理系統,使用的是前後端分離的架構模式。後臺基於Spring、SpringMVC、MyBatis當下主流框架編寫,前端使用VUE.js框架,Element框架,頁面簡潔大方,知識共享平臺的後臺管理系統已申請軟件著作權。這裏我將該系統前端部分抽取出來作爲博客後臺管理系統分享,使用了Mock.js來模擬後臺數據。僅供學習參考,切勿用於商業目的。

github地址(可以下載):github地址

在線預覽:在線預覽(僅僅展示前端效果)

API地址:API地址 前後端分離

附加一句:歡迎大家來我的個人網站:TanJia

項目啓動

進入項目的根目錄,輸入以下命令,即可啓動

cnpm install
cnpm start

或者 

npm install
npm start

啓動成功後打開 http://localhost:8080 即可訪問,隨意輸入用戶名與密碼即可登錄

主要的功能

博客後臺管理系統根據實際需求,設計並實現的功能如下:

1. 用戶信息管理。記錄用戶在博客平臺中註冊過的用戶信息,管理員可以對用戶信息進行搜索、修改、刪除、增加。其中,管理員通過系統可以指派某個用戶作爲某個版塊的版主,協助管理員來管理該版塊的文章與評論,減輕管理員的工作量。

2. 文章信息管理。記錄了用戶在博客平臺中發表過的文章,管理員可以管理全部文章,版主可以管理自己管理的版塊中的文章,兩者可對文章進行查看、刪除、搜索操作。值得注意的是不能進行編輯操作,編輯只能由該文章的作者在知識共享平臺中進行,其他人不能修改文章內容。

3. 評論信息管理。記錄了用戶在博客平臺中發表過的評論,管理員可以管理全部評論,版主可以管理對應版塊中文章的評論,兩者可對評論進行查看、刪除、搜索操作。

4. 版塊信息管理。記錄了博客平臺中的版塊信息,管理員可以自行增加、刪除、搜索、查看版塊。同時,管理員可以爲每個版塊委派一個版主,協助管理員管理平臺。 

展示效果

在項目開發過程中使用JAVA做後臺 ,前後端完全分離 ,這裏我將完整項目的效果圖(原系統名稱爲:知識共享平臺後臺管理系統)展示:

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章