DevEco Studio 实现 HarmonyOS 双页面跳转完整教程

一、开发环境与前置准备开发工具DevEco Studio推荐 4.0 版本开发语言ArkTS声明式开发范式核心依赖ohos.router路由模块系统内置无需额外安装二、创建项目与页面创建两个页面项目默认自带Index.ets页面首页右键entry/src/main/ets/pages文件夹 →New→Page→Empty Page命名为Second.ets跳转目标页系统会自动在main_pages.json中配置路由无需手动修改路径。三、核心代码实现1. 首页Index.ets页面 1实现「点击按钮跳转到第二页」的功能使用router.pushUrl()方法入栈跳转。2. 目标页Second.ets页面 2实现「点击按钮返回首页」的功能使用router.back()方法出栈返回。四、关键知识点解析表格方法作用场景router.pushUrl()将目标页面加入页面栈当前页面保留需返回上一页的场景如列表→详情router.back()从页面栈弹出当前页面返回上一页从详情页返回列表页router.replaceUrl()替换当前页面不保留栈记录无需返回的场景如启动页→首页五、运行与测试连接模拟器或真机设备点击 DevEco Studio 右上角的「运行」按钮应用启动后首页会显示「跳转到第二页」按钮点击按钮后会跳转到第二页点击第二页的「返回首页」按钮即可回到首页