實戰react技術棧+express先後端博客項目（0）-- 預熱一波

項目地址：github.com/Nealyang/Re…

本想等項目作完再連載一波系列博客，隨着開發的進行，也是的確遇到了很多坑，請教了很多人。遂想，何不一邊記錄踩坑，一邊分享收穫呢。分享固然是好的，
若是能作到集思廣益，那豈不是更美。咱們的口號是：堅定不會爛尾

本博客爲連載代碼博客同步更新博客，隨着項目日後開發可能會遇到前面寫的不合適的地方會再回頭修改。若有不妥~歡迎兄弟們不嗇賜教。謝謝！

功能描述

前端部分

• [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 (新建)

---

more