node-red教程 7dashboard简介与输入型仪表板控件的使用

Node-red基于JS,这是前端技术的“三驾马车”之一。前端技术主要负责界面呈现,与用户交互等等,很多炫酷的特效都是前端呈现的。Node-red技术有这样的“基因”,界面当然不会差劲。它只需要一个控件就可以实现一个页面。由于本书讲述的应用与页面关系不大,就不讲HTTP与websocket相关的控件了。强烈建议感兴趣的读者自己研究一下。
  Node-red支持自定义节点,当然也就支持自定义图形化的节点。也有优秀的开发者把自己建立的图形化节点无偿分享。这里给出一个股票界面的例子,让大家看一看优秀的node-red界面能做到什么样子。
这里写图片描述
#7.1 仪表板安装与介绍
##7.1.1 仪表板的安装
  我们常用的图形

本文内容已迁移,新的阅读地址node-red教程 7dashboard简介与输入型仪表板控件的使用

更新更全的Node-RED教程,请访问 Node-RED系列教程

  • 27
    点赞
  • 124
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
Node-RED是工业网物联网的重要组成部分,我最开始接触Node-RED,也算是一个偶然的机会吧,上班后领导安排我的第一个任务就是调研一下Node-RED,我之后上网查了一下,那个时候网上相对于Node-RED的资料也比较少,只知道它是IBM公司的一个开源项目。直到最近,发现许多大公司的产品都支持Node-RED,比如西门子公司的IoT2000,研华公司的WISE PaaS 网关,美国OPTO 22等设备中都安装了Node-RED,表明它在工业物联网和控制中已经广泛应用了。 那么工业物联网为什么要用它?它又处于工业物联网那个层次?它具有哪些特性?它帮助物联网解决了什么问题?为什么说它是柔性动态可重构的解决方案呢? ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ 本门课程,老师将带领你从Node-RED的发展,工业物联网定位开始讲解,并带领着大家进行手把手安装Node-RED,实际操作演练Node-RED,并搭建一个物联网小平台,给大家带来更好的学习效果。  ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ 为了能够让小伙伴们快速了解本门课程的结构,本门课程从以下几个方面展开:Node-RED入门Node-RED安装与配置Node-RED教学实战Node-RED的优势与不足Node-RED能为我们带来什么Node-RED总结与展望
Node-RED Dashboard 是一个用于创建可视化仪表板Node-RED 插件。它提供了一组可配置的 UI 节点,可以帮助用户创建交互式的仪表板。以下是 Node-RED Dashboard使用方法: 1. 安装 Node-RED Dashboard 插件 要使用 Node-RED Dashboard,首先需要在 Node-RED 中安装该插件。打开 Node-RED 编辑器,并单击右上角的“菜单”按钮。从下拉菜单中选择“Manage Palette”,然后单击“Install”选项卡。在搜索栏中输入node-red-dashboard”,然后单击“Install”按钮来安装该插件。 2. 添加 Dashboard 节点 安装完成后,在 Node-RED 编辑器中拖动一个“dashboard”节点到工作区中。该节点将自动连接到 Node-RED输入和输出节点。在“dashboard”节点的属性面板中,可以设置仪表板的名称和主题等选项。 3. 添加 UI 节点 在 Dashboard 中添加 UI 节点,可以在仪表板中创建各种 UI 控件,例如按钮、文本框、图表等。在 Node-RED 编辑器中,可以在“dashboard”节点的属性面板中添加 UI 节点。单击“+ Add UI”按钮,然后选择要添加的 UI 控件。 4. 配置 UI 节点 配置 UI 节点,可以设置 UI 控件的属性和行为。在 Node-RED 编辑器中,点击 UI 节点打开属性面板。可以在该面板中设置控件的大小、样式、标签、初始值等。 5. 部署 Dashboard 完成所有设置后,单击 Node-RED 编辑器右上角的“Deploy”按钮来部署仪表板。此时,可以在浏览器中打开 Dashboard,在其中查看和交互所有 UI 控件
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值