項目介紹：這是一個推薦購物的第三方網站，主要的商品信息從主流電商網站爬取。客戶可以注冊為會員，進行查詢，下單等操作。主要目的是幫助自己貫穿前后端知識點。由于沒有搭建過該類型網站，主體脈絡參考慕課上的視頻 Get全棧技能點 Vue2.0/Node.js/MongoDB 打造商城系統，有興趣的同學可以購買以后進行學習，該視頻項目的在線地址如下：http://imooc.51purse.com/。雖然脈絡相近，但是在代碼實現上還是有很大區別的，功能也會不一樣，每一章都融入了自己的經驗和思考。最后做出來效果以后，大家可以對比一下。

技術選型：這是一個spa網站，前端使用webpack + vue全家桶，后端使用node + express + mongodb + mongoose，服務器使用阿里云。由于是學習項目，目的很明確，就是熟悉開發流程。所以seo，ssr等技術我們在此不會討論。

好吧，開始學習吧。

第一部分

項目搭建，主體流程基本跑通，商品列表頁和登錄頁邏輯基本完成。

1. 在線商城項目01-項目初始化
2. 在線商城項目02-展示商品列表頁面并抽取公共組件
3. 在線商城項目03-啟用mock服務
4. 在線商城項目04-接口約定和數據請求
5. 在線商城項目05-利用mock數據進行渲染和圖片懶加載
6. 在線商城項目06-商品列表頁前端邏輯實現
7. 在線商城項目07-mac下mongodb的下載與配置
8. 在線商城項目08-數據庫創建和商品集合的創建
9. 在線商城項目09-基于express框架的server端搭建
10. 在線商城項目10-基于mongoose實現商品列表查詢
11. 在線商城項目11-商品列表頁的排序實現
12. 在線商城項目12-商品列表頁價格篩選實現
13. 在線商城項目13-商品列表分頁功能實現
14. 在線商城項目14-階段性自測與bug修復
15. 在線商城項目15-登錄界面實現
16. 在線商城項目16-頭部前端邏輯修改
17. 在線商城項目17-登錄態保持

第二部分

預計會寫注冊邏輯，購物車邏輯，訂單邏輯，二次封裝請求方法，前端攔截器。這一部分偏業務性質更多。另外，最近更新可能會很慢。