UIOTOS前端零代码应用 蓝图连线+嵌套封装 实现MQTT输入0、1切换门禁开和关

目标

通过连线+嵌套封装，实现MQTT数据推送前端控制门禁开关

最终效果

实现过程

步骤1：新建一个页面，在工具函数input输入两个门禁的开关图标地址，再通过连线和解析实现输0、1切换图标。

步骤2：再插入图片按钮，通过连线和解析，把工具函数的输出传递给图片按钮组件的path属性。

步骤3：插入工具函数“基本数学计算”，设置如图所示属性，再通过连线执行工具函数。

步骤4：在通过连线把工具函数的输出给到输入框value，输入框再把值返给工具函数的输入,实现点击图片按钮切换开、关两个图标。

步骤5：新建一个页面，插入按钮组件并设置其属性。

步骤6：利用嵌套容器和连线实现点击开关按钮切换门禁开关图标，以及点击门禁开关图标切换开关按钮。

步骤7：新建一个页面，利用嵌套容器和网格组合实现如图所示。

步骤8：打开物联中台，进入到数据点，复制全局标识，作为MQTT的Topic。

步骤9：打开MQTT，粘贴在如图所示的位置

步骤10：实现MQQTT输入0、1切换门禁开和关。

什么是UIOTOS？

一款拥有独创专利技术的前端零代码工具，专注于解决前端界面开发定制难题，原型即应用！

具有页面嵌套、属性继承、节点连线等全新特性，学习门槛低，功能极为灵活。

用户无需懂任何前端开发技术，简单了解使用规则，就能够按照业务需求，定制开发复杂的WEB应用。

主要面向后端/算法工程师、硬件/电气工程师，以及产品经理、UI、美术、实施工程师等。

适用于搭建基于物联网平台等的上层业务应用。实现前端开发不求人，项目交付快好省！