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

相关推荐
渣波12 小时前
从“迷路”到“瞬移”:彻底搞懂 React Router 的 `useLocation` 与 `useNavigate`
前端·javascript
申君健248641827720212 小时前
WebGPU 开发入门:从设备初始化到渲染一帧
前端
橘子星12 小时前
React Context + 自定义 Hooks:告别 Props 地狱,一行代码跨层级传数据
前端·javascript
moMo12 小时前
前端路由,其实就是三个对象在演戏
前端·react.js
用户29307509766912 小时前
React 自定义 Hooks 实战:用 useMouse 理解响应式封装
前端
触底反弹12 小时前
🔥 别再只用 useRef 拿 DOM 了!这 5 个实战场景让你彻底理解它(附源码解析 + 面试题)
前端·javascript·react.js
玉宇夕落13 小时前
useRef + Web Worker —— 从零到一理解React多线程协作原理
前端
用户69190268133913 小时前
React useRef、useEffect、useState 与 Web Worker 多线程实践
前端
烬羽13 小时前
useContext 用是用了,但你真的用对了吗?——把 Context 封装进自定义 Hook
前端·react.js·全栈
做前端的娜娜子13 小时前
JavaScript 闭包
前端·javascript·掘金·金石计划