也许你和我一样喜欢SAPUI5。那么你一定知道伟大的SAPUI5样本和文档页SAPUI5探索或SAPUI5演示工具包。在那里，您可以轻松浏览所有可用的SAPUI5控件以及有关所有属性和函数的文档。但最棒的是示例：只要运行它们—如果您喜欢，您会发现所有源代码都是一些XML和JavaScript片段的形式。

在您的设计工作室或Lumira设计应用程序中直接使用这些内容不是很好吗？–没有编写SDK组件和处理JSON数据格式等？给你。

你需要两个要素：

要访问SAPUI5中的分析数据，大数据要学什么，你需要一个SAPUI5模型实现。幸运的是，我已经把它作为designstudio1.6的一部分实现了，包括lumira2.x在内的所有更高版本都提供了它。到目前为止，它还没有文档记录，但我认为在此期间，它已经足够成熟，可以在需要时使用。一个小的SDK组件，实时数据采集系统，允许在应用程序中直接使用所谓的sapui5xml视图，而不需要额外的组件。我目前正在将这个组件集成到Lumira 2.x和Design Studio的SCN社区包中。同时，物联网概念，您可以在这里找到源代码。

如果您安装了XMLView组件，大数据与云计算，您可以尝试不进行编码。在Designer中创建一个实例，并确保附加属性视图可见。

在SAPUI5演示工具包中，找到示例，然后切换到源代码视图。

现在将XML视图内容复制到附加属性视图的上部，将控制器JavaScript代码复制到附加属性视图的下部。

很酷，不是吗？您可以立即运行应用程序，修改XML或JavaScript，甚至添加多个XMLViews和其他组件，但也很没用：图表显示的值是硬编码的样本值。

我向您保证，当您阅读完整篇文章后，您将能够将任何SAPUI5与任何Lumira数据源一起使用，但在开始时，让我们使用一个非常简单的示例，该示例应能在不做任何修改的情况下处理大多数数据源。

将数据源添加到应用程序中，并将其拖到XMLView组件上以绑定它（或在Properties视图中设置"data source"属性）。

现在将以下XML添加到Additional Properties视图的上部。下半部分应保持空白。

您将在列表框中看到措施列表。

Lumira内部使用SAPUI5。如果你直接使用SAPUI5，你会发现Lumira和SAPUI5有很多共同点。两者都允许您组装UI元素。两者都遵循模型-视图-控制器设计原则，并且都包含强大的数据绑定功能。下表列出了一些方面：

Lumira事件处理程序和SAPUI5控制器之间的一个重要区别：事件处理程序在服务器上执行（在Rhino脚本引擎中），而控制器JavaScript代码在浏览器上运行。

您可以使用属性和事件以及SDK函数firePropertiesChanged将两者连接起来，fireEvent、callZTLFunction等由于XMLView的一组属性和事件不能动态更改，所以我准备了和"onSelect"事件以及属性"selection"和"selectionType"。XMLView提供了几个脚本API，例如getSelection、getDataSelection等等。看一看源代码：它包含了一些你可能会感兴趣的技巧。

在下面的示例中，我有一些控制器发送数据的例子-BIAL脚本使用它。

Lumira和SAPUI5不同且不兼容的另一个领域是数据绑定的概念。为了缩小这个差距，我实现了"针对sapui5的Lumira SDKModel"（"SDKModel"简称），它解决了这个差距。它提供了一个基于Lumira数据源的SAPUI5数据绑定模型。

XML视图：

XMLVIEW\U 1的onClick事件上的BIAL脚本：

控制器：

XMLVIEW\U 1的onClick事件上的BIAL脚本：

结果是一个很好的表格，单元格中有下拉控件：

我必须承认，编写正确的绑定路径是不可能的很简单。但是它仍然需要比从头开始重写所有内容更少的时间。

正如承诺的那样，您应该能够从SAPUI5样本绑定一个microchart。XML类似于

，在设计器中显示为：

如果需要表表示，应该花一些时间查看记分卡组件。它在内部使用XML视图和SDKModel，但在其附加属性视图中提供了一些帮助来配置所有绑定逻辑。此视图还有助于理解绑定表达式语法。

SDKModel还可以用于更具体的SDK组件。假设您有一个处理程序类型为"sapui5"的SDK组件和一个数据绑定属性"data"。然后，数据和大数据的区别，您可以需要一个SDKModel，用结果集JSON填充它，并将其交给SAPUI5的setmodelapi。