摘要:前言此項(xiàng)目是基于螞蟻金服開源的之上,用全家桶的進(jìn)行再次開發(fā)的,項(xiàng)目已經(jīng)開源,項(xiàng)目地址在上。項(xiàng)目地址開源不易,如果覺得該項(xiàng)目不錯(cuò)或者對(duì)你有所幫助,歡迎到上給個(gè),謝謝。
前言
此 blog-react-admin 項(xiàng)目是基于 螞蟻金服開源的 ant design pro 之上,用 react 全家桶 + Ant Design 的進(jìn)行再次開發(fā)的,項(xiàng)目已經(jīng)開源,項(xiàng)目地址在 github 上。
效果預(yù)覽 https://preview.pro.ant.design/user/login
1. 后臺(tái)管理 1.1 已經(jīng)實(shí)現(xiàn)功能[x] 登錄
[x] 文章管理(支持 MarkDown 語法)
[x] 標(biāo)簽管理
[x] 留言管理
[x] 用戶管理
[x] 友情鏈接管理
[x] 時(shí)間軸管理
1.2 待實(shí)現(xiàn)功能[ ] 點(diǎn)贊、留言和評(píng)論 的通知管理
[ ] 評(píng)論管理
[ ] 個(gè)人中心(用來設(shè)置博主的各種信息)
[ ] 工作臺(tái)( 接入百度統(tǒng)計(jì)接口,查看網(wǎng)站瀏覽量和用戶訪問等數(shù)據(jù) )
2. 主要項(xiàng)目結(jié)構(gòu)- pages - Account 博主個(gè)人中心 - article 文章管理 - Category 分類 - Dashboard 工作臺(tái) - Exection 403 404 500 等頁面 - Link 鏈接管理 - Message 留言管理 - OtherUser 用戶管理 - Tag 標(biāo)簽管理 - TimeAsix 時(shí)間軸 - User 登錄注冊管理
文章管理、用戶管理、留言等 具體業(yè)務(wù)需求,都是些常用的邏輯可以實(shí)現(xiàn)的,也很簡單,這里就不展開講了。
3. 使用使用詳情請(qǐng)查看 Ant Design Pro ,因?yàn)楸卷?xiàng)目也是在這個(gè)基礎(chǔ)之上,按這個(gè)規(guī)范來構(gòu)建的。
4. 缺點(diǎn)開發(fā)時(shí),程序出錯(cuò)后,修改正確后,webpack 有時(shí)不會(huì)及時(shí)查覺到內(nèi)容已經(jīng)更改,從而不能及時(shí)編譯,要重新運(yùn)行命令打包。
5. 項(xiàng)目地址開源不易,如果覺得該項(xiàng)目不錯(cuò)或者對(duì)你有所幫助,歡迎到 github 上給個(gè) star,謝謝。
項(xiàng)目地址:
前臺(tái)展示: https://github.com/biaochenxuying/blog-react管理后臺(tái):https://github.com/biaochenxuying/blog-react-admin
后端:https://github.com/biaochenxuying/blog-node
blog:https://github.com/biaochenxuying/blog
本博客系統(tǒng)的系列文章:
react + node + express + ant + mongodb 的簡潔兼時(shí)尚的博客網(wǎng)站
react + Ant Design + 支持 markdown 的 blog-react 項(xiàng)目文檔說明
基于 node + express + mongodb 的 blog-node 項(xiàng)目文檔說明
服務(wù)器小白的我,是如何將node+mongodb項(xiàng)目部署在服務(wù)器上并進(jìn)行性能優(yōu)化的
6. Build Setup ( 構(gòu)建安裝 )# install dependencies npm install # serve with hot reload at localhost: 3000 npm start # build for production with minification npm run build
如果要看完整的效果,是要和后臺(tái)項(xiàng)目 blog-node 一起運(yùn)行才行的,不然接口請(qǐng)求會(huì)失敗。
7. 最后對(duì) 全棧開發(fā) 有興趣的朋友可以掃下方二維碼關(guān)注我的公眾號(hào),我會(huì)不定期更新有價(jià)值的內(nèi)容。
微信公眾號(hào):BiaoChenXuYing
分享 前端、后端開發(fā)等相關(guān)的技術(shù)文章,熱點(diǎn)資源,全棧程序員的成長之路。
關(guān)注公眾號(hào)并回復(fù) 福利 便免費(fèi)送你視頻資源,絕對(duì)干貨。
福利詳情請(qǐng)點(diǎn)擊: 免費(fèi)資源分享--Python、Java、Linux、Go、node、vue、react、javaScript
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.hztianpu.com/yun/99316.html
摘要:前言此項(xiàng)目是用于構(gòu)建博客網(wǎng)站的,由三部分組成,包含前臺(tái)展示管理后臺(tái)和后端。體驗(yàn)地址網(wǎng)站主頁網(wǎng)站首頁管理后臺(tái)計(jì)劃這次是一個(gè)完整的全棧式開發(fā),只要部署了這三個(gè)項(xiàng)目的代碼,是完全可以搭建好博客網(wǎng)站的。 showImg(https://segmentfault.com/img/remote/1460000017095592); 前言 此項(xiàng)目是用于構(gòu)建博客網(wǎng)站的,由三部分組成,包含前臺(tái)展示、管理...
摘要:前言本文講解的是做為前端開發(fā)人員,對(duì)服務(wù)器的了解還是小白的我,是如何一步步將項(xiàng)目部署在阿里云的服務(wù)器上,并進(jìn)行性能優(yōu)化,達(dá)到頁面秒內(nèi)看到,秒內(nèi)看到首屏內(nèi)容的。搭建的項(xiàng)目是采用了主流的前后端分離思想的,這里只講服務(wù)器環(huán)境搭建與性能優(yōu)化。 showImg(https://segmentfault.com/img/remote/1460000017143281); 前言 本文講解的是:做為前...
摘要:使用官方的的另外一種版本和一起使用自動(dòng)配置了一個(gè)項(xiàng)目支持。需要的依賴都在文件中。帶靜態(tài)類型檢驗(yàn),現(xiàn)在的第三方包基本上源碼都是,方便查看調(diào)試。大型項(xiàng)目首選和結(jié)合,代碼調(diào)試維護(hù)起來極其方便。 showImg(https://segmentfault.com/img/bVbrTKz?w=1400&h=930); 阿特伍德定律,指的是any application that can be wr...
摘要:使用官方的的另外一種版本和一起使用自動(dòng)配置了一個(gè)項(xiàng)目支持。需要的依賴都在文件中。帶靜態(tài)類型檢驗(yàn),現(xiàn)在的第三方包基本上源碼都是,方便查看調(diào)試。大型項(xiàng)目首選和結(jié)合,代碼調(diào)試維護(hù)起來極其方便。 showImg(https://segmentfault.com/img/bVbrTKz?w=1400&h=930); 阿特伍德定律,指的是any application that can be wr...
閱讀 776·2021-11-22 13:54
閱讀 3185·2021-09-26 10:16
閱讀 3614·2021-09-08 09:35
閱讀 1645·2019-08-30 15:55
閱讀 3490·2019-08-30 15:54
閱讀 2146·2019-08-30 10:57
閱讀 552·2019-08-29 16:25
閱讀 937·2019-08-29 16:15