App 设备面板

约 2755 字大约 9 分钟

App 设备面板

什么是 App 设备面板？

ThingsCloud 提供了开箱即用的用户应用通用版 ThingsX。用户登录 ThingsX 后，可以看到自己关联的一个或多个设备，点击设备后进入设备详情页面，这个页面也称为设备面板。

每个设备类型都有自己独立的设备面板，也就是说，同一类设备拥有同样的设备面板，您不需要为每个设备重复编辑设备面板。

因此，用户在 ThingsX 中看到的每个设备面板，是由设备所属设备类型决定的，通过编辑设备类型的设备面板，就可以为用户展示各种不同的设备面板。

如何编辑设备面板？

设备面板是可编辑的，您可以在控制台中，进入任意设备类型的详情页面，在应用配置中可以看到设备面板编辑器的入口，如下图：

进入设备面板编辑器，如下图：

您可以在线编辑设备面板的布局和样式，并选择设备实际数据进行效果预览，完成编辑后点击保存，保存后的设备面板在 ThingsX 上立即生效。

设备面板的类型

设备面板支持以下两种类型：

组件式面板（Widget-based Panel）：通过拖放和编排平台提供的各种组件，自由设计面板布局，设置样式。适合希望通过自主设计，实现个性化需求的场景。组件式面板的效果如下图：
整体面板（Templated Panel）：平台提供专用的面板布局和样式，界面相对固定，您可以快速选择，直接下载使用。适合希望快速部署或更高定制化的场景。整体面板的效果如下图：

那么，如何选择适合您的面板类型呢？

首先，组件式面板是 ThingsX 的核心优势，由于物联网应用场景的超个性化和快速迭代特性，不同设备有不同的界面需求，甚至同类设备有时也存在差异，能够根据实际需求来自主可视化编辑面板，无需编写程序或投入开发费用，就能快速获得与应用场景匹配的设备面板，并且可以随着项目过程不断修改完善，这为物联网项目落地提供了非常关键的生产力。

另一方面，对于功能相对简单而且成熟的设备，如果您希望直接使用整体性更强的面板风格，或需要高度定制私有面板，整体面板提供了更多的可能性，只需要一键下载，而且支持高度个性化的定制开发。

以下是两种面板的多维度对比，供您参考。

维度	组件式面板（Widget-based Panel）	整体面板（Templated Panel）
视觉效果	允许通过组件编排来自定义界面风格，视觉效果个性化，但界面美观程度取决于使用者的设计能力，可能会有较大的差异。	界面布局和样式由专业开发者设计，视觉效果统一且专业，适合统一风格的应用场景。
可扩展性	可根据需求添加、修改或移除组件，面板的功能和布局可以随着需求变化而扩展。	固定的面板限制了扩展性，只能在预定义的范围内进行有限的调整。
灵活性	具有高度灵活性，可以根据需求自由编排和调整面板布局和组件，适合需要频繁调整和优化的项目。	灵活性相对较低，适合功能稳定且不需要频繁修改的场景。
搭建成本	初始阶段可能需要花费较多时间来配置和调整，但一旦设定好后，后续的修改和调整会更为高效。	可直接下载现成的面板，初始部署速度快，可以节省设计和开发时间。
学习曲线	由于提供了丰富的自定义选项，可能需要一定的学习时间来熟悉组件的使用和布局设计。	一键下载整体面板，操作简单，学习曲线较平缓。
个性化定制	在现有组件的基础上，可实现个性化的布局和样式。	不受组件的限制，可高度个性化定制开发。
附加费用	无附加费用	如果购买面板市场里的付费面板，或者购买定制面板开发服务，需要费用。