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

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

时间:2024-05-08 17:36:19浏览次数:26  
标签:连线 步骤 嵌套 MQTT 开和关 UIOTOS 门禁 图标

目标

通过连线+嵌套封装,实现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

相关文章

  • MQTT上报阿里云
    1.代码实现1.主函数代码段#include<stdio.h>#include<string.h>#include<errno.h>#include<sys/types.h>#include<dirent.h>#include<fcntl.h>#include<unistd.h>#include<stdlib.h>#include<time.h>#includ......
  • MQTT服务器连接不上的问题
    问题描述环境:阿里云服务器Ubuntu22.04.3LTS,安装mosquitto后,在虚拟机端订阅消息出现报错(以前用阿里云Ubuntu20.04LTS的服务器装上就能用),以下服务器ip是我乱填的mosquitto_sub-t/iotstuff-h129.25.125.124-p1883Error:Connectionrefused解决办法云服务器ECS->安......
  • 【网络通信】一文读懂网络应用层常见协议的区别(HTTP 、HTTPS、MQTT、FTP、RTSP、RTMP)
        应用层协议是计算机网络中至关重要的组成部分,它们定义了应用程序如何与网络进行交互,实现数据的传输、接收和处理。本文将重点介绍几种常见的应用层协议:HTTP、HTTPS、MQTT、FTP、RTSP和RTMP,分析它们的特点、区别、工作原理以及应用场景。一、HTTP协议      ......
  • SpringBoot模块集成mqtt代码实现
    1//引入pom2<!--mqtt-->3<dependency>4<groupId>org.springframework.boot</groupId>5<artifactId>spring-boot-starter-integration</artifactId>6</dependency>......
  • kettle从入门到精通 第五十三课 ETL之kettle MQTT/RabbitMQ consumer实战
    1、上一节课我们学习了MQTTproducer生产者步骤,MQTTconsumer消费者步骤。该步骤可以从支持MRQTT协议的中间件获取数据,该步骤和kafkaconsumer一样可以处理实时数据交互,如下图所示: 2、双击步骤打开MQTTconsumer配置窗口,如下图所示:Stepname:自定义步骤名称。Transformat......
  • kettle从入门到精通 第五十三课 ETL之kettle MQTT/RabbitMQ producer 实战
    1、MQTT介绍MQTT(MessageQueuingTelemetryTransport)是一种轻量级的消息传输协议,设计用于连接低带宽、高延迟或不可靠网络的设备。MQTT是基于发布/订阅模式(Publish/Subscribe)的协议,其中设备可以发布消息到一个主题(Topic),其他设备可以订阅这个主题以接收相关消息。这种模式......
  • MQTT协议
    一、MQTT协议简介MQTT(MessageQueuingTelemetryTransport,消息队列遥测传输协议),是一种基于发布/订阅(publish/subscribe)模式的"轻量级"通讯协议,该协议构建于TCP/IP协议上,由IBM在1999年发布。MQTT协议是为工作在低带宽、不可靠的网络的远程传感器和控制设备通讯而设计的协议。二......
  • STM32、ESP8266与MQTT连接阿里云物联网的串口通信异常解析
    STM32、ESP8266与MQTT协议连接阿里云物联网平台时常见的串口通信异常介绍在构建物联网应用时,STM32、ESP8266与MQTT协议的结合是实现设备与网络间稳定通信的关键。然而,在连接阿里云物联网平台的过程中,串口通信异常成为了一个常见的挑战。本文将探讨这些异常现象及其可能的原因,并给......
  • ESP32 Arduino开发 MQTT
    ESP32Arduino开发MQTT目录ESP32Arduino开发MQTT1.安装程序库2.编写相关程序2.1.引入头文件2.2.定义MQTT相关参数2.3.创建对象2.4.连接网络2.5.连接MQTT服务器2.6.MQTT回调函数3.完整的代码例程4.MQTT连接测试1.安装程序库打开库管理工具工具->管理库.........
  • 上海泗博推出OPLink软件---助力企业快速搭建OPC与MQTT平台通信
    OPLink是上海泗博自主研发的基于OPC数据采集及转发,OPC数据到MQTT通信的产品。它是基于上海泗博多年的OPC应用经验和工业通信产品的开发背景,推出的OPC/MQTT工业通信软件。这款软件设计简洁、实用、稳定。同时,OPLink还具备与KepwareLinkMaster相似的数据转发功能,可实现PLC设备间的......