首页专栏详情
打赏
Node-RED系列(九):Node-RED面板dashboard节点的使用
易百纳技术社区 不完整教程 2021-02-07 17:30:47

Node-RED系列文章目前已经写了8篇,介绍了Node-RED的安装以及默认安装的一些基本节点的使用,作为物联网的一个可视化拖动的流程,Node-RED的确实很容易上手。还没开始学习的同学可以先看下我以前的文章

本期我给大家认识一下Node-RED的第三方节点库,dashboard,该库提供另一个可配置的UI页面,可以配置一些表单元素,以及图表。 先来看一下别人使用dashboard制作的面板吧

是不是很漂亮。

接下来我们一起来安装一下这个节点库,并且体验一下他的一些节点。

首先我们要安装一下这个库 点击设置

打开设置面板

搜索dashboard 节点库

完整的名字叫做node-red-dashboard 搜索出来后,点击安装即可,

安装需要一点时间,稍等一会。安装完成后,刷新一下页面.就可以在节点列表的左侧看到相应的节点

一共有16个节点,分别是

  • button 按钮节点
  • dropdown 下拉选择节点
  • switch 开关节点
  • slider 轮播图
  • numeric 数字滑块
  • text input 文本输入
  • date picker 日期选择
  • colour picker 颜色选择器
  • form 表单
  • text 文本显示
  • gauge 仪表板
  • chart 图表,折线图
  • audio out 音频输出
  • notification 通知
  • ui control ui控制
  • template 模板

安装之后,我们就可以使用了,首先我们将一个button的节点拖放到Flow中 双击button节点,进行编辑详情。 首先Group的输入框是红色的,意味着我们首先要把Group属性完善一下。

点击右侧的笔

点击之后进入了一个Group的配置页面

但表单项Tab也是红色的,所以继续下潜,完善更底层的配置, 点击之后

是一个配置Tab的页面,配置Tab的名称,以及图标。图标可用的在 https://klarsys.github.io/angular-material-icons/

都配置完成后

点击完成。 点击部署

这样我们就部署了一个按钮节点到Dashboard中, 部署后我们到哪里去看配好的页面那。 默认是到这个地址访问UI。 http:// ip+port/ui

以我的为例,Node-RED的访问地址是http://192.168.99.102:1880/#

那么ui的访问地址就是 http://192.168.99.102:1880/ui/


声明:本文内容由易百纳平台入驻作者撰写,文章观点仅代表作者本人,不代表易百纳立场。如有内容侵权或者其他问题,请联系本站进行删除。

22883
10
96
打赏
共1人已赏
完整的教程https://fizzz.blog.csdn.net。该网站都是残缺
评论
0个
内容存在敏感词
相关专栏
打赏作者
易百纳技术社区
不完整教程
您的支持将鼓励我继续创作!
打赏金额:
¥1 易百纳技术社区
¥5 易百纳技术社区
¥10 易百纳技术社区
¥50 易百纳技术社区
¥100 易百纳技术社区
支付方式:
微信支付
支付宝支付
易百纳技术社区 微信支付
易百纳技术社区
打赏成功!

感谢您的打赏,如若您也想被打赏,可前往 发表专栏 哦~

审核成功

发布时间设置
发布时间:
是否关联周任务-专栏模块

审核失败

失败原因
备注
Loading...
易百纳技术社区
确定要删除此文章、专栏、评论吗?
确定
取消
易百纳技术社区
易百纳技术社区
在专栏模块发布专栏,可获得其他E友的打赏
易百纳技术社区
回答悬赏问答,被题主采纳后即可获得悬赏金
易百纳技术社区
在上传资料时,有价值的资料可设置为付费资源
易百纳技术社区
达到一定金额,收益即可提现~
收益也可用来充值ebc,下载资料、兑换礼品更容易
易百纳技术社区
活动规则
  • 1.周任务为周期性任务,每周周一00:00刷新,上周完成的任务不会累计到本周,本周需要从头开始任务,当前任务完成后才可以完成下一个任务
  • 2.发布的专栏与资料需要与平台的板块有相关性,禁止注水,专栏/资料任务以审核通过的篇数为准
  • 3.任务完成后,现金奖励直接打款到微信账户;EBC/收益将自动发放到个人账户,可前往“我的钱包”查看;其他奖励请联系客服兑换
  • 4.每周最后三个任务将会有以下奖品掉落:社区热卖开发板、小米音响、视频年度会员、京东卡、华为手机等等
易百纳技术社区
升级提醒
易百纳技术社区

恭喜您由入门

社区送出礼品一份

请填写您的收件地址,礼品将在3个工作日寄出

易百纳技术社区