在線商城項目-six淘

項目介紹:這是一個推薦購物的第三方網站,主要的商品信息從主流電商網站爬取。客戶可以注冊為會員,進行查詢,下單等操作。主要目的是幫助自己貫穿前后端知識點。由于沒有搭建過該類型網站,主體脈絡參考慕課上的視頻 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-登錄態保持

第二部分

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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容