實戰react技術棧+express前後端部落格專案(0)-- 預熱一波

Neal_yang發表於2017-09-28

專案地址: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

相關文章