Flutter开发效率提升1000%,Flutter Quick教程之定义Api(二)

如何定义一个Api Request。其他的地方依照常规填写就行,讲一讲需要注意的地方。

1,Headers

当tab是headers的时候,点击下面的加号按钮,会弹出

输入框下面有提示输入Headers的规则,即以分号隔开。比如

content-type : application/json

2,Add Parameters里面的Specific参数。

tab是Add Parameters的时候,点击下面的加号按钮,会弹出

这里面的诸多选项和定义页面构造参数和State 成员变量并没有区别,只有一个Specific需要注意。

specific的意义即:是具体的值还是变量引用。

比如一个网络请求:

response = await httpclient.post('/test', data: {'id': 21, 'name': 'jack'});

这个id就是specific的

如果这个id不是specific的,那么默认值引用的就是具体的变量。不是specific的时候,右边default value就会变成一个选择按钮,即选择变量。

无论默认值是什么,只要在调用Api的时候传了值,那么就会优先使用所传的值。

要完成一个Api 定义,光有Request是不行的,还得有Response,否则会提示定义未完成。

官网地址 www.appshop.cc

相关推荐
bearpping1 天前
Nginx 配置:alias 和 root 的区别
前端·javascript·nginx
@大迁世界1 天前
07.React 中的 createRoot 方法是什么?它具体如何运作?
前端·javascript·react.js·前端框架·ecmascript
January12071 天前
VBen Admin Select 选择框选中后仍然显示校验错误提示的解决方案
前端·vben
. . . . .1 天前
前端测试框架:Vitest
前端
xiaotao1311 天前
什么是 Tailwind CSS
前端·css·css3
战南诚1 天前
VUE中,keep-alive组件与钩子函数的生命周期
前端·vue.js
发现一只大呆瓜1 天前
React-彻底搞懂 Redux:从单向数据流到 useReducer 的终极抉择
前端·react.js·面试
xiangpanf1 天前
Laravel 10.x重磅升级:五大核心特性解析
android
霍理迪1 天前
Vue的响应式和生命周期
前端·javascript·vue.js