一、項目介紹 生鮮超市平臺，通過Vue + Django Rest Framework 搭建整個網站，通過該項目的學習，可以掌握以下技術點： 掌握前端Vue + 後端Django Rest Framework 前後端分離技術 徹底玩轉Restful API的開發流程 掌握Sentry，完成線上系統錯 ...
一、項目介紹
生鮮超市平臺，通過Vue + Django Rest Framework 搭建整個網站，通過該項目的學習，可以掌握以下技術點：
- 掌握前端Vue + 後端Django Rest Framework 前後端分離技術
- 徹底玩轉Restful API的開發流程
- 掌握Sentry，完成線上系統錯誤日誌的監控和告警
- 掌握第三方登錄和支付寶支付介面對接
後臺管理系統通過xadmin快速搭建，詳細的教程在上一個項目中介紹過。
如果需要前端文件和源碼文件以及視頻，請聯繫QQ：779060694，希望共同學習。
項目功能概要：
- 商品分類-子分類，全局搜索，熱搜詞，購物車
- 商品新品展示，推薦商品展示
- 手機號碼註冊登錄，第三方登錄（微博登錄）
- 商品篩選、排序、富文本、收藏、加入/移出購物車、結算
- 用戶留言、支付寶支付，掃碼支付
- 訂單詳情、收貨地址
- 個人信息，我的收藏
- 頁面緩存，訪問速度限制
- 介面文檔，sentry錯誤日誌
現在就開始我們的項目搭建之旅吧！
二、環境搭建
1.1 Django環境搭建
django: 2.0.2
python: 3.6.4
打開pycharm，新建項目：
創建完成之後，項目的目錄結構如下：
1.2 Vue環境搭建
首先需要先下載nods.js，下載地址：https://nodejs.org/en/
然後安裝cnpm：npm install -g cnpm --registry=https://registry.npm.taobao.org
打開前端的Vue文件，在該目錄下按住shift+滑鼠右鍵打開命令提示視窗，運行命令：cnpm install 安裝Vue運行所需要的包文件，安裝完成之後會出現node_modules文件：
然後運行前端Vue：cnpm run dev
現在就可以在瀏覽器中訪問前端頁面了，只不過頁面中沒有數據：http://localhost:8080
至此，項目環境搭建完畢。
