目标
通过连线+嵌套封装,实现MQTT数据推送前端控制门禁开关
最终效果
实现过程
步骤1:新建一个页面,在工具函数input输入两个门禁的开关图标地址,再通过连线和解析实现输0、1切换图标。
步骤2:再插入图片按钮,通过连线和解析,把工具函数的输出传递给图片按钮组件的path属性。
步骤3:插入工具函数“基本数学计算”,设置如图所示属性,再通过连线执行工具函数。
步骤4:在通过连线把工具函数的输出给到输入框value,输入框再把值返给工具函数的输入,实现点击图片按钮切换开、关两个图标。
步骤5:新建一个页面,插入按钮组件并设置其属性。
步骤6:利用嵌套容器和连线实现点击开关按钮切换门禁开关图标,以及点击门禁开关图标切换开关按钮。
步骤7:新建一个页面,利用嵌套容器和网格组合实现如图所示。
步骤8:打开物联中台,进入到数据点,复制全局标识,作为MQTT的Topic。
步骤9:打开物联中台,进入到数据点,复制全局标识,作为MQTT的Topic。
步骤10:打开MQTT,粘贴在如图所示的位置
步骤11:实现MQQTT输入0、1切换门禁开和关。
什么是UIOTOS?
一款拥有独创专利技术的前端零代码工具,专注于解决前端界面开发定制难题,原型即应用!
具有页面嵌套、属性继承、节点连线等全新特性,学习门槛低,功能极为灵活。
用户无需懂任何前端开发技术,简单了解使用规则,就能够按照业务需求,定制开发复杂的WEB应用。
主要面向后端/算法工程师、硬件/电气工程师,以及产品经理、UI、美术、实施工程师等。
适用于搭建基于物联网平台等的上层业务应用。实现前端开发不求人,项目交付快好省!
标签:连线,步骤,嵌套,MQTT,开和关,UIOTOS,门禁,图标 From: https://www.cnblogs.com/iotos/p/18180320