开启辅助访问 切换到宽版

精易论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

用微信号发送消息登录论坛

新人指南 邀请好友注册 - 我关注人的新帖 教你赚取精币 - 每日签到


求职/招聘- 论坛接单- 开发者大厅

论坛版规 总版规 - 建议/投诉 - 应聘版主 - 精华帖总集 积分说明 - 禁言标准 - 有奖举报

查看: 217|回复: 1
收起左侧

[技术分享] 低代码可视化-集成API接口请求+变量绑定+源码输出

[复制链接]
发表于 2024-9-20 23:04:16 | 显示全部楼层 |阅读模式   广东省中山市
DIY可视化提供了一个直观、易于使用的界面,可以帮助开发人员更加高效地测试和调试API接口。以帮助开发人员以图形化的方式查看和理解API的定义、参数、请求示例、返回值等信息。

DIY可视化不是简单集成类似postman、apifox等市面上比较流行的API测试工具,它不断快速请求你的API,支持在线可视化集成变量绑定,然后一键生成所有的源码。


DIYGW可视化能够在线模拟http协议测试Post和get请求,还包含DELETE请求、PUT请求、PATCH请求、HEAD和OPTIONS请求,并且可以自定义Header信息,支持设置各项参数,并且提供测试返回值。

可视化API快速植入到低代码设计中去,零学习成本、快速集成API调试,API返回的结果支持无限加载、界面动态绑定,支持自定义前置/后置脚本,自动校验数据正确性。


调用你的API



设置变量
点击测试完成后界面上会显示你的API返回的结果集。我们如果想一进来就加载数据,我们提供了默认加载数据选项。记得有个比较重要接口结果变量,这个变量用于存储你API返回的数据。按你的要求进行自定义,不要跟其他API返回的结果冲突了。

点击测试完成后界面上会显示你的API返回的结果集
加载前后处理
加载前后处理非必须,大家根据自己实际需求是否要扩展自定义JS来处理。



选择组件或模板
我们这里以选择模板为例,我们进入组件模板区,找到你想要的模板,点击模板会自动加入到设计区。我们可以用图层面板管理来快速定位。


绑定变量
点击绑定变量前的图标,会弹出变量绑定,找到你API返回结果集的变量。

点击绑定变量前的图标


绑定标题
找到标题组件,然后点击绑定变量,绑定你的API结果集变量。

绑定描述
描述跟绑定变量的原理是一样的,找到你想要绑定的变量,点击进行循环绑定就行了。

至此我们一个API接口到绑定变量就完成了,现在我们来看神奇的一幕代码生成器。

查看源码
点击查看源码,这时我们可以看见我们生成的源码变成了绑定的数据集、图片变量、标题变量、描述变量自动绑定了。

API接口代码也支持生成了。


保存源码至本地

保存源码至本地来看本地调试看效果,无需要复制源码,我们只需要点击下按钮,自动保存源码至hbuilder下面。

如果我们对效果不满意,我们回到设计器重新设置。


搜索
输入组件
拖入单行文本输入组件,把字段标识我们改成title,大家按自己需求来改。


绑定搜索变量
回到我们的API里,找到参数变量,绑定变量即可



输入完成发API
回到文本输入组件里,设置完成时触发API接口。


上拉加载下拉刷新
设计器提供了上拉加载下拉刷新,我们只需要选择上即可。


至此我们一个比较完善的API至界面设计到绑定变量到搜索至无限加载代码生成器都是在线完成,可以说不写代码完成,都是在线配置化完成。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x
结帖率:100% (3/3)

签到天数: 21 天

发表于 2024-9-21 00:40:56 高大上手机用户 | 显示全部楼层   湖北省孝感市
谢谢大佬分享
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则 致发广告者

发布主题 收藏帖子 返回列表

sitemap| 易语言源码| 易语言教程| 易语言论坛| 易语言模块| 手机版| 广告投放| 精易论坛
拒绝任何人以任何形式在本论坛发表与中华人民共和国法律相抵触的言论,本站内容均为会员发表,并不代表精易立场!
论坛帖子内容仅用于技术交流学习和研究的目的,严禁用于非法目的,否则造成一切后果自负!如帖子内容侵害到你的权益,请联系我们!
防范网络诈骗,远离网络犯罪 违法和不良信息举报电话0663-3422125,QQ: 793400750,邮箱:wp@125.la
Powered by Discuz! X3.4 揭阳市揭东区精易科技有限公司 ( 粤ICP备12094385号-1) 粤公网安备 44522102000125 增值电信业务经营许可证 粤B2-20192173

快速回复 返回顶部 返回列表