SAP UI5 Routing 路由介绍

官网链接：https://sapui5.hana.ondemand.com/1.36.6/docs/guide/e5200ee755f344c8aef8efcbab3308fb.html

一个例子：

"routing": {"config": {"routerClass": "sap.m.routing.Router","viewType": "XML","viewPath": "kyma.sample.app.view","controlId": "app","controlAggregation": "pages","async": true},"routes": [{"pattern": "","name": "orders","target": ["orders"]}],"targets": {"orders": {"viewName": "Orders","viewId": "orders","viewLevel": 1,"title": "{i18n>title}"}}

在 manifest.json 文件的 sap.ui5 区域，添加了三个子区域：

(1) config
(2) routes
(3) target

config

This section contains the global router configuration and default values that apply for all routes and targets.

包含了全局路由器信息和适应于所有路由路径和目标的默认值。

We define the router class that we want to use and where our views are located in the app.

定义了路由器实现类以及我们的视图在应用中的具体位置。

To load and display views automatically, we also specify which control is used to display the pages and what aggregation should be filled when a new page is displayed.

为了让视图能够显示出来，需要定义哪个控件用于显示页面，以及页面通过何种 aggregation，填充到该控件去。

routes

Each route defines a name, a pattern, and one or more targets to navigate to when the route has been hit.

每条路由信息定义了一个名称，一个格式，以及一个路由目的视图，当该路由触发时，目的视图会显示。

The pattern is basically the URL part that matches to the route, we define two routes for our app.

所谓 pattern，即待匹配的 URL 片段。

例子：

更多Jerry的原创文章，尽在：“汪子熙”:

SAP UI5 Routing 路由介绍相关推荐

SAP UI5 应用开发教程之三十一 - SAP UI5 的路由历史和路由回退(Routing back and history)试读版
一套适合 SAP UI5 初学者循序渐进的学习教程教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
SAP UI5 应用开发教程之二十九 - SAP UI5 的路由和导航功能介绍试读版
一套适合 SAP UI5 初学者循序渐进的学习教程教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
SAP UI5 应用开发教程之一百零七 - SAP UI5 OverflowToolbar 容器控件介绍的试读版
一套适合 SAP UI5 初学者循序渐进的学习教程作者简介 Jerry Wang,2007 年从电子科技大学计算机专业硕士毕业后加入 SAP 成都研究院工作至今.Jerry 是 SAP 社区导师,S ...
SAP UI5 应用开发教程之三十 - SAP UI5 的路由过程中进行参数传递试读版
一套适合 SAP UI5 初学者循序渐进的学习教程教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
73. 使用自定义 Query 实现 SAP UI5 页面路由的书签功能
SAP UI5 应用开发教程之七十三 - 使用自定义 Query 实现 SAP UI5 页面路由的书签功能本教程之前的步骤,我们已经开发了好几个 SAP UI5 视图,并且能够相互路由跳转. 比如, ...
SAP UI5 应用开发教程之二十九 - SAP UI5 的路由和导航功能介绍
本教程目前为止的二十八个步骤,我们开发的 SAP UI5 仅仅包含了一个单独的页面.本步骤我们将额外开发一个新的页面,并学习如何在这些不同的页面之间进行路由(route)和导航(navigation) ...
SAP UI5 应用开发教程之六十三 - 基于 OData V4 的本地 Mock Server 实现的深入介绍试读版
一套适合 SAP UI5 初学者循序渐进的学习教程教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
SAP UI5 应用开发教程之六十二 - 基于 OData V4 的 SAP UI5 表格控件使用方法介绍试读版
一套适合 SAP UI5 初学者循序渐进的学习教程教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
SAP UI5 应用开发教程之四十二 - SAP UI5 自带的 Diagnostics 诊断工具使用方法介绍
一套适合 SAP UI5 初学者循序渐进的学习教程教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

SAP UI5 Routing 路由介绍

config

routes

SAP UI5 Routing 路由介绍相关推荐

最新文章

热门文章