本想等專案做完再連載一波系列部落格,隨著開發的進行,也是的確遇到了不少坑,請教了不少人。遂想,何不一邊記錄踩坑,一邊分享收穫呢。分享當然是好的,
如果能做到集思廣益,那豈不是更美。我們的口號是:堅決不會爛尾
本部落格為連載程式碼部落格同步更新部落格,隨著專案往後開發可能會遇到前面寫的不合適的地方會再回頭修改。如有不妥~歡迎兄弟們不嗇賜教。謝謝!
功能描述
前端部分
- [x] 文章列表展示
- [x] 文章分類
- [x] 登入管理
- [x] 文章詳情頁展示
- [x] 文章評論
- [x] 管理員文章管理
- [x] 管理員標籤管理
- [x] 管理員評論管理
- [x] 發文(支援MarkDown語法)
後端部分
- [x] mongoose資料庫操作
- [x] 路由管理
- [x] 身份驗證
- [x] 基本的增刪改查
- [x] ...
技術棧
- [x] react
- [x] react-redux
- [x] react-router
- [x] redux-saga
- [x] babel
- [x] webpack
- [x] Express
- [x] Mongodb
- [x] Mongoose
TODO
後續收工時候補充
專案執行效果(這個GIF不是連續播放的,我好煩)
- 載入
- 普通使用者登入
- 管理員登入
專案介紹
當然這是一個全棧的開源demo,在此之前寫過一個模仿大眾點評的Demo,有兄弟反應說應該加點註釋。
因為實在不想回頭再麻煩,就想在這個demo中再加。
這個demo就是一個簡單的增刪改查的部落格demo。前端用react技術棧、後端是express+mongoose。
專案實現步驟系列部落格
- [x] 實戰react技術棧+express前後端部落格專案(0)-- 預熱一波
- [ ] 實戰react技術棧+express前後端部落格專案(1)-- 整體專案結構搭建、state狀態樹設計
- [ ] 實戰react技術棧+express前後端部落格專案(2)-- 前端react-xxx、路由配置
- [ ] 實戰react技術棧+express前後端部落格專案(3)-- 後端路由、代理以及靜態資源託管等其他配置說明
- [ ] 實戰react技術棧+express前後端部落格專案(4)-- 部落格首頁程式碼編寫以及redux-saga組織
- [ ] 實戰react技術棧+express前後端部落格專案(5)-- 前後端實現登入功能
- [ ] 實戰react技術棧+express前後端部落格專案(6)-- 使用session實現免登陸+管理後臺許可權驗證
- [ ] 實戰react技術棧+express前後端部落格專案(7)-- 前端管理介面使用者檢視功能+後端對應介面開發
- [ ] 實戰react技術棧+express前後端部落格專案(8)-- 前端管理介面標籤管理功能+後端對應介面開發
- [ ] 實戰react技術棧+express前後端部落格專案(9)-- 前端管理介面標籤管理功能+後端對應介面開發
- [ ] 實戰react技術棧+express前後端部落格專案(10)-- 前端管理介面發表文章功能
- [ ] 實戰react技術棧+express前後端部落格專案(11)-- 後端介面對應文章部分的增刪改查
- [ ] 實戰react技術棧+express前後端部落格專案(12)-- 前端對於發文部分的完善(增刪改查、分頁等)
- [ ] 實戰react技術棧+express前後端部落格專案(13)-- 前端對於發文部分的完善(增刪改查等)
- [ ] 實戰react技術棧+express前後端部落格專案(14)-- 內容詳情頁以及閱讀數的展示
- [ ] 實戰react技術棧+express前後端部落格專案(15)-- 部落格新增評論功能以及對應後端實現
- [ ] 實戰react技術棧+express前後端部落格專案(16)-- pm2 的使用說明
- [ ] 實戰react技術棧+express前後端部落格專案(17)-- 收工
交流
掃碼關注我的個人微信公眾號,分享更多原創文章。點選交流學習加我微信、qq群。一起學習,一起進步
歡迎兄弟們加入:
Node.js技術交流群:209530601
React技術棧:398240621
前端技術雜談:604953717 (新建)