第一课 Vue+Django rest framework生鲜项目课程介绍和环境搭建

最新推荐文章于 2024-08-22 16:09:07 发布
最新推荐文章于 2024-08-22 16:09:07 发布
阅读量290 收藏
点赞数
分类专栏： Vue+Django rest framework生鲜项目
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aa18855953229/article/details/110100986
版权

第一课 Vue+Django rest framework生鲜项目课程介绍和环境搭建

文章目录

第一节 项目介绍

1.1 掌握技术

  1. Vue+Django REST Framework前后端分离技术
  2. 彻底玩转restful api开发流程
  3. Django REST Framework的功能实现和核心源码分析
  4. Sentry完成线上系统的错误日志的监控和告警
  5. 第三方登录和支付宝支付的集成
  6. 本地调试远程服务器代码技巧

1.2 课程系统构成

  1. vue前端项目
  2. django rest framework系统实现前台功能
  3. xadmin后台管理系统

1.3 Django REST Framework技能

  1. 通用view实现rest api接口
    • ApiView方式实现api
    • GenericView方式实现api接口
    • Viewset和router方式实现api接口和url配置
    • django_filter、SearchFilter、OrderFilter、分页
    • 通用mixins
  2. 权限和认证
    • Authentication用户认证设置
    • 动态设置permission、Authentication
    • Validators实现字段验证
  3. 序列化和表单验证
    • Serializer
    • ModelSerializer
    • 动态设置serializer
  4. 支付、登录和注册
    • json web token实现登录
    • 手机注册
    • 支付宝支付
    • 第三方登录
  5. 进阶开发
    • django rest framework部分核心源码解读
    • 文档自动化管理
    • django rest framework的缓存
    • Throttling对用户和ip进行限速

1.4 开发中常见的问题

  1. 本地系统不能重现的bug。
  2. api接口出错不能及时的发现或难找到错误栈。
  3. api文档管理问题。
  4. 大量的url配置造成url配置越来越多难以维护的时间去维护。
  5. 接口不及时去更新文档对方不知道如何去测试接口，但写文档会花费大量。
  6. 为了防止爬虫，我们需要针对api的访问频率进行限制，比如一分钟、一小时或者一天。用户的访问频率限制问题。
  7. 某些页面将数据放入缓存，加速某些api的访问速度

1.5 开发中常见的问题解决方案

  1. 通过介绍pycharm的远程服务器代码调试技巧让大家不仅可以调试支付、第三方登录还可以调试远程服务器的代码来重现服务器上的bug
  2. 通过docker搭建sentry来体验错误日志监控系统，让我们不仅可以得到线上的错误栈还能及时在发生系统错误时收到邮件通知
  3. django rest framework的文档自动化管理以及url的注册管理功能会让我们省去写文档的时间
  4. django rest framework的文档管理功能不仅可以让我们省去写文档的时间还能直接在文档里面测试接口、自动生成的js接口代码、shell测试代码和python测试代码
  5. django rest framework提供的throttle来对api进行访问频率限制
  6. 引入第三方框架来设置某些api的缓存

1.6 可以掌握知识点

  1. Django进阶知识点
    • Django mirgrations原理
    • Django信号量
    • Django从请求到响应的完整过程
    • 独立使用Django的Model
  2. Vue知识点
    • Vue技术选型分析
    • API后端接口数据填充到Vue组件模板
    • Vue代码结构分析

第二节 开发环境安装

2.1 pycharm、mysql和navicat

  1. pycharm去官网下专业版本。破解安装。
  2. 到mysql官网下载MYSQL Installer 5.7.17,安装就行。
  3. 自己找navicat的破解版本。

2.2 安装python和虚拟环境virtualenvwrapper-win

  1. 安装python3.6
  2. pip install virtualenvwraper-win -i https://pypi.douban.com/simple/
  3. 修改默认虚拟环境的存放路径
    • 添加一个系统变量即可：WORKON_HOME E:\PY_ENV
  4. 创建一个新的虚拟环境:
    • mkvirtualenv py3-vue-django
    • workon 查看创建的虚拟环境

2.3 vue开发环境安装

  1. IDE自己选: webstorm(推荐)，sublime
  2. node.js 官网下载后安装msi
  3. cnpm它是npm的一个阿里镜像。包安装工具，可以加速下载一些包。
    • https://developer.aliyun.com/mirror/NPM?from=tnpm
    • 根据上面网址自己配置就行。输入cnpm查看是否安装成功。
  4. 下载online-store目录的前端源码。
  5. 进入到该目录下cnpm install去安装依赖包。安装成功后有一个node_modules文件夹存放第三方库
  6. 运行前端项目：cnpm run dev 访问http://localhost:8080 可以看到前端页面
道教儒佛电磁波
关注
专栏目录
Django进阶 Django REST framework+Vue 打造生鲜超市第一天 搭建环境
qq_40604197的博客
07-06 354
1.搭建虚拟环境 新建文件夹VirtualEns 新建环境变量 安装 pip install virtualenv pip install virtualenvwrapper-win mkvirtualenv DjangoProject #创建虚拟环境 workon #查看有哪些虚拟环境 workon DjangoProject #进入...
【33】[全栈开发 ]Vue+Django REST framework 打造生鲜电商项目视频教程 .txt
10-04
【33】[全栈开发 ]Vue+Django REST framework 打造生鲜电商项目视频教程 .txt t
Django REST framework+Vue 打造生鲜超市（二）
weixin_34256074的博客
08-13 173
三、Models设计 3.1.项目初始化 （1）进虚拟环境下安装 django2.0.2 djangorestframework和相关依赖mark,filter pillow 图片处理 pip install djangorestframework pip install -i https://pypi.douban.com/simple django==2.0...
Djangorestframework+Vue搭建前后端分离项目
最新发布
weixin_45715405的博客
08-22 367
打开命令行工具，出现base就表示安装成功了，表示当前的虚拟环境名。在setting中加入rest_framework。1、进入手动配置项目（空格选择和取消回车表示确定）创建虚拟环境的python3.8版本的虚拟环境。// 注册ant-design。node是一个服务端语言。// 配置echarts。安装anaconda。2、选择vue3.x。
Django-rest-framework 06-1（实例：生鲜购物商城）
这里的分享，都是干货
03-13 585
生鲜购物商城-项目创建写在前面1、创建项目2、项目配置3、设计数据库及模型 写在前面 ①这个项目与之前直接用django（前后端不分离）写的生鲜购物商城实现的功能一致 ②django（前后端不分离）生鲜购物商城链接： https://blog.csdn.net/a__int__/article/details/103788649 ③本次项目设计采用Django-rest-framework框架...
vue+django restful framework 电商项目(四) -- restful fream work 新起点, 实现商品列表页的api开发
FourLeafCloverLLLS的博客
01-08 1040
       这真是一个新起点, 看了这期的视频, 发现新学到好多内容, 老师也讲得好详细, 来看看我在这期学到的内容吧.       本节参考博客:http://www.cnblogs.com/derek1184405959/p/8768059.html 一 基于django的view开发api          这里我们暂且不用drf开发api, 我们用django的view开发api,...
【Vue+Django REST framework实战】第3章——restful api介绍 和 vue的结构
就叫一片白纸的博客
09-19 920
RESTful API 设计指南 网络应用程序，分为前端和后端两个部分。当前的发展趋势，就是前端设备层出不穷（手机、平板、桌面电脑、其他专用设备…）。 因此，必须有一种统一的机制，方便不同的前端设备与后端进行通信。这导致API构架的流行，甚至出现"API First"的设计思想。RESTful API是目前比较成熟的一套互联网应用程序的API设计理论。我以前写过一篇《理解RESTful架构》，...
Vue+Django REST framework 打造生鲜电商项目.docx
09-26
Vue 和 Django REST framework 是当前非常流行的前端和后端技术栈，本文档旨在指导读者使用 Vue 和 Django REST framework 联合开发一个完整的生鲜电商项目。 1. 项目概述 本项目的目标是使用 Vue 作为前端框架，...
django3.0+rest framework + Vue 生鲜超市项目-后端
04-27
在本项目中，我们探索的是一个基于Django 3.0、Django Rest Framework和Vue.js构建的生鲜超市电子商务平台的后端实现。这个项目旨在提供一个完整的开发环境，供学习者深入理解如何将这些技术整合在一起，创建一个...
Vue+Django REST framework 打造生鲜电商项目
09-19
电商项目课程分享——Vue+Django REST framework 打造生鲜电商项目
django_vue_generator:为Django Rest Framework项目生成Vue前端
03-08
为Django rest框架项目生成vue前端结构。 为您的序列化器，视图集和方法生成表单（已通过vuelidate验证），以通过vue-resource调用api。 生成视图集的列表组件。 去做： 为您的过滤器生成表格。 分页列表组件等 与其他通用视图一起使用，而不仅仅是视图集 错误说明 CSS 从api的相关字段中加载选择（选项调用，将需要修改的drf元数据） 更好的演示 定制表单生成器-样式，应该隐藏或禁用只读字段等。
django rest framework vue 实现用户登录详解
09-18
主要介绍了django rest framework vue 实现用户登录详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
django3.0+rest framework + Vue 生鲜学习素材.zip
04-27
django+rest framework + Vue 生鲜电商项目学习材料与相关代码，仅供学习,该部分为前端
django+vue 生鲜电商平台 网盘链接
04-07
django+vue 生鲜电商平台 网盘链接
Django REST framework+Vue 打造生鲜电商项目（笔记四）
weixin_34044273的博客
11-10 225
（PS：部分代码和图片来自博客:http://www.cnblogs.com/derek1184405959/p/8813641.html。有增删） 一、用户登录和手机注册 1、drf的token功能 （前言：为什么有了session了，还要用token呢？因为每次认证用户发起请求时，服务器需要去创建一个记录来存储信息。当越来越多的用户发请求时，内存的开销也会不断增加。）之前用django...
Django rest framework + Vue简单示例
weixin_30539835的博客
02-26 283
构建vue项目参考这篇文章https://segmentfault.com/a/1190000008049815 一、创建Vue项目 修改源：npm config set registry https://registry.npm.taobao.org (建议修改) 创建脚手架：vue init webpack Vue项目名称 基本插件： axios，发送Ajax请求 ...
Django REST framework+Vue 打造生鲜超市（十一）
Just for fun的专栏
09-15 826
代码下载 github 教程 学习自慕课网-前端vue结合后端DjangoFramework的在线生鲜超市 十二、支付宝沙箱环境配置 12.1.创建应用 进入蚂蚁金服开放平台（https://open.alipay.com/platform/home.htm），登录后进入管理中心-->>应用列表 创建应用 创建应用后会有一个appid。还需要提交信息进行...
vue+django restful framework 电商项目(二)---数据表的设计
FourLeafCloverLLLS的博客
01-05 567
       这一节开始我们来开始做这个项目, 至于项目的新建还有文件结构, 我就不做详细介绍了,这些步骤在这个博客都有:http://www.cnblogs.com/derek1184405959/p/8733578.html  我呢,从来就不喜欢照搬别人的做, 反而喜欢多问几个为什么, 为什么要这么做? 因为我在之前遇到学习上的一个问题, 就是我看着老师讲的视频来就很会, 但是一旦脱离老师的视...
Vue与Django-REST_framework生鲜电商开发指南：环境配置与API视图详解
本资源是一份关于结合Vue.js和Django以及Django REST framework构建的生鲜电商平台项目的详细教程。首先，我们关注于前端环境的搭建，推荐使用Webstorm或Sublime Text作为前端集成开发环境(IDE)，确保安装了最新版本...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值