SAP前端路---路由实现页面跳转，传递参数

最新推荐文章于 2024-11-25 19:01:48 发布

原创

最新推荐文章于 2024-11-25 19:01:48 发布 · 置顶 · 1.7k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#SAPUI5

本文详细介绍了在SAPUI5中如何配置路由以实现页面跳转，以及如何通过路由传递参数。作者通过实例展示了在manifest.json中的路由配置、Component.js中的路由器初始化、以及在控制器中调用路由跳转的方法。同时，文章还探讨了路由参数的传递，包括参数的接收和打印，以及navTo方法的第三个参数对历史状态的影响。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我也刚刚接触SAPUI5。边学边记录，希望大家不吝赐教。

文章中demo将遵循SAPUI5 SDK中所提供的demo例子。

本文demo地址 https://openui5.hana.ondemand.com/#/topic/e5200ee755f344c8aef8efcbab3308fb（本文的demo有我自己的延申和链接里的demo不尽相同，但可参照）

在上一篇中我们介绍了manifest.json文件，我有提到说路由的配置也是要在manifest.json中完成了。本篇博文我们就来介绍一下如何配置路由，以及路由的传参。

以下是我的一个小项目配置的简单路由

{
    ......
	"sap.ui5":{
		
		"#rootView":"如果指定了该参数 则组件将viewName指定的路径作为根目录并实例化视图",
		"rootView":{
			"viewName":"sap.ui.demo.walkthrough.view.App",
			"type":"XML",
			"async":true,
			"id":"app"
		},
		
		"#dependencies":"声明应用程序中使用的UI库",
		"dependencies":{
			"minUI5Version":"1.30",
			"libs":{
				"sap.m":{}
			}
		},
		"models":{
			"i18n":{
				"type":"sap.ui.model.resource.ResourceModel",
				"settings":{
					"bundleName":"sap.ui.demo.walkthrough.i18n.i18n"
				}
			}
		},
		"resources":{
			"css":[{