##element-ui
/* element-ui：饿了么开发的 基于vue上的bootstrap bs按照特点的页面结构，赋予特点的class与属性 => eu书写特点的组件标签构建特点的结构 总结：复制粘贴 eu：24 bs：12 */ #安装：项目目录下的终端 cnpm i element-ui -S #配置：main.js import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI); #使用：官方API https://element.eleme.cn/#/zh-CN/component/installation <!--案例--> <el-row> <el-button>默认按钮</el-button> <el-button type="primary">主要按钮</el-button> <el-button type="success">成功按钮</el-button> <el-button type="info">信息按钮</el-button> <el-button type="warning">警告按钮</el-button> <el-button type="danger">危险按钮</el-button> </el-row>
##web接口
""" 1、有前台访问后台的 url链接 2、请求需要传递的 必须和可选参数 3、请求得到想要的 返回结果 # 请求工具：postman => https://www.getpostman.com/ # 接口：url链接，通过向链接发生不同的类型请求与数据得到相应的响应数据 # http://127.0.0.1:8888/test/ # https://api.map.baidu.com/place/v2/search ''' ak: 6E823f587c95f0148c19993539b99295 region: 上海 query: 肯德基 output: json """
##接口规范：RESTFul规范
# REST: 表征性状态转移(Representational State Transfer) # RESTful规范：web数据请求接口设计规范 # 规范规定了两部分：1、url链接应该怎么写 2、返回的数据格式如何写 """ 1）通常使用https请求 2）链接会出现api字眼 https://api.baidu.com https://www.baidu.com/api 3）版本：不同版本需要标注 - 接口迭代出现多版本共存 https://api.baidu.com/v1 https://api.baidu.com/v2 4）资源：请求的目标数据称之为资源，单资源采用资源名称名词，多资源采用资源名称名词的复数 https://api.baidu.com/v2/book | https://api.baidu.com/v2/books https://api.baidu.com/book | https://api.baidu.com/books 5）请求方式：错误示范 - get_book|add_book vs 正确示范 - book https://api.baidu.com/get_book|add_book vs https://api.baidu.com/book 操作资源的方式的正确体现：不是通过动词，而是通过请求的方式 -- get：https://example.com/api/v1/books 获取所有 -- get：https://example.com/api/v1/book/1 获取id=1一本 -- post：https://example.com/api/v1/book 新增一本 -- put：https://example.com/api/v1/book/1 更新id=1的一本 -- patch：https://example.com/api/v1/book/1 更新id=1的一本 -- delete：https://example.com/api/v1/book/1 删除id=1的一本 6）资源过滤：通过接口传递参数来过滤资源 - limit|ordering|page -- https://example.com/api/v1/books?limit=10 限制10条 7）数据状态码：返回数据要标准状态码，通过在数据中 {"status": 0} - 注：数据状态码都是约定的（不是死的） -- SUCCESS("0", "查询成功") -- NODATA("1", "非正确，无数据，显示基本信息") -- FEAILED("2", "查询失败") 8）错误信息：请求失败需要标注错误信息 - {"error": "错误信息"} => {"msg": "数据状态描述信息"} 9）数据(操作的资源返回结果)：{"results": []} | {"data": []} | {"token": "*"} 10) 子资源返回资源接口：返回的资源如果有子资源，返回子资源的链接地址，如查找书，书的封面图片就可以url表示 """
##drf框架
#安装与使用 # 1）安装drf：pip3 install djangorestframework # 2）settings.py注册app：INSTALLED_APPS = [..., 'rest_framework'] # 3）基于cbv完成满足RSSTful规范的接口 # 视图层 # 基于原生Django from django.http import JsonResponse from django.views import View class Book(View): def get(self, request, *args, **kwargs): data_dic = { 'status': 0, 'msg': 'get ok', 'results': { } } return JsonResponse(data_dic) def post(self, request, *args, **kwargs): data_dic = { 'status': 0, 'msg': 'post ok', 'results': { } } return JsonResponse(data_dic) def delete(self, request, *args, **kwargs): # ... return JsonResponse('', safe=False) # 基于Django REST Framework框架 # drf是django写满足restful规定接口的一个插件 from rest_framework.views import APIView from rest_framework.request import Request from rest_framework.response import Response from rest_framework.viewsets import ViewSet, ModelViewSet from rest_framework.exceptions import APIException from rest_framework.pagination import PageNumberPagination # 自定义设置：settings.py """ REST_FRAMEWORK = { # 自定义配置 } """ # APIView类 # as_view(): 就干了一件事：csrf_exempt(view) 禁用了csrf中间件的安全认证 # dispatch(): #注-----是重写父类view的dispatch方法 # 1) 二次封装request对象，将原wsgi的request对象保留至 _request 中 # 2) 将数据包中的数据解析到request.data，将url链接?后的数据解析到request.query_params # 3) drf的三大认证：认证组件、权限组件、频率组件 # 4) 二次处理响应对象response在返回 class User(APIView): def get(self, request, *args, **kwargs): data_dic = { 'status': 0, 'msg': 'get ok', 'results': { } } return Response(data_dic) def post(self, request, *args, **kwargs): a = request.query_params.get('a') x = request.data.get('x') print(a, x) data_dic = { 'status': 0, 'msg': 'post ok', 'results': { } } return Response(data_dic) # 路由层 from app import views urlpatterns = [ url(r'^users/', views.Users.as_view()), ]
##request源码分析
# as_view() # 核心走了父类as_view view = super(APIView, cls).as_view(**initkwargs) # 返回的是局部禁用csrf认证的view视图函数 return csrf_exempt(view) # dispatch(self, request, *args, **kwargs) # 二次封装request对象 request = self.initialize_request(request, *args, **kwargs) # 自定义request规则 self.initial(request, *args, **kwargs) # initialize_request(self, request, *args, **kwargs) # 原生request封装在request._request # initial(self, request, *args, **kwargs) # 认证 self.perform_authentication(request) # 权限 self.check_permissions(request) # 频率 self.check_throttles(request)
##统一总结源码
-源码分析： 继承了APIView 之后： -1 所有的请求都没有csrf的认证了 -2 在APIView中as_view本质还是调用了父类的as_view（View的as_view） -3 as_view中调用dispatch -----》这个dispatch是APIView的dispatch -APIVIew的dispatch方法： -1 对原生request对象做了一层包装（面向对象的封装），以后再用的request对象都新的request对象 -2 在APIView中self.initial(request, *args, **kwargs)，里面有频率控制，权限控制和认证相关 -3 根据请求方法执行咱们写的视图类中的相应方法 --视图类中方法的request对象，已经变成了封装后的request -Request类： -1 原生的request是self._request -2 取以post形式提交的数据，从request.data中取（urlencoded，formdata，json格式） -3 query_params 就是原生request的GET的数据 -4 上传的文件是从FILES中取 -5 （重点）其他的属性，直接request.属性名（因为重写了__getattr__方法）