多流导航UI5

Question

我尝试使用Shell＆amp; amp; SplitApp控件。

我能够单独创建shell和splitapp控件，现在我试图在shell和splitapp之间提供导航。

所以流程将是：

1. 登录查看
2. 仪表板。
3. 主要详细信息视图

我使用component.js加载组件并提供路由。 通过这种结构，我能够从母版页导航到导航页面，但我对构建应用程序感到震惊。

我尝试使用谷歌搜索，但没有找到任何有用的东西。

我已经按照ui5 TDG来构建应用程序。 UI5-TDG

以下是信息中心视图的示例图片

以下是主详细信息视图的示例图像



我是唯一一个尝试这种情况的人，还是我错过了什么？

有关构建应用程序的任何建议/材料/资源将不胜感激吗？

Answer 1

要在您的应用中导航，首先要做的是在Component.js文件中创建正确的路由。 在documentation中，您可以看到定义路由的模式。但是这种模式是从1.28开始的@deprecated

撰写路由json的正确方法是使用routes和targets。您可以看到下载SDK并在

中导航的示例

openui5-sdk-1.28.11\test-resources\sap\m\demokit\master-detail\src\Component.js

如果您考虑到应用程序的流程，您就会知道每个屏幕;在您的示例中，您有3个屏幕：登录，仪表板和购物车;此外，您知道购物车有一个主页和详细页面（产品和产品）。

立即启动splitapp（虽然有些屏幕没有master），并在Component.js中组合路由器;你有：

• 3条路线：登录，仪表板和购物车。目标分别是[“login_detail”]，[“dashboard_detail”]，[“products_master”，“product_detail”]
• 4个目标：login_detail，dashboard_detail，products_master，product_detail，每个视图一个。