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


    一、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",
    ]
    

    二、drf(Django-restframework)

    1. drf主要知识点

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

    2. drf框架安装

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

    3. web接口(WEB API)

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

    4. 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"
        		}]
    		}
    """
    

    三、django的CBV模型生命周期

    • django后端启动,执行urls文件中的各as_view()方法——》
    • 前端发送请求到后端对应的url——》
    • 后端根据请求方式调用类中对应的方法,再返回处理结果给前端
  • 相关阅读:
    base加密解密工具类
    根据银行卡号判断所属银行(部分资源网上抄录)
    input autocomplete属性设计输入框自动联想(php实现)
    XFire+Spring构建Web Service经验总结
    php学习手记(持续更新)
    ios上遇到的坑(持续更新)
    随笔
    HTML5微信长按图片不会弹出菜单的解决方法
    能在编辑器里面写出的字符
    css文本两端对齐,分散对齐
  • 原文地址:https://www.cnblogs.com/Mcoming/p/12088696.html
Copyright © 2020-2023  润新知