天天看點

SAP UI5 Routing 路由介紹

官網連結: https://sapui5.hana.ondemand.com/1.36.6/docs/guide/e5200ee755f344c8aef8efcbab3308fb.html 一個例子:

SAP UI5 Routing 路由介紹
SAP UI5 Routing 路由介紹

在 manifest.json 檔案的 sap.ui5 區域,添加了三個子區域:

(1) config

(2) routes

(3) target

config
SAP UI5 Routing 路由介紹
包含了全局路由器資訊和适應于所有路由路徑和目标的預設值。
SAP UI5 Routing 路由介紹
定義了路由器實作類以及我們的視圖在應用中的具體位置。
SAP UI5 Routing 路由介紹
為了讓視圖能夠顯示出來,需要定義哪個控件用于顯示頁面,以及頁面通過何種 aggregation,填充到該控件去。
SAP UI5 Routing 路由介紹
SAP UI5 Routing 路由介紹
routes
SAP UI5 Routing 路由介紹
每條路由資訊定義了一個名稱,一個格式,以及一個路由目的視圖,當該路由觸發時,目的視圖會顯示。
SAP UI5 Routing 路由介紹
所謂 pattern,即待比對的 URL 片段。

例子:

SAP UI5 Routing 路由介紹

繼續閱讀