轻量服务器_云服务器比较_是什么

小七 2019年10月25日 21:23 141 0

*注：样本代码位于https://github.com/Yelcho/UI5-Comp-Routing

当UI5Con演示文稿一有空，我就迫不及待地把它们都用光了。你可以在https://www.youtube.com/channel/ucollpeus2uajhmxjkhghgtga

我最喜欢的是Thorsten Erlewin的演讲，名为"非常棒的UI5特性以及为什么我们在Fiori元素中使用它们"。

Thorsten首先谈到的是基于组件的路由。多年来，我曾多次尝试将UI5应用程序拆分成更小的组件，但总是发现很难让组件间的路由按我所愿工作。

Tom Van Doorslaer在他的博客"UI5–可重用组件的嵌套路由"中描述了他处理基于组件的路由的方式。Tom强调了在路由模式中处理通配符的挑战，我必须承认我不是真的想去那里。

我把Thorsten的演示作为我应该再试一次的标志。

我做的第一件事是创建三个不同的组件，显示Northwind示例oData服务中的不同实体。它们是产品、供应商和类别，它们的工作方式都相同。

它们有一个应用程序视图，其中包含一个sap.m.App控件，用于支持导航。由sap.m.Page控件组成的列表视图，该控件包含一个sap.m.Table控件，该控件使用sap.m.ColumnListItem类型的控件呈现相应的实体集。ListType.导航.

选择ColumnListItem控件时，我们导航到详细视图，并将此视图绑定到所选实体以显示实体细节。

重要的是sap.m提供的导航概念。路由.路由器类意味着我们可以使用浏览器按钮前后导航，我们可以随时刷新浏览器并返回到相同的视图和上下文。

现在是时候将这些组件合并到新的应用程序中了。我创建了一个包含sap.tnt.Toolpage工具页为前面构建的三个组件中的每一个提供一个条目的菜单系统。ToolPage控件包含自己的sap.m.App控件，该控件将用作组件的导航容器。组件可以位于任何地方，国内大数据公司排名，包括它们自己的库中，但对于本例，我只是将它们放在一个"重用"子目录中。

我使用SAPUI5文档了解如何在清单文件中配置基于组件的路由。相关区域如下所示……

注意……

组件是如何在sap.ui5版本.组件用法部分路由已指定前缀属性使用类型"Component"和引用sap.ui5版本.componentUsages部分。

这一切都很好。例如，当我为供应商选择菜单选项时，哈希值变为#/suppliers（与清单中定义的模式匹配），并且加载供应商组件。

当我选择表中的一个条目时，哈希值变为#/suppliers&/s/detail/2s"是为供应商目标定义的别名，因此散列的"/detail/2"部分被传递到组件路由器，组件路由器触发产品组件的详细视图导航并绑定到产品2.

浏览器后退和前进按钮也起作用。如果我进行浏览器刷新，我将返回到具有相同上下文的相同视图。

子组件之间的导航如何？

我使用sap.m.表格控件增强了"供应商详细信息"视图，该控件显示当前供应商提供的产品。

如上所述–我将产品组件的组件详细信息添加到供应商组件的清单文件中，并添加了一个合适的路由目标以导航到所选产品。

问题–我发现从"供应商详细信息"视图中选择一个产品，以触发到产品组件详细信息视图的导航，它将转到列表视图。

*注意–请参阅后续博客UI5–使用嵌套组件导航

供应商组件路由器不会将路由模式传递到产品组件路由器。因此，智慧农业物联网系统，即使哈希值更改为#/products/4之类的值，子组件路由器也会看到一个空模式，在我们的示例中，加载列表视图，因为它与该模式匹配。