多流量导航UI5

Question

我正在尝试使用Shell的& SplitApp控件开发多流量导航。

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

因此，流量为：

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

---

我使用装载组件component.js和提供路由。 有了这个结构，我可以从母版页导航到导航页面，但是我在构建应用程序时感到非常震惊。

我尝试了谷歌搜索，但没有发现任何有用的东西。

我遵循ui5 TDG来构建应用程序。 UI5-TDG

下面是仪表板视图

下面的样本图像被主详细视图的样本图像

---

我是唯一一个尝试这种情况或 我错过了什么？

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

Answer 1

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

组成路由json的正确方法是使用routes和targets。你可以看到一个例子，下载SDK和导航

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

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

立即使用splitapp启动（尽管某些屏幕没有主控），并在Component.js中编写路由器;你有：

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