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

原创 已于 2022-10-11 17:52:41 修改 · 2.6w 阅读 · 124 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#node-red #dashboard

于 2018-06-21 10:33:48 首次发布

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

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

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

Node-RED教程（十）：Node-RED面板dashboard节点的配置
知无涯
02-15 5057
Node-RED系列文章目前已经写了9篇，介绍了Node-RED的安装以及默认安装的一些基本节点的使用，作为物联网的一个可视化拖动的流程,Node-RED的确实很容易上手。还没开始学习的同学可以先看下我以前的文章 物联网平台Node-RED系列（一）：Node-RED的介绍与安装 物联网平台Node-RED系列（二）：Node-RED的面板的操作 物联网平台Node-RED系列（三）：Node-RED公共节点的使用 物联网平台Node-RED系列（四）：Node-RED函数节点的使用
Node-RED教程（十五）：工业仪表盘开发
知无涯
03-31 5551
Node-RED系列文章目前已经写了14篇，介绍了Node-RED的安装以及默认安装的一些基本节点的使用，作为物联网的一个可视化拖动的流程,Node-RED的确实很容易上手。还没开始学习的同学可以先看下我以前的文章。 物联网平台Node-RED系列（一）：Node-RED的介绍与安装 物联网平台Node-RED系列（二）：Node-RED的面板的操作 物联网平台Node-RED系列（三）：Node-RED公共节点的使用 物联网平台Node-RED系列（四）：Node-RED函数节点的使用
Node-RED Dashboard v1.23.0 版本发布：功能增强与稳定性提升
最新发布
gitblog_01393的博客
06-08 396
Node-RED Dashboard v1.23.0 版本发布：功能增强与稳定性提升 Node-RED Dashboard 是 Node-RED 生态中一个重要的可视化组件，它允许开发者通过简单的拖拽方式快速构建 Web 界面，用于监控和控制物联网设备和系统。作为 Node-RED 的官方仪表板插件，它广泛应用于工业自动化、智能家居和物联网项目中。 核心功能改进 UI 控件交互优化 本次更新对多个...
Node-RED的仪表板UI —— node-red-dashboard：构建实时数据仪表板的强大工具
gitblog_06783的博客
05-15 506
Node-RED的仪表板UI —— node-red-dashboard：构建实时数据仪表板的强大工具 【下载地址】Node-RED的仪表板UInode-red-dashboard node-red-dashboard 是一个专为Node-RED设计的强大模块，提供丰富的仪表板节点，帮助用户快速构建实时数据展示界面。它支...
node-red-dashboard：Node-RED的仪表板UI
02-09
节点红色仪表板 该模块在Node-RED中提供了一组节点，以快速创建实时数据仪表板。 这些节点需要使用node.js版本8。支持节点v6的最新版本是2.9.5。 从版本2.10.0开始，您可以创建和安装小部件节点，如其他Node-RED节点。 有关更多信息，请参见 。 有关最新更新，请参阅 先决条件 Node-RED-Dashboard需要安装 。 安装 要安装稳定版，请使用Menu - Manage palette选项并搜索node-red-dashboard ，或在Node-RED用户目录（通常为~/.node-red运行以下命令： npm i node-red-dashboard 重新启动Node-RED实例，并且面板中应该有可用的UI节点，右侧面板中应有一个新的dashboard选项卡。 UI界面位于 （如果使用默认设置）。 如果要尝试从github下载最新版本，可以通
node-red dashboard
qq_25194681的博客
03-25 574
安装：访问：
Node-RED Dashboard 使用教程
gitblog_00456的博客
08-16 1066
Node-RED Dashboard 使用教程 项目介绍 Node-RED Dashboard 是一个易于使用的节点集合，用于 Node-RED，允许您创建数据驱动的仪表板和数据可视化。它通过 Node-RED 的 Palette Manager 提供，并且可以在 GitHub 上找到其源代码。 项目快速启动 安装 Node-RED Dashboard 首先，确保您已经安装了 Node-RED。然...
【亲测免费】 Node-RED Dashboard 使用教程
gitblog_00804的博客
10-11 1910
Node-RED Dashboard 使用教程 1. 项目介绍 Node-RED Dashboard 是一个为 Node-RED 设计的实时数据仪表盘 UI 模块。它提供了一组节点，可以快速创建一个实时数据展示的仪表盘。该模块基于 Angular v1 开发，支持 Node.js 12 及以上版本。尽管 Angular v1 已经不再维护，但该项目仍提供“生命支持”，即小修小补，但不进行重大功能升...
树莓派Node-Red例3:dashboard 控件实例
armcsdn的博客
02-10 1693
msg.payload = Math.round(Math.random()*100); return msg; [ { "id": "ff9fafff.553ec", "type": "inject", "z": "50b043f1.129efc", ...
Node-RED基础1
GesLuck的博客
03-12 3562
NodeRed简介，安装、基础应用（基本功能、通讯、数据、节点）
node-red-dashboard-custom-widget:使用ui-template创建Node-RED-Dashboard UI小部件
05-11
节点红色定制小部件1 遵循指南外部源创建ui-widget ui-template代码段 <!-- external libraries --> [removed][removed] <link rel="stylesheet" href="http://billmill.org/css/style.css" /> <style> ... </style> [removed] ;(function(scope) { scope.msgReady = ... // ng-if var timer = setInterval(function() { //check that D3 libs are loaded, if not wait if (!window.d3) return; clea
Node-RED-weather-dashboard:节点红色+地下天气+ MQTT + Raspberry pi + ESP8266 + BME280
05-12
节点红色天气仪表板 节点红色和天气仪表板，MQTT，Raspberry Pi，ESP8266，天气图标 从派生的天气图标 使用创建的风向 仪表板预览，可从http：// localhost ：1880 / ui获得： 流预览，可从http：// localhost ：1880获得：
Node-RED系列（十七）：使用自定义UI节点网与flow交互
知无涯
04-17 4022
Node-RED系列文章目前已经写了16篇，介绍了Node-RED的安装以及默认安装的一些基本节点的使用，作为物联网的一个可视化拖动的流程,Node-RED的确实很容易上手。还没开始学习的同学可以先看下我以前的文章。 Node-RED教程（一）：Node-RED的介绍与安装 Node-RED教程（二）：Node-RED的面板的操作 Node-RED教程（三）：Node-RED公共节点的使用 Node-RED教程（四）：Node-RED函数节点的使用 Node-RED教程（五）：No
Node-RED教程（十二）：定制化节点教程
知无涯
03-03 4447
Node-RED系列文章目前已经写了11篇，介绍了Node-RED的安装以及默认安装的一些基本节点的使用，作为物联网的一个可视化拖动的流程,Node-RED的确实很容易上手。还没开始学习的同学可以先看下我以前的文章 物联网平台Node-RED系列（一）：Node-RED的介绍与安装 物联网平台Node-RED系列（二）：Node-RED的面板的操作 物联网平台Node-RED系列（三）：Node-RED公共节点的使用 物联网平台Node-RED系列（四）：Node-RED函数节点的使用
掌握Node-RED Dashboard: 构建JavaScript仪表板应用
资源摘要信息:"Node-RED Dashboard应用程序是一个基于Node-RED的可视化工具，它允许用户设计和创建交互式仪表板。Node-RED是一个流编辑器，主要用于使用节点的拖放界面来设计应用程序。它允许用户无需编写大量代码...
Node-RED安装图形化节点dashboard实现订阅mqtt主题并在仪表盘中显示温度
BADAO_LIUMANG_QIZHI的博客
12-17 4309
场景 Node-RED订阅MQTT主题并调试数据： Node-RED订阅MQTT主题并调试数据_BADAO_LIUMANG_QIZHI的博客-优快云博客 上面讲了node-red中获取mqtt数据的调试过程。 如果要模拟通过温度传感器的mqtt订阅的主题中获取温度数据并在能显示仪表盘的界面中 实时检测刷新数据。 node-red支持自定义节点，当然也就支持自定义图形化的节点。也有优秀的开发者把自己建立的图形化节点无偿分享。 我们常用的图形化节点叫做仪表板，dashboard，也能做出效果不错
Node-RED教程（九）：Node-RED面板dashboard节点的使用
知无涯
02-15 6891
Node-RED系列文章目前已经写了8篇，介绍了Node-RED的安装以及默认安装的一些基本节点的使用，作为物联网的一个可视化拖动的流程,Node-RED的确实很容易上手。还没开始学习的同学可以先看下我以前的文章 物联网平台Node-RED系列（一）：Node-RED的介绍与安装 物联网平台Node-RED系列（二）：Node-RED的面板的操作 物联网平台Node-RED系列（三）：Node-RED公共节点的使用 物联网平台Node-RED系列（四）：Node-RED函数节点的使用
Node-RED系列教程-12扩展节点之dashboard节点
低码开发
11-27 1412
​​前言 目标：掌握dashboard节点中各个节点的基本使用方法。 懂的朋友欢迎订阅。 一、演示环境 win10系统，Node-RED最新版本2.1.3（2021年11月21号）。 二、模块与节点 安装node-red-dashboard，配合输入节点inject和输出节点debug，讲解其中的的每个节点。 三、应用讲解 1、button节点 首先对dashboard做简单的设置： ...
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值