前端React+Antd ,後端Koa的博客平臺

爲何不寫文檔說明,一是寫很差,二也是最關鍵的實在是產出太少了😂;可是不妨礙水一篇文章分享下

前端做爲展現因此結構比較簡單

  • 主頁,查看文章列表

qweqweqwe.png

  • 文章詳情、評論
  • 關於,裏面包含一些數據統計
前端默認使用的是admin帳號的數據

你也能夠進行線上預覽,具體項目地址前端

文章如何管理

F1BB79C1-DD76-4A4F-B45C-1B7B0CDC15F7.png
後臺管理的操做有個單獨的頁面,使用Vue+elementUI的組合。主要功能以下:vue

  • 文章增刪改查
  • 評論管理
  • 用戶管理
  • 文章分類標籤管理

後臺管理打開很慢就不貼出來了,這是項目地址react

服務端

全部的後臺服務也是單獨一個項目,使用的是Koa項目地址git

這樣加上就有三個地址了,這也是爲了方便管理和修改,前端頁面兩個的緣由是首先一個是後臺管理一個是展現,其次後臺管理頁面使用的是 Vue,因此就分開了。

使用方法

數據庫使用的MongoDB,沒有的話要先安裝啓動,而後再啓動後臺服務,運行後臺管理頁,先註冊一個admin帳號,由於博客展現頁默認請求的是admin帳號的數據,這時候添加些分類、文章等等;運行博客前端頁就能夠看到效果了。github

文章中上傳的圖片因爲保存的是絕對路徑,因此在開發環境的前臺是看不到的,能夠自行配置個代理
相關文章
相關標籤/搜索