Node-RED中Slider滑杆和Numeric数值输入组件的使用
本文共 1258 字，大约阅读时间需要 4 分钟。
场景
Node-RED怎样导出导入流程为json文件：
Node-RED安装图形化节点dashboard实现订阅mqtt主题并在仪表盘中显示温度：
在上面的基础上怎样使用Slide滑杆组件和Numeric数值组件。
注：
博客：
关注公众号 霸道的程序猿 获取编程相关电子书、教程推送与免费下载。实现
1、Slider组件可以拖动滑杆来输入最大/最小范围之间的值。
拖拽一个组件并编辑
2、Numbic元件也可以输入数值资料，这是使用上/下按钮来输入数值。
拖拽一个Numbic元件并编辑
3、json数据
[ { "id": "24bfd0cfc8d00b23", "type": "ui_numeric", "z": "f4a4d8eab7935bc8", "name": "", "label": "输入成绩: ", "tooltip": "", "group": "248cbbb0.18e794", "order": 3, "width": 0, "height": 0, "wrap": false, "passthru": true, "topic": "topic", "topicType": "msg", "format": "{ {value}}", "min": 0, "max": "100", "step": 1, "className": "", "x": 280, "y": 260, "wires": [ [ "f21d40d0a18a6f6c" ] ] }, { "id": "248cbbb0.18e794", "type": "ui_group", "name": "MyGroup", "tab": "3f79c420.cfc1bc", "order": 1, "disp": true, "width": "6", "collapse": false }, { "id": "3f79c420.cfc1bc", "type": "ui_tab", "name": "Home", "icon": "dashboard", "disabled": false, "hidden": false }] 4、访问ui页面
拖动条和调整数值时会输出
转载地址：http://bijfk.baihongyu.com/
你可能感兴趣的文章
Nginx upstream性能优化
查看>>
Nginx 中解决跨域问题
查看>>
nginx 代理解决跨域
查看>>
Nginx 做负载均衡的几种轮询策略分析
查看>>
Nginx 动静分离与负载均衡的实现
查看>>
Nginx 反向代理 MinIO 及 ruoyi-vue-pro 配置 MinIO 详解
查看>>
nginx 反向代理 转发请求时，有时好有时没反应，产生原因及解决
查看>>
Nginx 反向代理+负载均衡
查看>>
Nginx 反向代理解决跨域问题
查看>>
Nginx 反向代理配置去除前缀
查看>>
nginx 后端获取真实ip
查看>>
Nginx 多端口配置和访问异常问题的排查与优化
查看>>
Nginx 如何代理转发传递真实 ip 地址？
查看>>
Nginx 学习总结（16）—— 动静分离、压缩、缓存、黑白名单、性能等内容温习
查看>>
Nginx 学习总结（17）—— 8 个免费开源 Nginx 管理系统，轻松管理 Nginx 站点配置
查看>>
Nginx 学习（一）：Nginx 下载和启动
查看>>
nginx 常用指令配置总结
查看>>
Nginx 常用配置清单
查看>>
nginx 常用配置记录
查看>>
nginx 开启ssl模块 [emerg] the “ssl“ parameter requires ngx_http_ssl_module in /usr/local/nginx
查看>>