多流量導航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，每個視圖一個。