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. 4- vue django restful framework 打造生鲜超市 -restful api 与前端源码介绍

    4- vue django restful framework 打造生鲜超市 -restful api 与前端源码介绍 天涯明月笙 关注 2018.02.20 19:23* 字数 762 阅读 135 ...

  2. 3- vue django restful framework 打造生鲜超市 - model设计和资源导入

    3- vue django restful framework 打造生鲜超市 - model设计和资源导入 使用Python3.6与Django2.0.2(Django-rest-framework) ...

  3. 7- vue django restful framework 打造生鲜超市 -商品类别数据展示(上)

    Vue+Django REST framework实战 搭建一个前后端分离的生鲜超市网站 Django rtf 完成 商品列表页 并没有将列表页的数据json 与前端的页面展示结合起来 讲解如果将dr ...

  4. 6- vue django restful framework 打造生鲜超市 -完成商品列表页(下)

    Vue+Django REST framework实战 搭建一个前后端分离的生鲜超市网站 Django rtf 完成 商品列表页下 drf中的request和response drf对于django的 ...

  5. 5- vue django restful framework 打造生鲜超市 -完成商品列表页(上)

    使用Python3.6与Django2.0.2(Django-rest-framework)以及前端vue开发的前后端分离的商城网站 项目支持支付宝支付(暂不支持微信支付),支持手机短信验证码注册, ...

  6. 2- vue django restful framework 打造生鲜超市 -环境搭建

    使用Python3.6与Django2.0.2(Django-rest-framework)以及前端vue开发的前后端分离的商城网站 项目支持支付宝支付(暂不支持微信支付),支持手机短信验证码注册, ...

  7. 引爆潮流技术 Vue+Django REST framework打造生鲜电商项目

    引爆潮流技术Vue+Django REST framework打造生鲜电商项目 整个课程都看完了,这个课程的分享可以往下看,下面有链接,之前做java开发也做了一些年头,也分享下自己看这个视频的感受, ...

  8. Vue+Django REST framework打造生鲜电商项目

    1-1 课程导学 2-1 Pycharm的安装和简单使用 2-2 MySQL和Navicat的安装和使用 2-3 Windows和Linux下安装Python2和Python3 2-4 虚拟环境的安装 ...

  9. web前端Vue+Django rest framework 框架 生鲜电商项目实战视频教程 ☝☝☝

    web前端Vue+Django rest framework 框架 生鲜电商项目实战视频教程    web前端Vue+Django rest framework 框架 生鲜电商项目实战视频教程 学习 ...

随机推荐

  1. HDU 6447 YJJ’s Salesman (树状数组 + DP + 离散)

    题意: 二维平面上N个点,从(0,0)出发到(1e9,1e9),每次只能往右,上,右上三个方向移动, 该N个点只有从它的左下方格点可达,此时可获得收益.求该过程最大收益. 分析:我们很容易就可以想到用 ...

  2. Vue 4 -- 获取原生的DOM的方式、DIY脚手架、vue-cli的使用

    一.获取原生的DOM的方式 在js中,我们可以通过id.class或者标签获取DOM元素,vue中也为我们提供了获取原生DOM的方法,就是给标签或者组件添加ref属性,通过this.$refs获取,如 ...

  3. c/c++中define用法详解及代码示例

    https://blog.csdn.net/u012611878/article/details/52534622   版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog. ...

  4. 11-----broder(边框)

    边框 border:边框的意思,描述盒子的边框 边框有三个要素: 粗细 线性样式 颜色 如果颜色不写,默认是黑色.如果粗细不写,不显示边框.如果只写线性样式,默认的有上下左右 3px的宽度,实体样式, ...

  5. (转)rename命令详解

    rename命令详解: 原文:http://www.cnblogs.com/amosli/p/3491649.html 对文件重命名是常用的操作之一,一般对单个文件的重命名用mv命令,如: amosl ...

  6. VMware下linux与window文件夹共享

    这里说的是在虚拟机下来实现在windows下共享一个文件夹. 下面来说明一下是如何实现的: 1.  安装VMware.Workstation. 2.  安装Redhat Linux 9.0,在虚拟机下 ...

  7. dell电脑 win8换win7重启报错及解决方案

    Win8换win7 bios 识别不到usb选项 按以下操作即可: 把Secure Boot control 改为Disabled 的,F10保存重启,F12进入bios选择usb启动即可: 安装完系 ...

  8. JS转换日期格式

    // 对Date的扩展,将 Date 转化为指定格式的String // 月(M).日(d).小时(h).分(m).秒(s).季度(q) 可以用 1-2 个占位符, // 年(y)可以用 1-4 个占 ...

  9. Android 环信 调用相机崩掉 mikdir()

    protected void selectPicFromCamera() { if (!EaseCommonUtils.isSdcardExist()) { Toast.makeText(getAct ...

  10. Zabbix邮件报警设置方法

    实现目的: 在Zabbix服务端设置邮件报警,当被监控主机宕机或者达到触发器预设值时,会自动发送报警邮件到指定邮箱. 具体操作: 以下操作在Zabbix监控服务端进行 备注:Zabbix监控服务端 操 ...