摘要:前言此項目是基于螞蟻金服開源的之上,用全家桶的進行再次開發的,項目已經開源,項目地址在上。項目地址開源不易,如果覺得該項目不錯或者對你有所幫助,歡迎到上給個,謝謝。
前言
此 blog-react-admin 項目是基于 螞蟻金服開源的 ant design pro 之上,用 react 全家桶 + Ant Design 的進行再次開發的,項目已經開源,項目地址在 github 上。
效果預覽 https://preview.pro.ant.design/user/login
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 登錄注冊管理
文章管理、用戶管理、留言等 具體業務需求,都是些常用的邏輯可以實現的,也很簡單,這里就不展開講了。
3. 使用使用詳情請查看 Ant Design Pro ,因為本項目也是在這個基礎之上,按這個規范來構建的。
4. 缺點開發時,程序出錯后,修改正確后,webpack 有時不會及時查覺到內容已經更改,從而不能及時編譯,要重新運行命令打包。
5. 項目地址開源不易,如果覺得該項目不錯或者對你有所幫助,歡迎到 github 上給個 star,謝謝。
項目地址:
前臺展示: https://github.com/biaochenxuying/blog-react管理后臺:https://github.com/biaochenxuying/blog-react-admin
后端:https://github.com/biaochenxuying/blog-node
blog:https://github.com/biaochenxuying/blog
本博客系統的系列文章:
react + node + express + ant + mongodb 的簡潔兼時尚的博客網站
react + Ant Design + 支持 markdown 的 blog-react 項目文檔說明
基于 node + express + mongodb 的 blog-node 項目文檔說明
服務器小白的我,是如何將node+mongodb項目部署在服務器上并進行性能優化的
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
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/99316.html
摘要:前言此項目是用于構建博客網站的,由三部分組成,包含前臺展示管理后臺和后端。體驗地址網站主頁網站首頁管理后臺計劃這次是一個完整的全棧式開發,只要部署了這三個項目的代碼,是完全可以搭建好博客網站的。 showImg(https://segmentfault.com/img/remote/1460000017095592); 前言 此項目是用于構建博客網站的,由三部分組成,包含前臺展示、管理...
摘要:前言本文講解的是做為前端開發人員,對服務器的了解還是小白的我,是如何一步步將項目部署在阿里云的服務器上,并進行性能優化,達到頁面秒內看到,秒內看到首屏內容的。搭建的項目是采用了主流的前后端分離思想的,這里只講服務器環境搭建與性能優化。 showImg(https://segmentfault.com/img/remote/1460000017143281); 前言 本文講解的是:做為前...
摘要:使用官方的的另外一種版本和一起使用自動配置了一個項目支持。需要的依賴都在文件中。帶靜態類型檢驗,現在的第三方包基本上源碼都是,方便查看調試。大型項目首選和結合,代碼調試維護起來極其方便。 showImg(https://segmentfault.com/img/bVbrTKz?w=1400&h=930); 阿特伍德定律,指的是any application that can be wr...
摘要:使用官方的的另外一種版本和一起使用自動配置了一個項目支持。需要的依賴都在文件中。帶靜態類型檢驗,現在的第三方包基本上源碼都是,方便查看調試。大型項目首選和結合,代碼調試維護起來極其方便。 showImg(https://segmentfault.com/img/bVbrTKz?w=1400&h=930); 阿特伍德定律,指的是any application that can be wr...
閱讀 704·2021-11-22 13:54
閱讀 3065·2021-09-26 10:16
閱讀 3488·2021-09-08 09:35
閱讀 1576·2019-08-30 15:55
閱讀 3429·2019-08-30 15:54
閱讀 2075·2019-08-30 10:57
閱讀 497·2019-08-29 16:25
閱讀 877·2019-08-29 16:15