react + Ant Design 的 blog-react-admin 項目的項目文檔說明

時間 2019-12-07

標籤 react ant design blog admin 項目文檔說明欄目 React 简体版

原文原文鏈接

前言

此 blog-react-admin 項目是基於螞蟻金服開源的 ant design pro 之上，用 react 全家桶 + Ant Design 的進行再次開發的，項目已經開源，項目地址在 github 上。前端

效果預覽 https://preview.pro.ant.design/user/loginvue

1. 後臺管理

1.1 已經實現功能

[x] 登陸
[x] 文章管理（支持 MarkDown 語法）
[x] 標籤管理
[x] 留言管理
[x] 用戶管理
[x] 友情連接管理
[x] 時間軸管理

1.2 待實現功能

[ ] 點贊、留言和評論的通知管理
[ ] 評論管理
[ ] 我的中心（用來設置博主的各類信息）
[ ] 工做臺（接入百度統計接口，查看網站瀏覽量和用戶訪問等數據）

2. 主要項目結構

- pages
  - Account 博主我的中心
  - article 文章管理
  - Category 分類
  - Dashboard 工做臺
  - Exection 403 404 500 等頁面
  - Link 連接管理
  - Message 留言管理
  - OtherUser 用戶管理
  - Tag 標籤管理
  - TimeAsix 時間軸
  - User 登陸註冊管理

文章管理、用戶管理、留言等具體業務需求，都是些經常使用的邏輯能夠實現的，也很簡單，這裏就不展開講了。java

3. 使用

使用詳情請查看 Ant Design Pro ，由於本項目也是在這個基礎之上，按這個規範來構建的。node

4. 缺點

開發時，程序出錯後，修改正確後，webpack 有時不會及時查覺到內容已經更改，從而不能及時編譯，要從新運行命令打包。react

5. 項目地址

開源不易，若是以爲該項目不錯或者對你有所幫助，歡迎到 github 上給個 star，謝謝。webpack

項目地址：git

前臺展現: https://github.com/biaochenxuying/blog-react
管理後臺：https://github.com/biaochenxuying/blog-react-admin程序員

後端：https://github.com/biaochenxuying/blog-nodegithub

blog：https://github.com/biaochenxuying/blogweb

本博客系統的系列文章：

6. Build Setup ( 構建安裝 )

# install dependencies
npm install 

# serve with hot reload at localhost: 3000
npm start 

# build for production with minification
npm run build

若是要看完整的效果，是要和後臺項目 blog-node 一塊兒運行才行的，否則接口請求會失敗。

7. 最後

對 全棧開發 有興趣的朋友能夠掃下方二維碼關注個人公衆號，我會不按期更新有價值的內容。

微信公衆號： BiaoChenXuYing
分享前端、後端開發等相關的技術文章，熱點資源，全棧程序員的成長之路。

關注公衆號並回復福利便免費送你視頻資源，絕對乾貨。

福利詳情請點擊：免費資源分享--Python、Java、Linux、Go、node、vue、react、javaScript

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。