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

本文详细介绍了在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":[{
		
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值