本教程目前為止的二十八個步驟，我們開發的 SAP UI5 僅僅包含了一個單獨的頁面。本步驟我們將額外開發一個新的頁面，并學習如何在這些不同的頁面之間進行路由(route)和導航(navigation)。

按照本文介紹的步驟開發完畢之后，我們的初始頁面如下：

http://localhost:8080/webapp/index.html

點擊發票列表里任意一個行項目，能跳轉到另一個發票明細頁面:

http://localhost:8080/webapp/index.html#/detail

注意到明細頁面對應的地址欄里的 url 已經發生了變化。

目前這個明細頁面只顯示了一條 Invoice 字符串。關于明細頁面在路由導航過程中如何實現參數傳遞，我們在下一個步驟里將會繼續介紹。

本步驟所有的源代碼，位于 Github：https://github.com/wangzixi-diablo/ui5-tutorial/tree/main/29

下面是 SAP UI5 路由實現的明細介紹。

在本步驟里，我們 SAP UI5 應用的默認界面，就是之前 28 個步驟實現的包含發票列表在內的頁面。從本步驟開始，我們使用 SAP UI5 router 類來加載通過用戶交互式行為(比如本步驟點擊發票列表)所觸發的頁面。

SAP UI5 router 類能夠工作的前提是，應用開發人員需要為其提供一個路由配置?

總結

以上是生活随笔為你收集整理的SAP UI5 应用开发教程之二十九 - SAP UI5 的路由和导航功能介绍的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。