2. 程式人生 > >1- vue django restful framework 打造生鮮超市

1- vue django restful framework 打造生鮮超市

阿新 • • 發佈：2018-06-03
arch mis 錯誤 caption 開發流程 緩存 mysql基礎 商戶 發生

Vue+Django REST framework實戰

使用Python3.6與Django2.0.2(Django-rest-framework)以及前端vue開發的前後端分離的商城網站

項目支持支付寶支付(暫不支持微信支付),支持手機短信驗證碼註冊， 支持第三方登錄。集成了sentry錯誤監控系統

本小節內容: 介紹教程可以掌握的技術點和內容。

掌握的技術

  1. Vue + Django Rest Framework 前後端分離技術
  1. 徹底玩轉restful api 開發流程
  2. Django Rest Framework 的功能實現和核心源碼分析
  3. Sentry 完成線上系統的錯誤日誌的監控和告警
  4. 第三方登錄和支付寶支付的集成
  5. 本地調試遠程服務器代碼的技巧

課程系統構成

  1. vue前端項目
  2. django rest framework 系統實現前臺功能
  3. xadmin後臺管理系統

為大家準備好:

技術分享圖片 mark

vue部分:

  • API 接口
  • Vue 組件 與api的交互
  • vue的項目組織結構分析

django rest framework 專註於 restful API的開發。

Django Rest Framework 技能

  • 通用view實現 rest api接口

    • apiview方式實現api
    • genericView方式實現api接口
    • Viewset和router方式實現api接口和url配置
    • Django_filter searchFilter OrderFilter 分頁
    • 通用mixin

  • 權限和認證；

    • Authentication用戶認證設置
    • 動態設置permission、authentication
    • Validators實現字段驗證

  • 序列化和表單驗證

    • Serializer
    • ModelSerializer
    • 動態設置Serializer

  • 支付登錄註冊

    • json web token 實現登錄
    • 手機註冊
    • 支付寶支付
    • 第三方登錄

  • 進階開發

    • Django rest framework 部分核心源碼解讀
    • 文檔自動化管理
    • django rest framework的緩存
    • throttling 對用戶和ip進行限速

django rest framework 開發模塊 & API 開發過程中很多常見的問題

開發中常見的問題

  • 本地系統不能重現的bug
  • api接口出錯不能及時的發現或難以找到錯誤棧
  • api文檔管理問題，html markdown
  • 大量的url配置造成url配置越來越多難以維護
  • 接口不及時去更新文檔，對方不知道如何去測試接口，但寫文檔會花費大量的時間去維護.
  • 為了防止爬蟲，我們需要針對api的訪問頻率進行限制，比如一分鐘，一小時，或者一天用戶的訪問頻率限制問題。
  • 某些頁面將數據放入緩存，加速某些api的訪問速度

商品分類的數據一般變動比較小，可以放入緩存中。

開發中常見問題解決方案

  1. 通過介紹pycharm 的遠程服務器代碼調試技巧讓大家不僅可以調試支付，第三方登錄，還可以遠程服務器代碼來重現服務器上的bug
  2. 通過docker 搭建 sentry 來體驗錯誤日誌監控系統，讓我們不僅可以得到線上的錯誤棧還能及時在發生系統錯誤時收到郵件通知。
  3. 通過drf的文檔自動化管理以及url的註冊管理功能會讓我們省去寫文檔的時間
  4. django rest framework 的文檔管理功能不僅可以讓我們省去寫文檔的時間，還能直接在文檔裏面測試接口，自動生成js接口代碼，shell測試代碼和python測試代碼
  5. django rest framework 提供的throttle 對於api進行訪問頻率的限制
  6. 引入第三方框架來設置某些api的緩存
技術分享圖片 mark

django進階知識點

  • django mirgrations原理
  • django 信號量
  • django從請求到響應的完整過程
  • 獨立使用django的model

vue知識點

  • vue技術選型分析
  • API後端數據填充到Vue組件模板
  • Vue代碼結構分析

章節安排

  • 一二章 課程介紹以及開發環境的搭建
  • 設計數據庫以及導入原始數據
  • restful api基礎以及vue項目結構介紹
  • 商品列表頁功能
  • 商品類別功能
  • 手機註冊和用戶登錄
  • 商品詳情頁和收藏功能
  • 個人中心功能
  • 購物車、訂單和支付寶支付功能
  • 首頁，商品相關數量，緩存，訪問限速功能
  • 第三方登錄(微博 qq 微信)
  • sentry系統錯誤日誌監控

技術儲備要求

  • django基礎知識
  • 熟練掌握python語法
  • 了解vue & mysql基礎

系統功能

  • 分類 - 子分類 搜索 熱搜詞 購物車簡要展示
  • 新品 分類展示， 大類的推薦商品。
  • 賬戶密碼登錄(json web token)。微博登錄，輸入賬戶跳轉回首頁。
  • 註冊，手機號碼註冊，錯誤提示。倒計時功能，服務器端手機號碼發送頻次限制。

商品大類，導航欄。篩選，排序。富文本。

  • 商品 收藏 加入購物車 結算，移出購物車
  • 留言 支付寶支付，掃碼支付。跳回商戶頁面。
  • 訂單詳情，收貨地址
  • 個人信息，收藏商品，我的收藏。
  • 留言，上傳文件。提交，刪除留言
  • 快速瀏覽。頁面的緩存
  • 訪問速度限制 & 接口文檔 測試交互
  • 出錯處理: sentry基於drf。打印錯誤棧，當前請求用戶。郵件通知
原文學習來自簡書，作者：天涯明月笙
鏈接：https://www.jianshu.com/p/fe1993e5e558

 如有侵權請立即聯系我，第一時間處理

1- vue django restful framework 打造生鮮超市

相關推薦

1- vue django restful framework 打造生鮮超市

arch mis 錯誤 caption 開發流程 緩存 mysql基礎 商戶 發生 Vue+Django REST framework實戰 使用Python3.6與Django2.0.2(Django-rest-framework)以及前端vue開發的前後端分離的商城網站

2- vue django restful framework 打造生鮮超市 -環境搭建

cap 登錄 storm 一個 cimage 報錯 navi 源代碼 重新 使用Python3.6與Django2.0.2(Django-rest-framework)以及前端vue開發的前後端分離的商城網站 項目支持支付寶支付(暫不支持微信支付),支持手機短信驗證碼

3- vue django restful framework 打造生鮮超市 - model設計和資源導入

IE editor deb keyword 補全 profile down -i queryset 3- vue django restful framework 打造生鮮超市 - model設計和資源導入 使用Python3.6與Django2.0.2(Django

Vue + Django REST framework 打造生鮮電商項目

lam -c com get .com djang 項目 mooc big Vue + Django REST framework 打造生鮮電商項目 需要的聯系QQ：996072671Vue + Django REST framework 打造生鮮電商項目

vue+django restful framework 電商專案(三) -- xadmin安裝和 商品資料的匯入

         xadmin的安裝和配置詳見部落格:http://www.cnblogs.com/shhnwangjian/p/6372503.html   途中可能會遇到缺少什麼包, 用pip

vue+django restful framework 電商專案(二)---資料表的設計

       這一節開始我們來開始做這個專案, 至於專案的新建還有檔案結構, 我就不做詳細介紹了,這些步驟在這個部落格都有:http://www.cnblogs.com/derek1184405959/p/8733578.html&nb

vue+django restful framework 電商專案(一)---開發環境搭建

最近要做一個共享類的專案, 要做api開發, 苦於不會開發, 所以去網上找了這個教程練練drf開發, 廢話少說, 先跟著老師搭建環境吧 這的專案的環境是:django + python3 + vue + nodejs,先簡單介紹一下這幾部分的搭建  百度雲視訊連結: http://

Django REST framework+Vue 打造生鮮超市（五）

.com his gem serial http return cati 頁碼 erro 六、商品類別數據展示 6.1. 商品類別數據接口 （1）商品分類有兩個接口： 一種是全部分類：一級二級三級 一種是某一類的分類以及商品詳細信息： 開始寫商品分類的

學習使用"Django REST framework"打造RESTful API介面——第一節 quickstart

本文的操作是為了快速建立一個Django專案的REST介面，然後看看效果，讓你更有信心地使用這個框架。裡面有很多新的概念在後面會慢慢介紹。 準備開發環境 本人平時上班時使用的是windows進行開發。這裡介紹windows下的開發環境，MacOS下也是類似的。 本文假設大家

Django Restful Framework【第三篇】認證、權限、限制訪問頻率

authent per ted inf png ip限制 users -a python 一、認證 認證請求頭 views.py #!/usr/bin/env python # -*- coding:utf-8 -*- from rest_framework.views

Django Restful Framework【第四篇】版本、解析器、序列化和請求數據驗證

tor ade clu cts scheme com 繼承 src 當前 一、版本 程序也來越大時，可能通過版本不同做不同的處理 沒用rest_framework之前，我們可以通過以下這樣的方式去獲取。 class UserView(APIView): def

Django Restful Framework【第五篇】分頁、視圖、路由、渲染器

framework 增刪改查 format conf apn register ali dmi elf 一、分頁 試問如果當數據量特別大的時候，你是怎麽解決分頁的？ 方式a、記錄當前訪問頁數的數據id 方式b、最多顯示120頁等 方式c、只顯示上一頁，下一頁，不讓選擇頁

Python前後端分離開發Vue+Django REST framework實戰

第1章 課程介紹介紹課程目標、通過課程能學習到的內容、和系統開發前需要具備的知識 1-1 課程導學第2章 開發環境搭建介紹系統開發所需的開發環境的搭建， 包括前後端開發所需要的IDE、 mysql、navicat、nodejs、cnpm的配置等， 還介紹瞭如何配置python虛擬環境 2-1 pychar

Django RESTful framework 學習記(一)

由於想做一個手機充電樁的專案, 而這個專案涉及資料庫, 微信小程式, 而微信小程式需要後臺給相應的api介面, 無奈的我api不會開發, 再此之前一直學了python, 而且用了django框架寫過網站, 心想api不就是一個連結嗎? 而網站也是一個連結, 只是返回的資料不一樣, 我想api和網

1、Django REST framework 理解

collect 需要 取出 patch str 增刪改 media add 方法 Web應用模式 1 .前後端不分離:在前後端不分離的應用模式中,前端頁面看到的效果都是由後端控制,由後端渲染頁面或重定向,也就是後端需要控制前端的展示,前端與厚度那的耦合度很高. 這種應用

Django REST framework+Vue 打造生鮮電商項目（筆記二）

開始 allow 動作 false 做到 category gef eric ocs （轉自https://www.cnblogs.com/derek1184405959/p/8768059.html）（有修改） 接下來開始引入django resfulframework，

Django REST framework+Vue 打造生鮮電商專案（筆記四）

 （PS：部分程式碼和圖片來自部落格:http://www.cnblogs.com/derek1184405959/p/8813641.html。有增刪） 一、使用者登入和手機註冊 1、drf的token功能 （前言：為什麼有了session了，還要用token呢？因為每次認證使用者發起請求時

Django REST framework+Vue 打造生鮮電商項目（筆記四）

相關 部署 www. requests ted 本地ip hand ice 用戶信息 （PS：部分代碼和圖片來自博客:http://www.cnblogs.com/derek1184405959/p/8813641.html。有增刪） 一、用戶登錄和手機註冊 1、drf的

Django REST framework+Vue 打造生鮮電商專案（筆記五）

一、viewsets實現商品詳情頁介面 （1）商品詳情頁只需要多繼承一個類（mixins.RetrieveModelMixin）就可以了，（它的功能就是展示商品詳情） class GoodsListViewSet(mixins.ListModelMixin, mixins.RetrieveModel

Django REST framework+Vue 打造生鮮電商專案（筆記六）

九、個人中心功能開發1、drf的api文件自動生成（1） url #drf文件，title自定義 path('docs',include_docs_urls(title='火影忍者')), 訪問：http://127.0.0.1:8000/docs  就可以自動生成 &