别人写的平台再垃圾,也是用来淘汰你的。
Python环境没有的,请自行安装,本教程采用的是python 3.9。
Django官网 https://www.djangoproject.com/
Node环境没有的,请自行安装,本教程采用的是node v17.6.0。
Vue.js官网 https://cn.vuejs.org/
接着上章,本章将完成保存带请求体的POST接口。
接口管理模块开发(六)
后端项目修改接口Model定义
根据前端请求体页面展示,请求体有不同的格式,因此接口的Model定义还需要新增一个「请求体类型」字段。
- 在后端项目
main/models.py
中给Api定义新增一个「请求体类型」字段
-
使用命令
python manage.py makemigrations
和python manage.py migrate
将改动同步到数据库 (后续Model字段变更都是这个操作,将不再赘述)。 -
将新增的字段配置到serializer中,这样就可以对该字段进行序列化(将对象转换为响应中的json数据格式)和反序列化(将请求中的数据转换为对象)了。
带请求体的接口保存
后端接口改造完成后,前端就可以进行接口对接了,首先需要确定请求体类型。
首先将ApiBody
中的Tab的key
按照后端定义的body_type
进行定义,这样根据Tab的activeKey属性就可以获得选择的请求体类型。
<template>
<div class="api-body">
<a-tabs v-model:activeKey="body_type" type="card">
<a-tab-pane key="NONE" tab="none">不需要请求体</a-tab-pane>
<a-tab-pane key="JSON" tab="json">
<api-coder :lang="json" :initHeight="'250px'"></api-coder>
</a-tab-pane>
<a-tab-pane key=