uiotos前端无代码技术：登录窗口校验图片点击刷新| 零代码、0代码、无代码、低代码、可视化编程、nodered、amis、appsmith、codewave

​ UIOTOS套娃一样开发IoT应用，大家好，我是robbin。本节介绍登录校验码。点击图片，调用接口切换显示校验图片。

效果

如下所示，后端提供HTTP接口，请求后返回随机校验图片，base64格式。并且需加上固定前缀，转成显示支持的格式：

步骤

如下所示，接口 → 函数 → 按钮 → 接口：

1. 接口获取图片base64字符串
2. 字符串经过函数转换格式
3. 正确格式输出给按钮显示
4. 按钮点击执行接口

​

编辑

小结

相比NodeRed，前端UIOTOS工作流flow能包括UI组件，原型即应用。

• 后端只管提供接口，前端调用、解析，都交给UIOTOS即可。
• 函数支持无代码选择和配置，也能类似NodeRed低代码编写。
• 函数、接口、接口，三种不同用途的组件，都能连线串起来。代表了：逻辑、功能、UI三类组件，flow工作流业务组合。

关于

UIOTOS是一款前端零代码工具，可搭建后台管理、大屏组态、上位机、HMI等，能与NodeRed、APIJSON、IoT平台等形成前后端一体方案，快速交付工业、物联网等项目。

400-1188-502

了解咨询

​