本教程目前為止的二十八個(gè)步驟，我們開發(fā)的 SAP UI5 僅僅包含了一個(gè)單獨(dú)的頁面。本步驟我們將額外開發(fā)一個(gè)新的頁面，并學(xué)習(xí)如何在這些不同的頁面之間進(jìn)行路由(route)和導(dǎo)航(navigation)。

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

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

點(diǎn)擊發(fā)票列表里任意一個(gè)行項(xiàng)目，能跳轉(zhuǎn)到另一個(gè)發(fā)票明細(xì)頁面:

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

注意到明細(xì)頁面對應(yīng)的地址欄里的 url 已經(jīng)發(fā)生了變化。

目前這個(gè)明細(xì)頁面只顯示了一條 Invoice 字符串。關(guān)于明細(xì)頁面在路由導(dǎo)航過程中如何實(shí)現(xiàn)參數(shù)傳遞，我們在下一個(gè)步驟里將會繼續(xù)介紹。

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

下面是 SAP UI5 路由實(shí)現(xiàn)的明細(xì)介紹。

在本步驟里，我們 SAP UI5 應(yīng)用的默認(rèn)界面，就是之前 28 個(gè)步驟實(shí)現(xiàn)的包含發(fā)票列表在內(nèi)的頁面。從本步驟開始，我們使用 SAP UI5 router 類來加載通過用戶交互式行為(比如本步驟點(diǎn)擊發(fā)票列表)所觸發(fā)的頁面。

SAP UI5 router 類能夠工作的前提是，應(yīng)用開發(fā)人員需要為其提供一個(gè)路由配置?

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。