深入解析鸿蒙系统的页面路由（Router）机制(1)，学习Binder前必须要了解的知识点

最新推荐文章于 2024-06-19 15:33:45 发布

2401_83621426

最新推荐文章于 2024-06-19 15:33:45 发布

阅读量671

点赞数 19

分类专栏： 2024年程序员学习文章标签： harmonyos 学习 binder

本文链接：https://blog.csdn.net/2401_83621426/article/details/137620764

版权

2024年程序员学习专栏收录该内容

294 篇文章 1 订阅

订阅专栏

3. 具体实现

3.1. 引入Router模块

import router from ‘@ohos.router’;

3.2. 代码示例

LoginPage.ets

import router from ‘@ohos.router’;
import promptAction from ‘@ohos.promptAction’;

@Entry
@Component
struct LoginPage {
@State message: string = ‘Login Page’

build() {
Row() {
Column() {
Text(this.message)
.fontSize(50)
.fontWeight(FontWeight.Bold)

Button(‘跳转1’)
.width(100)
.margin({ top: 10 })
.onClick(() => {
router.pushUrl({ url: ‘pages/HomePage’, params: { msg: ‘hello world，我是上一个页面传递过来的’ } },
router.RouterMode.Standard, (err) => {
if (err) {
promptAction.showToast({ message: 跳转失败：code is ${err.code}, message is ${err.message} })
return;
} else {
promptAction.showToast({ message: 跳转成功 })
}

}
)

})

Button(‘跳转2’)
.width(100)
.margin({ top: 10 })
.onClick(() => {
router.pushUrl({ url: ‘pages/HomePage’ },
router.RouterMode.Single, (err) => {
if (err) {
promptAction.showToast({ message: 跳转失败：code is ${err.code}, message is ${err.message} })
return;
} else {
promptAction.showToast({ message: 跳转成功 })
}

}
)

})

Button(‘跳转3’)
.width(100)
.margin({ top: 10 })
.onClick(() => {
router.replaceUrl({ url: ‘pages/HomePage’ },
router.RouterMode.Single, (err) => {
if (err) {
promptAction.showToast({ message: 跳转失败：code is ${err.code}, message is ${err.message} })
return;
} else {
promptAction.showToast({ message: 跳转成功 })
}

}
)
})

}
.width(‘100%’)
}
.height(‘100%’)
}
}

HomePage.ets

import router from ‘@ohos.router’;
import promptAction from ‘@ohos.promptAction’;

@Entry
@Component
struct HomePage {
@State message: string = ‘HomePage’
@State msg: string = ‘’;

onPageShow() {
// 获取传递过来的参数对象
const params = router.getParams();
if (params != null && this.msg != null) {
// 获取info属性的值
this.msg = params[‘msg’];
} else {
this.msg = ‘没有参数传递过来’
}
}

build() {
Row() {
Column() {

Text(this.msg)
.fontSize(20)

Button(‘返回上一页’).onClick(() => {
router.back()
})

Button(‘返回指定页面’)
.margin({ top: 10 })
.onClick(() => {
router.back({
url: ‘pages/Index’
})
})

Button(‘页面返回询问框’)
.margin({ top: 10 })
.onClick(() => {

// 调用router.showAlertBeforeBackPage()方法，设置返回询问框的信息
try {
router.showAlertBeforeBackPage({
message: ‘您还没有完成支付，确定要返回吗？’ // 设置询问框的内容
});
} catch (err) {
console.error(Invoke showAlertBeforeBackPage failed, code is ${err.code}, message is ${err.message});
}
router.back()
})

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数HarmonyOS鸿蒙开发工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年HarmonyOS鸿蒙开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。