DRF一---前后端分离的价绍 和 后端接口使用规范

最新推荐文章于 2023-09-27 18:16:23 发布
最新推荐文章于 2023-09-27 18:16:23 发布
阅读量511 收藏 1
点赞数 1
CC 4.0 BY-SA版权
分类专栏： DRF 文章标签： python 后端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zxcvbbnn/article/details/106571957

drf

了解前后端分离和不分离

drf是前后端分离的
在web开发模式中有前后端分离和前后端不分离，这两种开发模式。

什么是前后端不分离？

在这里插入图片描述
这种模式下，耦合度比较高，django就是前后端不分离的。
由于app的发展，他需要的只是一份单纯的数据，而不是一堆html的代码。有了这样一份数据之后，一份可以给app，一份呢，可以给pc端的前端使用，减少工作量。

什么是前后端分离？

后端主要是提供接口、提供数据
前端和app就可以调用接口、展示数据
注意，调用接口之后，返回的数据是json数据或者xml数据
前端想要什么样的页面，后端不管，只是给你展示数据。那这样的话，耦合度就比较低。

前后端分离

优势

耦合度比较低;
多端适用；（app、前端、公众号都可以共同使用这一份数据）
前后端开发职责模糊；
解决开发效率问题；
可以提高前端程序员的能力；
解决服务器压力；（前端的部署在前端服务器上，后端的部署在后端服务器上）

缺点

前端人员学习的东西增加（vue js 啊这些）；
后端程序员需要给前端写文档，表示这些接口是干什么用的，以及返回的是什么样的数据等等；

前后端分离后，后端的使用规范

这个规范就叫RESTful API

一、域名

把域名变成一个接口
应该尽量将api （也就是接口）部署在专用域名之下，比如

https://api.example.com

如果确定API很简单，不会有进一步扩展，可以考虑放在主域名下。

https://example.com/api/
这样会解决跨域的问题

二、协议

推荐https

三、版本

app端需要更新，app不像网页，后台一更新，你访问的时候就是更新好的。
app端的更新，是需要兼容的。也许有的人就不想更新，那你也得保存不跟新的那部分人额数据4
也是通过接口来实现的，将API的版本号放入URL

http://www.example.com/app/1.0/ 这个就表示1.0的版本
http://www.example.com/app/1.1 这个表示1.1的版本
http://www.example.com/app/2.0/ 这个表示2.0的版本

四、路径

推荐使用名词加复数，什么意思呢，
就比如你想获取1.0版本下的所有的苹果，那么接口应该是

http://www.example.com/app/1.0/

五、http请求方法

利用的HTTP方法可以分离网址中的资源名称的操作。
这样会减少接口
GET-------获取资源
POST-------增加资源
DELETE------删除资源
PATCH-------部分更新资源
PUT------全部更新资源
比如：我们想删除资源

http://example.com/app/1.0/ students/1/
一般根据id进行唯一标识来删除，
我们在经行增删改查的时候，都可以使用这个接口，只是请求方法发生了改变

六、过滤信息

比如分页：
接口就可以写成

http://example.com/app/1.0/ students/1/?page=2

出来分页之外，还可以指定：

?limit=10：指定返回记录的数量
?offset=10：指定返回记录的开始位置。
?page=2&per_page=100：指定第几页，以及每页的记录数。
?sortby=name&order=asc：指定返回结果按照哪个属性排序，以及排序顺序。
?animal_type_id=1：指定筛选条件

七、状态码

200 OK - [GET]：服务器成功返回用户请求的数据
201 CREATED - [POST/PUT/PATCH]：用户新建或修改数据成功。
202 Accepted - []：表示一个请求已经进入后台排队（异步任务）
204 NO CONTENT - [DELETE]：用户删除数据成功。
400 INVALID REQUEST - [POST/PUT/PATCH]：用户发出的请求有错误，服务器没有进行新建或修改数据的操作
401 Unauthorized - []：表示用户没有权限（令牌、用户名、密码错误）。
403 Forbidden - [] 表示用户得到授权（与401错误相对），但是访问是被禁止的。
404 NOT FOUND - []：用户发出的请求针对的是不存在的记录，服务器没有进行操作，该操作是幂等的。
406 Not Acceptable - [GET]：用户请求的格式不可得（比如用户请求JSON格式，但是只有XML格式）。
410 Gone -[GET]：用户请求的资源被永久删除，且不会再得到的。
422 Unprocesable entity - [POST/PUT/PATCH] 当创建一个对象时，发生一个验证错误。
500 INTERNAL SERVER ERROR - [*]：服务器发生错误，用户将无法判断发出的请求是否成功。

八、错误处理：

{
error:“Invalid API key”
}

会返回这样一个字符串，但是对于移动端的返回错误格式一般是

在这里插入图片描述

九、返回结果

返回的数据都是json

GET /collection：返回资源对象的列表（数组）
GET /collection/resource：返回单个资源对象
POST /collection：返回新生成的资源对象
PUT /collection/resource：返回完整的资源对象
PATCH /collection/resource：返回完整的资源对象
DELETE /collection/resource：返回一个空文档

【Django学习笔记 - 16】：DRF概述、Web应用模式（前后端分离简介）
Oh_Python的博客
07-01 986
DRF主要用于前后端分离的项目 > 全称Django REST Framework，简称DRF，事实上，DRF就是一套基于Django开发的，能够帮助我们更好的设计符合REST规范的web应用的一个Django App，所以，本质上来说DRF就是一个Django的App。 > REST是一种软件架构设计风格，并不是标准，也不是技术实现，它只是提供了一组设计原则和约束条件，是目前比较流行的API设计规范，用于web数据接口的设计。 - 例如网易云音乐的路径设计风格就是REST Framework设计风.
DRF跨域后端解决之django-cors-headers的使用
09-19
例如，前端使用Vue.js等现代前端框架构建，而后端则使用DRF开发，此时前后端分别部署在不同的服务器上，这会导致前端无法直接向后端发起请求。 #### 解决方案：django-cors-headers 为了应对这一挑战，我们可以...
DRF + VUE 前后端分离
Catherine__Li的博客
02-01 328
DRF + VUE 前后端分离 创建vue项目 ​ 先打开终端 ​ 打开后输入命令 ​ vue init webpack 项目名字 后端跨域传输数据到前端Vue 后端跨域，先下载 corsheaders 包 python终端输入命令 pip install django-cors-headers -i https://mirrors.aliyun.com/pypi/simple/ 后端跨域三步（在settings.py文件中操作） setting文件中操作 ...
前后端分离开发模式 drf
Tao.的博客
09-23 940
前后端分离开发模式 restrfu drf
drf专栏 03.使用drf实现前后端分离 01.前后端分离
Web Python
04-09 343
# 01.使用drf实现前后端分离 [toc]{type: "ol", level: [2, 3, 4, 5]} ### 环境搭建 #### 安装django环境 ```python pip install django ``` #### 安装drf环境 ```python pip install djangorestframework ``` <br><br> ### 注册应用 ```python ### settings.dev 'rest_framework...
Django+DRF基础教程（前后端分离）
Huonzy的博客
09-27 2533
本文的主题是Django+DRF的前后端分离的教程，只记录了前后端分离需要的部分，不需要的部分，全部不学。本文先从如何创建项目开始，接着再介绍项目目录和一些关键命令，然后开始了代码教程。
基于Django+DRF实现的企业管理系统源码，前后端分离，前端Vue，后端Django
06-24
这是一个使用Python的Django框架和REST Framework（DRF）构建的企业管理系统源代码项目，结合了前端的Vue.js技术实现前后端分离。以下是对这个项目的关键知识点的详细解释： 1. **Django**: Django是Python中的一款...
drf-angular-docker-tutorial：使用DRF和Angular前端教程的Dockerized Django后端API
02-05
drf-angular-docker-tutorial 带有Angular前端教程的Dockerized Django后端API 请按照此处的教程系列了解其工作原理： 使用的技术： Django 2.1.5 Django REST框架3.9.0 角度7.2 Docker引擎18.09.0
基于RBAC模型的权限控制的一整套基础开发平台，前后端分离，后端采用 django+django-rest-framework
01-27
标题和描述中提到的“基于RBAC模型的权限控制的一整套基础开发平台，前后端分离，后端采用 django+django-rest-framework”是指一个使用了角色基础访问控制（Role-Based Access Control, RBAC）模型的Web应用开发...
django-vue-lyadmin前端采用vue3+elementplus,后端采用Python Django DRF的一套前后端分离的低代码快速后台开发平台（专业版带有代码生成和表单构建器）
最新发布
12-02
django-vue-lyadmin是一个完整的前后端分离的低代码快速后台开发平台，它将前端技术栈定位在vue3和elementplus，后端则使用Python的Django框架以及Django REST framework（DRF）。该平台的目标是提供一种更快速、更...
DRF+Vue实现前后端分离架构登录
weixin_44192903的博客
05-24 1883
接口自动化平台第一步：登录
接口与DRF的安装
ama7790的博客
05-15 199
接口 # 接口：url链接，通过向链接发送不同的类型请求与参数得到相应的响应数据​# 1.在视图层书写处理请求的 视图函数# 2.在路由层为视图函数配置 url链接 => 产生接口# 3.前台通过ajax，爬虫，工具等对接口发送请求，提交相应的参数获得对应的响应数据​​# https://api.map.baidu.com/place/v2/search'''ak: 6E823f...
后端drf开发
weixin_52596593的博客
09-24 781
APL(Application Programming Interface)，就是应用程序接口在项目开发中是必要的组成部分之一，当前后端在联动调试的时候需要通过接口来请求数据与响应数据从而形成一个完整的程序REST全称(Representional State Transfer)，中文意思是表述：表征性状态转移首次出现在2000年 Roy Fielding 的博士论文中，REST与技术无关代表的是一种软件架构风格，尤其适用于前后端分离的应用模式中。
32 - DRF框架- 手动写前后端分离
m0_58250910的博客
09-15 133
managed = False # 不需要迁移def to_dict(self): # 类方法,返回字典格式return {"""迁移指令"""# 自定义返回格式def querset_to_list(self, queryset,token): # 调用类方法,返回[{},{}]res = []res.append(obj.to_dict()) # to_dict是模型类中定义的展示方法return res# 查询所有图书# 获取csrf验证value。
restful专栏 03.使用drf实现前后端分离 02.序列化关系模型
Web Python
04-09 186
# 02.序列化关系模型 [toc]{type: "ol", level: [2, 3, 4, 5]} ### 配置商品信息 ```python ### shop.serializers class GoodsModelSerializer(serializers.ModelSerializer): # 在一对多的多方进行关联时的方法： # 在序列化时指定字段 根据外键字段显示商品分类：模型名.字段名 禁止修改分类信息 category_val...
django+drf 前后端分离总结（1）
a35155的博客
02-21 2475
django常见问题 django设计模式 django的内置组件 认证组件 auth模块 models 用户模型主要有下面几个字段：username、password、email、first_name、last_name 一般我们继承AbstractUser去扩展 #注意要在setting设置这个、重载系统的用户，让UserProfile生效 AUTH_USER_MODEL = 'users.UserProfile' authenticate() 提供了用户认证，即验证用户名以及密码是否正确,一
DRF 后端数据展示接口设置
w2blue的博客
02-08 774
1、models.py 2、同目录创建serializers.py from rest_framework.serializers import ModelSerializer from .models import File 3、修改views.py from rest_framework import generics from .models import File from .serializers import FileSerializer class FileList(g
DRF框架，基于djingo使用前后端分离框架
qq_39122260的博客
12-04 1329
导入序列化器import re# 英雄序列化器# 自定义序列化器# 序列化返回的字段字段名(与模型中的一样) = serializers.字段类型(与模型中的一样)(参数)# 序列化嵌套# 返回关联的英雄id PrimaryKeyRelatedField# 返回关联英雄模型类的str方法值# 单一字段验证raise serializers.ValidationError('手机格式不对')# 多个字段验证。
记vue+drf前后端分离学习过程（3）
qq_37666407的博客
04-02 741
主要内容：mqtt的连接，组件之间传参，加入echarts表格
Django前后端分离实践之DRF--09
09-18
### 回答1： 在前面的文章中，我们已经介绍了如何使用DRF编写RESTful API和如何进行身份验证。在本文中，我们将继续探讨如何使用DRF实现前后端分离。具体来说，我们将使用Vue.js作为前端框架，并使用axios实现与后端API的通信。 1. 安装Vue.js和axios 首先，我们需要安装Vue.js和axios。我们可以使用npm来进行安装： ``` npm install vue npm install axios ``` 2. 创建Vue.js应用程序 我们可以使用Vue CLI来创建Vue.js应用程序。在命令行中输入以下命令： ``` npm install -g vue-cli vue init webpack myapp ``` 其中，myapp是应用程序的名称。在创建应用程序时，我们需要回答一些问题，例如选择使用哪种模板、是否安装vue-router等。我们可以根据自己的需要进行选择。 3. 编写Vue.js组件 接下来，我们需要编写Vue.js组件来与后端API进行通信。在本例中，我们将创建一个名为“TaskList”的组件，用于显示任务列表并提供添加任务的功能。 在src/components目录下创建TaskList.vue文件，并编写以下代码： ```html <template> <div> <h2>Tasks</h2> <ul> <li v-for="task in tasks" :key="task.id"> {{ task.title }} </li> </ul> <input type="text" v-model="title"> <button @click="addTask">Add Task</button> </div> </template> <script> import axios from 'axios'; export default { data() { return { tasks: [], title: '' }; }, created() { this.getTasks(); }, methods: { getTasks() { axios.get('http://localhost:8000/api/tasks/') .then(response => { this.tasks = response.data; }); }, addTask() { axios.post('http://localhost:8000/api/tasks/', { title: this.title }) .then(response => { this.tasks.push(response.data); this.title = ''; }); } } }; </script> ``` 在这个组件中，我们首先导入axios库，然后定义了一个名为“TaskList”的组件。在data函数中，我们定义了两个变量：tasks用于存储任务列表，title用于存储新任务的标题。在created函数中，我们调用getTasks函数来获取任务列表。在methods对象中，我们定义了两个方法：getTasks用于获取任务列表，addTask用于添加新任务。在getTasks函数中，我们使用axios库进行HTTP GET请求，并在响应中将tasks变量更新为获取的数据。在addTask函数中，我们使用axios库进行HTTP POST请求，并在响应中将新任务添加到tasks变量中。 4. 引入组件 最后，我们需要将TaskList组件引入Vue.js应用程序。在App.vue文件中，我们可以编写以下代码： ```html <template> <div id="app"> <TaskList /> </div> </template> <script> import TaskList from './components/TaskList.vue'; export default { name: 'App', components: { TaskList } }; </script> ``` 在这个文件中，我们首先导入TaskList组件，然后在components对象中注册它。最后，在模板中调用它。 5. 运行应用程序 现在，我们可以使用以下命令启动Vue.js应用程序： ``` npm run dev ``` 在浏览器中访问http://localhost:8080，您将看到一个任务列表和一个添加任务的表单。当您添加新任务时，它将被添加到列表中并保存到后端API中。 总结 在本文中，我们介绍了如何使用Vue.js和axios实现与DRF后端API的通信，并创建了一个名为“TaskList”的组件来显示任务列表和添加新任务。这是一个简单的示例，但您可以使用类似的方法来创建更复杂的应用程序。 ### 回答2： Django前后端分离实践之DRF--09主要是关于Django Rest Framework（DRF）在前后端分离开发中的实践。DRF是基于Django的一款强大的Web API框架，它提供了一系列的功能和工具，使得开发者能够轻松地构建和管理API。 在这个实践中，首先我们需要将前端和后端进行分离。前端可以使用任何JavaScript框架，如Vue.js或React来构建用户界面，并通过HTTP请求与后端进行通信。而后端则是使用Django和DRF来构建API。 DRF提供了一些类和方法，能够帮助我们更方便地开发API。例如，通过使用DRF的序列化器，我们可以轻松地将数据库模型转化为JSON格式。此外，DRF还提供了视图和路由器等组件，使得开发者能够更快速地构建API视图和URL路由。 在实践过程中，我们还可以使用DRF的认证和权限系统来保护API的安全性。DRF支持各种认证方式，如基于Token的认证和基于Session的认证。同时，我们可以基于DRF的权限系统来限制用户对API的访问权限，确保只有经过授权的用户才能进行操作。 此外，DRF还提供了一些其他的功能，如过滤器、分页和搜索等，使得我们能够更精细地控制API的行为和展示方式。 总之，Django前后端分离实践之DRF--09主要介绍了如何使用DRF来构建前后端分离的应用。通过DRF提供的强大功能和工具，我们可以更便捷地开发高效、安全的API，并提供给前端进行交互和展示。 ### 回答3： DRF即Django Rest Framework是一种用于构建Web API的强大工具，它使得前后端分离开发成为可能。在实践中，Django的后端提供数据的存储和处理功能，而前端使用DRF来访问API并展示数据。 首先，我们需要在Django中安装和配置DRF。可以通过在settings.py中添加'django_rest_framework'到INSTALLED_APPS列表中来安装DRF。然后，在urls.py中配置API的路由。 在Django中，我们可以使用数据库模型来定义数据模型，在使用DRF时，我们需要创建一个序列化器类来定义返回给前端的数据结构。序列化器由字段组成，可以定义字段的类型、验证规则等。我们可以使用DRF提供的ModelSerializer来快速创建序列化器类，它会自动根据模型的字段来生成对应的序列化器字段。 在视图中，我们可以使用基于类的视图来处理API请求。DRF提供了一系列的视图类，如APIView、ViewSet等，可以根据实际需求选择使用。视图类中的方法对应不同的HTTP操作，如GET、POST、PUT、DELETE等。 DRF还提供了身份验证、权限控制、过滤、排序等功能，可以根据项目的需求进行配置。 使用DRF的前后端分离实践中，前端可以通过发送GET、POST、PUT等请求来获取和操作数据。后端则负责处理请求并返回响应。前端可以通过AJAX、fetch等方法来发送请求并获取数据，然后使用HTML、CSS和JavaScript来展示数据。 在前后端分离开发中，前端和后端可以并行开发，各自独立测试，并且可以轻松地修改API而不会影响到前端界面。这种开发模式使得团队协作更加高效，同时也方便进行项目的维护和扩展。 总而言之，Django前后端分离实践之DRF可以极大地提升开发效率和团队协作能力。通过合理配置和使用DRF提供的功能，可以实现强大的API开发，使得前后端分离成为一种高效和可行的开发方式。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值