Composer中的ThingWorx模型定义—可视化

2. 可视化

混搭

混搭是用于从ThingWorx模型传递信息的网页可视化功能。

Mashup Builder是用于在ThingWorx中创建可视化网页的工具，可在其中定义单独的混搭。混搭是一种ThingWorx网页。Mashup Builder旨在供了解已实现ThingWorx模型的内容开发人员使用，并允许您将ThingWorx内提供的数据服务与一组称为小组件的可视化组件组合在一起，以创建能够组合多源数据的唯一网页。

还可以在Mashup Builder中定义 样式和状态定义。“样式”和“状态”用于在混搭中控制各个小组件的外观，例如颜色、字体和颜色上下文等方面。

这是一种100%配置、零代码内容的开发环境。基本概念如下所示：

• 小组件是您放置在网页上的组件。小组件包括栅格和图表等用于呈现数据的事物。小组件还包括基本的HTML元素，例如文本框、按钮和导航链接。任何可见或可点击的事物都是一个小组件。

• 系统会将数据服务从ThingWorx应用程序服务器上的可用服务列表添加到混搭。然后，可以将数据服务的结果绑定到小组件。可在混搭页面加载时和/或根据其他服务状态和用户交互来调用数据服务。

• 小组件支持不同程度的样式和状态，具体取决于小组件的预期功能。例如，文本框将支持用于字体大小、字体颜色和背景颜色的样式，但不支持通过状态显示的颜色上下文。值显示支持样式或状态。使用状态定义可根据数据值（正在显示的值或在同一数据服务结果中返回的另一个值）影响应用于显示的样式。

  
  

2.1 主数据

主数据提供一致的混搭内容框架（类似于母版页或模板的概念），且常用于在整个混搭中显示的项目，例如徽标、菜单和标题。例如，要在整个混搭中显示公司徽标，可以创建主数据来显示徽标，这样，不管用户在混搭中的哪个位置，都可以在同一位置看到公司徽标。主数据通常也用于菜单。为了在整个混搭中提供相同的导航选项，菜单位于整个混搭中的相同位置，并且包含相同的选项。

可以关联主数据与混搭，方法是在混搭属性中分配主数据属性。可以为不同的混搭创建不同的主数据，或者为您的所有混搭创建一个主数据。

在混搭中，如果正在运行刷新服务，则主数据不会刷新。

【创建主数据】

具体操作

2.1.1 混搭模板

混搭模板是可用作混搭起始点的预定义混搭布局。如果使用这些模板，开发混搭时可以节省时间。您可以创建自己的自定义混搭模板。其他用户可以选取这些自定义模板，从该模板开始设计其混搭。

混搭模板是在平台中的新实体。提供了5个默认混搭模板。您还可以创建自己的模板并将其保存。

【默认模板】

提供了以下默认模板：

• 页眉和页脚
• 页眉和页脚，带有左侧面板
• 页眉和页脚，带有侧面板
• 仅页眉
• 仅左侧面板

2.1.2 小工具

仪表板由小工具组成。小工具是可重复使用的混搭容器，具有可用于处理仪表板大小调整要求的其他元数据。小工具可显示历史数据或当前数据。可在小工具中使用任何小组件和服务。小工具中包含预定义参数，这些参数在各种预定义大小（1x1，2x2等）中均可用。

小工具允许你以动态方式分配显示的属性值。例如，可创建多个显示小工具（LED显示屏、仪表或图表），以便您可以选择仪表板上显示的温度数据的视图。

小工具可以在不同情况下使用，因此是通用的。小工具可以：

• 嵌入在任何混搭中
• 作为独立应用程序
• 作为屏幕嵌入到其他应用程序中

2.1.2.1 创建小工具

具体操作

2.1.2.2 创建小工具混搭

具体操作

2.1.2.3 创建仪表板混搭

具体操作

2.2 仪表板

【菜单】

菜单提供混搭内的导航路径。要在混搭中实现菜单，您需要创建和定义菜单，然后将其添加到混搭。

具体操作

2.3 介质

媒体实体可以是本地存储的媒体制品，也可以是用于您的ThingWorx应用程序实现的动态内容。多数情况下，这些制品包括用于实体（例如菜单、样式定义以及混搭) 的图像和图标。

2.4 样式主题

样式主题是一组应用于混搭中元素（例如文本、颜色和线条) 的属性。您可以利用样式主题更轻松地管理多个混搭的样式。样式主题会应用于混搭级别。当将样式主题应用于所有嵌入式小组件和混搭。