一、项目背景与目标

       本项目基于OpenHarmony(鸿蒙)系统开发,适配国产麒麟操作系统环境,核心目标是实现应用内页面间的路由跳转功能。通过在首页添加交互按钮,用户点击后可跳转到指定的第二页面,完成基础的多页面应用交互逻辑,为后续复杂功能开发搭建基础框架。

二、核心技术与开发环境

开发系统:银河麒麟桌面操作系统(适配 OpenHarmony 开发环境)

开发语言ArkTS(基于 TypeScript 的鸿蒙开发语言)

开发工具DevEco Studio(适配麒麟系统的 OpenHarmony 开发工具)

三、项目实现

(一). 页面结构设计

项目包含两个核心页面:

  • Index 页面(首页):作为应用入口,提供跳转触发按钮
  • Second 页面(目标页):跳转后的接收页面,可扩展显示跳转后的内容

(二).关键代码逻辑解析

1、点击工具窗口--设备管理器--运行PURA90设备

2、打开label(一定要运行一下,修改完代码重新运行一下)

3、在“home”--"build"窗口,点击"entry--src--ets--pages",打开“Index.ets”文件

4、修改自己需要的配置,添加下一页按钮

5、右击pages文件新建一个ArkTS文件,我的名为Second.ets,

6、在“home”--"build"窗口,点击"entry--src--resources--base--profile",打开“main_pages.json”文件

t添加第四行代码,右上角有个“运行”添加完代码点击“立即运行”

代码内容与Index.ets内容一致,只需要修改文件名、String和Text内容

7、实现跳转(添加在Button下面)

四、完整项目代码示例

Index.ets

Second.ets

Logo

讨论HarmonyOS开发技术,专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐