一、專案介紹

　　生鮮超市平臺，通過Vue + Django Rest Framework 搭建整個網站，通過該專案的學習，可以掌握以下技術點：

• 掌握前端Vue + 後端Django Rest Framework 前後端分離技術
• 徹底玩轉Restful API的開發流程
• 掌握Sentry，完成線上系統錯誤日誌的監控和告警
• 掌握第三方登入和支付寶支付介面對接

　　後臺管理系統通過xadmin快速搭建，詳細的教程在上一個專案中介紹過。

　　如果需要前端檔案和原始碼檔案以及視訊，請聯絡QQ：779060694，希望共同學習。

　　專案功能概要：

1. 商品分類-子分類，全域性搜尋，熱搜詞，購物車
2. 商品新品展示，推薦商品展示
3. 手機號碼註冊登入，第三方登入（微博登入）
4. 商品篩選、排序、富文字、收藏、加入/移出購物車、結算
5. 使用者留言、支付寶支付，掃碼支付
6. 訂單詳情、收貨地址
7. 個人資訊，我的收藏
8. 頁面快取，訪問速度限制
9. 介面文件，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

　　至此，專案環境搭建完畢。