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 的 proxy_pass 使用简介
查看>>
Nginx 的 SSL 模块安装
查看>>
Nginx 的优化思路，并解析网站防盗链
查看>>
Nginx 的配置文件中的 keepalive 介绍
查看>>
nginx 禁止以ip形式访问服务器
查看>>
Nginx 结合 consul 实现动态负载均衡
查看>>
Nginx 负载均衡与权重配置解析
查看>>
Nginx 负载均衡详解
查看>>
nginx 配置 单页面应用的解决方案
查看>>
nginx 配置https（一）—— 自签名证书
查看>>
nginx 配置~~~本身就是一个静态资源的服务器
查看>>
Nginx 配置服务器文件上传与下载
查看>>
Nginx 配置清单（一篇够用）
查看>>
Nginx 配置解析：从基础到高级应用指南
查看>>
Nginx 集成Zipkin服务链路追踪
查看>>
nginx 集群配置方式 静态文件处理
查看>>
nginx+php的搭建
查看>>
nginx+tomcat+memcached
查看>>
Nginx+Tomcat实现动静分离
查看>>
nginx+Tomcat性能监控
查看>>