vue项目和django项目交互补充,drf介绍,restful规范

1|0一、vue项目与django项目的交互

  • vue中的发送ajax请求,其中的参数有:
created() { this.$axios({ url: 'http://127.0.0.1:8000/test/', // 请求地址 method: 'post', // 请求方式 params: { // 拼接参数 a: 1 }, data: { // data数据包 x: 10 }, headers: { // 请求头 authorization: 'abc.def.xyz', // 请求头内容 token: 1, owen: 2, // 后台:request.META.get('HTTP_参数名全大写') } }).then(response => { // then相当于success , 进行回调函数 console.log('成功:', response.data) }).catch(error => { // 错误捕捉 console.log('失败:', error.response.data) // error.response.data 错误信息 }) }
  • django后端的request的方法
request.META # 获取请求头 CORS_ORIGIN_ALLOW_ALL = True # 允许跨域 CORS_ALLOW_HEADERS = [ # 重写CORS_ALLOW_HEADERS,定义允许访问的请求头,前面的都是系统默认的要再加上 "accept", "accept-encoding", "authorization", "content-type", "dnt", "origin", "user-agent", "x-csrftoken", "x-requested-with", "token", "owen", ]

2|0二、drf(Django-restframework)

2|11. drf主要知识点

""" 1、接口:接口的概念、数据接口文档、接口规范(restful)、Postman接口测试工具 2、drf请求生命周期 - CBV 3、drf的基础组件:请求、响应、渲染、解析、异常 4、drf的序列化(核心):序列化、模型序列化、群操作序列化 5、drf的视图家族:视图类(常用)、视图工具类、工具视图类(常用)、视图集 6、drf的三大认证(核心):认证、权限、频率 7、drf的过滤:筛选、搜索、排序、分页、区间、自定义 """

2|22. drf框架安装

""" drf框架安装: 1)drf是Django的插件,所以要提前按照Django 2)终端中使用命令:python pip install djangorestframework 3)使用drf时,要在settings中注册 """

2|33. web接口(WEB API)

""" 什么是web接口:就是 采用某种请求方式提交请求参数,获得响应数据的 url链接 四部分:url链接 + 请求方式 + 请求参数 + 响应数据 web接口文档的书写:包含一个接口的访问的url链接的格式和需要的请求参数,以及访问后其响应数据。 详情见:https://www.cnblogs.com/xiaoyuanqujing/articles/11869745.html """

2|44. restful接口规范

""" url链接: 1)接口都是操作前后台数据的,所以需要保证数据的安全性 采用https协议 2)接口用来操作数据,与网址(操作页面)有区别,所以用特定的关键字表示接口 api关键字 - https://api.baidu.com - https://www.baidu.com/api 3)接口操作的数据称之为 资源,在url中只体现 资源 名称(名词),不体现操作资源的方式动词 常规资源接口 - https://api.baidu.com/books/ - https://api.baidu.com/books/(pk)/ 非常规接口 - 和某资源不是特别密切或是不止一种资源 - https://api.baidu.com/login/ - https://api.baidu.com/place/search/ 4)如果一个资源存在多版本结果,在url链接中要用特定符号来兼容多版本共存 v1|v2 - https://api.baidu.com/v1/books/ - https://api.baidu.com/v2/books/ 5)群资源操作,一般还有额外的限制条件,如排序、限制调试、分页等等 ?限制条件 - https://api.baidu.com/v1/books/?ordering=-price&limit=3 请求方式 6)五大请求方式 get:获取单个或多个资源 - https://api.baidu.com/books/ 群查,返回多个结果对象 - https://api.baidu.com/books/(pk)/ 单查,返回单个结果对象 post:新增单个或多个资源(都是一个url)********************************* - https://api.baidu.com/books/ 单增,提交单个数据字典,完成单增,返回单个结果对象 群增,提供多个数据字典的数组,完成群增,返回多个结果对象 put:整体修改单个或多个资源 - https://api.baidu.com/books/ 整体修改多个,提供多个数据字典的数组(数据字典中要包含主键),完成群改,返回多个结果对象 - https://api.baidu.com/books/(pk)/ 整体修改单个,提供单个数据字典(主键在url中体现),完成单改,返回单个结果对象 patch:局部修改单个或多个资源 方式与put完全相同,不同的是:操作的资源如果有5个key-value键值对,put请求提供的字典必须全包含,但是patch提供的字典包含的键值对0~5个都可以 delete:删除单个或多个资源 - https://api.baidu.com/books/ 多删,提供多个资源主键数据,完成群删,不做任何资源返回(一般我们会返回结果信息:成功|失败) - https://api.baidu.com/books/(pk)/ 单删,不需要提供额外数据,完成单删,不做任何资源返回(一般我们会返回结果信息:成功|失败) 响应结果: 7)响应对象中要包含网络状态码(网络状态信息和网络状态码捆绑出现,不要额外设置): 1xx:基本信息 2xx:成功 - 200基本 201新增成功 3xx:重定向 4xx:客户端错误 - 400错误请求;403请求无权限;404请求资源不存在 5xx:服务端错误 - 500服务器错误 8)数据状态码(一般都是前后台约定规则): 0:成功 1:失败 - 1xx:具体失败信息(要在接口文档中明确写出) 2:无数据 - 2xx:具体无数据信息(要在接口文档中明确写出) 9)数据状态信息(一般不仅仅是对数据状态码的解释,更多是对结果的描述,给前台开发者阅读的) 10)数据结果(常量、数组、字典),如果有子资源(图片、音频、视频),返回资源的url链接 { "status": 0, "msg": 'ok', "results": [{ "name": "西游记", "img": "https://api.baidu.com/media/book/xyj.png" }] } """

3|0三、django的CBV模型生命周期

  • django后端启动,执行urls文件中的各as_view()方法——》
  • 前端发送请求到后端对应的url——》
  • 后端根据请求方式调用类中对应的方法,再返回处理结果给前端

__EOF__

本文作者BigSun丶
本文链接https://www.cnblogs.com/Mcoming/p/12088696.html
关于博主:评论和私信会在第一时间回复。或者直接私信我。
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角推荐一下。您的鼓励是博主的最大动力!
posted @   BigSun丶  阅读(326)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
点击右上角即可分享
微信分享提示