(專案)生鮮超市(一)
阿新 • • 發佈:2018-11-24
一、專案介紹
生鮮超市平臺,通過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
至此,專案環境搭建完畢。