登录
注册
开源
企业版
高校版
搜索
帮助中心
使用条款
关于我们
开源
企业版
高校版
私有云
Gitee AI
NEW
我知道了
查看详情
登录
注册
12月28日,「开源中国源创会年终盛典」珠海站再次回归!点击免费报名参会
代码拉取完成,页面将自动刷新
开源项目
>
WEB应用开发
>
Web开发框架
&&
捐赠
捐赠前请先登录
取消
前往登录
扫描微信二维码支付
取消
支付完成
支付提示
将跳转至支付宝完成支付
确定
取消
Watch
不关注
关注所有动态
仅关注版本发行动态
关注但不提醒动态
804
Star
6.2K
Fork
1.4K
GVP
腾讯开源
/
APIJSON
代码
Issues
99
Pull Requests
2
Wiki
统计
流水线
服务
Gitee Pages
JavaDoc
质量分析
Jenkins for Gitee
腾讯云托管
腾讯云 Serverless
悬镜安全
阿里云 SAE
Codeblitz
我知道了,不再自动展开
更新失败,请稍后重试!
Issues
/
详情
移除标识
内容风险标识
本任务被
标识为内容中包含有代码安全 Bug 、隐私泄露等敏感信息,仓库外成员不可访问
UIOTOS前端零代码应用 蓝图连线+嵌套封装 实现MQTT输入0、1切换门禁开和关
待办的
#I9NM53
gitee月光倾城zmm
创建于
2024-05-08 20:04
### Description 目标 通过连线+嵌套封装,实现MQTT数据推送前端控制门禁开关 **最终效果** ![输入图片说明](https://foruda.gitee.com/images/1715169794748452613/57b84252_14383716.gif "00.gif") **实现过程** **步骤1**:新建一个页面,在工具函数input输入两个门禁的开关图标地址,再通过连线和解析实现输0、1切换图标。 ![输入图片说明](https://foruda.gitee.com/images/1715169875240412880/e804354c_14383716.png "01.png") **步骤2**:再插入图片按钮,通过连线和解析,把工具函数的输出传递给图片按钮组件的path属性。 ![输入图片说明](https://foruda.gitee.com/images/1715169898315767405/8318a1a0_14383716.png "02.png") **步骤3**:插入工具函数“基本数学计算”,设置如图所示属性,再通过连线执行工具函数。 ![输入图片说明](https://foruda.gitee.com/images/1715169915215168868/90f72b35_14383716.png "03.png") **步骤4**:在通过连线把工具函数的输出给到输入框value,输入框再把值返给工具函数的输入,实现点击图片按钮切换开、关两个图标。 ![输入图片说明](https://foruda.gitee.com/images/1715169929905679846/787ad9df_14383716.png "04-1.png") ![输入图片说明](https://foruda.gitee.com/images/1715169958236899845/c6af44c0_14383716.png "04-2.png") **步骤5**:新建一个页面,插入按钮组件并设置其属性。 ![输入图片说明](https://foruda.gitee.com/images/1715169945148488614/796a6f29_14383716.png "05.png") **步骤6**:利用嵌套容器和连线实现点击开关按钮切换门禁开关图标,以及点击门禁开关图标切换开关按钮。 ![输入图片说明](https://foruda.gitee.com/images/1715169986813882420/55fdfedd_14383716.png "06.png") **步骤7**:新建一个页面,利用嵌套容器和网格组合实现如图所示。 ![输入图片说明](https://foruda.gitee.com/images/1715169999816639543/7fc6aa8d_14383716.png "07.png") **步骤8**:打开物联中台,进入到数据点,复制全局标识,作为MQTT的Topic。 ![输入图片说明](https://foruda.gitee.com/images/1715170017680598873/7f198cfc_14383716.png "08.png") **步骤9**:打开MQTT,粘贴在如图所示的位置 ![输入图片说明](https://foruda.gitee.com/images/1715170033224854404/061e29f6_14383716.png "09.png") **步骤10**:实现MQQTT输入0、1切换门禁开和关。 ![输入图片说明](https://foruda.gitee.com/images/1715170048258263679/5c59c54c_14383716.gif "10.gif") 什么是UIOTOS? 一款拥有独创专利技术的前端零代码工具,专注于解决前端界面开发定制难题,原型即应用! 具有页面嵌套、属性继承、节点连线等全新特性,学习门槛低,功能极为灵活。 用户无需懂任何前端开发技术,简单了解使用规则,就能够按照业务需求,定制开发复杂的WEB应用。 主要面向后端/算法工程师、硬件/电气工程师,以及产品经理、UI、美术、实施工程师等。 适用于搭建基于物联网平台等的上层业务应用。实现前端开发不求人,项目交付快好省!
### Description 目标 通过连线+嵌套封装,实现MQTT数据推送前端控制门禁开关 **最终效果** ![输入图片说明](https://foruda.gitee.com/images/1715169794748452613/57b84252_14383716.gif "00.gif") **实现过程** **步骤1**:新建一个页面,在工具函数input输入两个门禁的开关图标地址,再通过连线和解析实现输0、1切换图标。 ![输入图片说明](https://foruda.gitee.com/images/1715169875240412880/e804354c_14383716.png "01.png") **步骤2**:再插入图片按钮,通过连线和解析,把工具函数的输出传递给图片按钮组件的path属性。 ![输入图片说明](https://foruda.gitee.com/images/1715169898315767405/8318a1a0_14383716.png "02.png") **步骤3**:插入工具函数“基本数学计算”,设置如图所示属性,再通过连线执行工具函数。 ![输入图片说明](https://foruda.gitee.com/images/1715169915215168868/90f72b35_14383716.png "03.png") **步骤4**:在通过连线把工具函数的输出给到输入框value,输入框再把值返给工具函数的输入,实现点击图片按钮切换开、关两个图标。 ![输入图片说明](https://foruda.gitee.com/images/1715169929905679846/787ad9df_14383716.png "04-1.png") ![输入图片说明](https://foruda.gitee.com/images/1715169958236899845/c6af44c0_14383716.png "04-2.png") **步骤5**:新建一个页面,插入按钮组件并设置其属性。 ![输入图片说明](https://foruda.gitee.com/images/1715169945148488614/796a6f29_14383716.png "05.png") **步骤6**:利用嵌套容器和连线实现点击开关按钮切换门禁开关图标,以及点击门禁开关图标切换开关按钮。 ![输入图片说明](https://foruda.gitee.com/images/1715169986813882420/55fdfedd_14383716.png "06.png") **步骤7**:新建一个页面,利用嵌套容器和网格组合实现如图所示。 ![输入图片说明](https://foruda.gitee.com/images/1715169999816639543/7fc6aa8d_14383716.png "07.png") **步骤8**:打开物联中台,进入到数据点,复制全局标识,作为MQTT的Topic。 ![输入图片说明](https://foruda.gitee.com/images/1715170017680598873/7f198cfc_14383716.png "08.png") **步骤9**:打开MQTT,粘贴在如图所示的位置 ![输入图片说明](https://foruda.gitee.com/images/1715170033224854404/061e29f6_14383716.png "09.png") **步骤10**:实现MQQTT输入0、1切换门禁开和关。 ![输入图片说明](https://foruda.gitee.com/images/1715170048258263679/5c59c54c_14383716.gif "10.gif") 什么是UIOTOS? 一款拥有独创专利技术的前端零代码工具,专注于解决前端界面开发定制难题,原型即应用! 具有页面嵌套、属性继承、节点连线等全新特性,学习门槛低,功能极为灵活。 用户无需懂任何前端开发技术,简单了解使用规则,就能够按照业务需求,定制开发复杂的WEB应用。 主要面向后端/算法工程师、硬件/电气工程师,以及产品经理、UI、美术、实施工程师等。 适用于搭建基于物联网平台等的上层业务应用。实现前端开发不求人,项目交付快好省!
评论 (
0
)
gitee月光倾城zmm
创建了
任务
gitee月光倾城zmm
修改了
描述
原值
### Description
目标
通过连线+嵌套封装,实现MQTT数据推送前端控制门禁开关
**最终效果**
![输入图片说明](https://foruda.gitee.com/images/1715169794748452613/57b84252_14383716.gif "00.gif")
**实现过程**
**步骤1**:新建一个页面,在工具函数input输入两个门禁的开关图标地址,再通过连线和解析实现输0、1切换图标。
**步骤2**:再插入图片按钮,通过连线和解析,把工具函数的输出传递给图片按钮组件的path属性。
**步骤3**:插入工具函数“基本数学计算”,设置如图所示属性,再通过连线执行工具函数。
**步骤
4
**:
在通过连线把工具函
数
的输出给到输入框value
,
输入框再把值返给工具函数的输入,实现点击图片按钮切换开、关两个图标。
**步骤5**:新建一个页面,插入按钮组件并设置其属性。
**步骤
6
**:
利用嵌套容器和连线实现点击开关按钮切换门禁开关图标,以及点击门禁开关图标切换开关按钮。
**步骤7**:新建一个页面,利用嵌套容器和网格组合实现如图所示。
**步骤8**:打开物联中台,进入到数据点,复制全局标识,作为MQTT的Topic。
**步骤
9
**:
打开MQTT
,
粘贴在如图所示的位置
**步骤10**:实现MQQTT输入0、1切换门禁开和关。
什么是UIOTOS?
一款拥有独创专利技术的前端零代码工具,专注于解决前端界面开发定制难题,原型即应用!
具有页面嵌套、属性继承、节点连线等全新特性
,
学习门槛低,功能极为灵活。
用户无需懂任何前端
开
发技术,简单了解使用规则,就能够按照业务需求,定制开发复杂的WEB应用。
主要面向后端/算法工程师、硬件/电气工程师,以及产品经理、UI、美术、实施工程师等。
适用于搭建基于物联网平台等的上层业务应用。实现前端开发不求人,项目交付快好省!
新值
### Description
目标
通过连线+嵌套封装,实现MQTT数据推送前端控制门禁开关
**最终效果**
![输入图片说明](https://foruda.gitee.com/images/1715169794748452613/57b84252_14383716.gif "00.gif")
**实现过程**
**步骤1**:新建一个页面,在工具函数input输入两个门禁的开关图标地址,再通过连线和解析实现输0、1切换图标。
![输入图片说明](https://foruda.gitee.com/images/1715169875240412880/e804354c_14383716.png "01.png")
**步骤2**:再插入图片按钮,通过连线和解析,把工具函数的输出传递给图片按钮组件的path属性。
![输入图片说明](https://foruda.gitee.com/images/1715169898315767405/8318a1a0_14383716.png "02.png")
**步骤
3
**:
插入工具函数“基本
数
学计算”,设置如图所示属性
,
再通过连线执行工具函数。
![输入图片说明](https://foruda.gitee.com/images/1715169915215168868/90f72b35_14383716.png "03.png")
**步骤
4
**:
在通过连线把工具函数的输出给到输入框value,输入框再把值返给工具函数的输入,实现点击图片按钮切换开、关两个图标。
![输入图片说明](https://foruda.gitee.com/images/1715169929905679846/787ad9df_14383716.png "04-1.png")
![输入图片说明](https://foruda.gitee.com/images/1715169958236899845/c6af44c0_14383716.png "04-2.png")
**步骤
5
**:
新建一个页面
,
插入按钮组件并设置其属性。
![输入图片说明](https://foruda.gitee.com/images/1715169945148488614/796a6f29_14383716.png "05.png")
**步骤6**:利用嵌套容器和连线实现点击开关按钮切换门禁开关图标,以及点击门禁开关图标切换开关按钮。
![输入图片说明](https://foruda.gitee.com/images/1715169986813882420/55fdfedd_14383716.png "06.png")
**步骤7**:新建一个页面,利用嵌套容器和网格组合实现如图所示。
![输入图片说明](https://foruda.gitee.com/images/1715169999816639543/7fc6aa8d_14383716.png "07.png")
**步骤8**:打开物联中台,进入到数据点
,
复制全局标识,作为MQTT的Topic。
![输入图片说明](https://foruda.gitee.com/images/1715170017680598873/7f198cfc_14383716.png "08.png")
**步骤9**:打
开
MQTT,粘贴在如图所示的位置
![输入图片说明](https://foruda.gitee.com/images/1715170033224854404/061e29f6_14383716.png "09.png")
**步骤10**:实现MQQTT输入0、1切换门禁开和关。
![输入图片说明](https://foruda.gitee.com/images/1715170048258263679/5c59c54c_14383716.gif "10.gif")
什么是UIOTOS?
一款拥有独创专利技术的前端零代码工具,专注于解决前端界面开发定制难题,原型即应用!
具有页面嵌套、属性继承、节点连线等全新特性,学习门槛低,功能极为灵活。
用户无需懂任何前端开发技术,简单了解使用规则,就能够按照业务需求,定制开发复杂的WEB应用。
主要面向后端/算法工程师、硬件/电气工程师,以及产品经理、UI、美术、实施工程师等。
适用于搭建基于物联网平台等的上层业务应用。实现前端开发不求人,项目交付快好省!
展开全部操作日志
折叠全部操作日志
登录
后才可以发表评论
状态
待办的
待办的
进行中
已完成
已关闭
负责人
未设置
标签
未设置
标签管理
里程碑
未关联里程碑
未关联里程碑
Pull Requests
未关联
未关联
关联的 Pull Requests 被合并后可能会关闭此 issue
分支
未关联
分支 (13)
标签 (113)
master
jdk1.8
springboot2
springboot2.x
fastjson2
springboot3
fix_bug_4_oracle
dependabot/maven/APIJSONFramework/mysql-mysql-connector-java-8.0.16
dependabot/maven/APIJSON-Java-Server/APIJSONBootTest/mysql-mysql-connector-java-8.0.16
dependabot/maven/APIJSON-Java-Server/APIJSONFramework/mysql-mysql-connector-java-8.0.16
dependabot/maven/APIJSON-Java-Server/APIJSONFinal/mysql-mysql-connector-java-8.0.16
dependabot/maven/APIJSON-Java-Server/APIJSONBoot/mysql-mysql-connector-java-8.0.16
dependabot/maven/APIJSON-Java-Server/APIJSONBootOracle/com.alibaba-fastjson-1.2.25
7.1.0
7.0.3-jdk1.8
7.0.3
7.0.2
7.0.0
6.4.3-springboot3
6.4.2-springboot3
6.4.1-springboot3
6.4.0-springboot3
6.3.0
6.2.8
6.2.0
6.0.8
6.1.0
6.0.0
5.4.0
5.3.0
5.2.0
5.1.5
5.1.0
5.0.0
4.9.0
4.9.1
4.8.3
4.8.0
4.7.2
4.7.1
4.7.0
4.6.7
4.6.6
4.6.5
4.6.1
4.6.0
4.5.2
4.5.1
4.5.0
4.4.8
4.4.7
4.4.6
4.4.5
4.4.0
4.3.1
4.3.0
4.2.5
4.2.4
4.2.3
4.2.1
4.2.0
4.1.0
4.0.0
3.9.0
3.8.6
3.7.3
3.7.1
3.7.0
3.6.5
3.6.0
3.5.7
3.5.3
3.5.0
3.4.9
3.4.5
3.4.1
3.3.0
3.2.5
3.2.0
3.1.8
3.1.7
3.1.5
3.1.1
3.1.0
3.0.0
2.9.3
2.9.1
2.9.0
2.8.0
2.7.2
2.7.0
2.6.1
2.6.0
2.5.6
2.5.5
2.5.0
2.4.2
2.4.1
2.4.0
2.3.0
2.2.0
2.1.0
2.0.0
1.9.0
1.8.1
1.8.0
1.7.0
1.6.3
1.6.1
1.6.0
1.5.5
1.5.1
1.5.0
1.1.0
1.0.0
0.9.8
0.9.7
0.9.5
0.9.2
0.9.1
大调整
完成数据库查询缓存
更改依赖解析
解决多个AND,OR拼接问题
改的是Server
恢复中文readme
开始日期   -   截止日期
-
置顶选项
不置顶
置顶等级:高
置顶等级:中
置顶等级:低
优先级
不指定
严重
主要
次要
不重要
参与者(1)
Java
1
https://gitee.com/Tencent/APIJSON.git
git@gitee.com:Tencent/APIJSON.git
Tencent
APIJSON
APIJSON
点此查找更多帮助
搜索帮助
Git 命令在线学习
如何在 Gitee 导入 GitHub 仓库
Git 仓库基础操作
企业版和社区版功能对比
SSH 公钥设置
如何处理代码冲突
仓库体积过大,如何减小?
如何找回被删除的仓库数据
Gitee 产品配额说明
GitHub仓库快速导入Gitee及同步更新
什么是 Release(发行版)
将 PHP 项目自动发布到 packagist.org
仓库举报
回到顶部
登录提示
该操作需登录 Gitee 帐号,请先登录后再操作。
立即登录
没有帐号,去注册