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

相关推荐
freewlt几秒前
Vue3 + TypeScript 项目架构设计:从 0 搭建企业级前端工程
前端·javascript·typescript
happymaker06261 小时前
vue的声明周期、钩子函数、工程化开发
前端·javascript·vue.js
m0_651593912 小时前
从工业5.0到实战:一个智能仓库管理系统的设计与Flutter优化
flutter
Irene19914 小时前
ElementPlus 与成熟后台框架对比:vue-element-plus-admin、vue-pure-admin等
前端·ui·框架·vue3
尘中客8 小时前
放弃 Echarts?前端直接渲染后端高精度 SVG 矢量图流的踩坑记录
前端·javascript·echarts·前端开发·svg矢量图·echarts避坑
FreeBuf_8 小时前
Chrome 0Day漏洞遭野外利用
前端·chrome
小彭努力中9 小时前
199.Vue3 + OpenLayers 实现:点击 / 拖动地图播放音频
前端·vue.js·音视频·openlayers·animate
2501_916007479 小时前
网站爬虫原理,基于浏览器点击行为还原可接口请求
前端·javascript·爬虫·ios·小程序·uni-app·iphone
前端大波9 小时前
Sentry 每日错误巡检自动化:设计思路与上手实战
前端·自动化·sentry
ZC跨境爬虫10 小时前
使用Claude Code开发校园交友平台前端UI全记录(含架构、坑点、登录逻辑及算法)
前端·ui·架构