DevEco Studio 搭建与页面跳转实现完整指南
2026/6/10 8:39:23 网站建设 项目流程

第一步:改造首页,添加跳转按钮

我们先修改默认的Index.ets页面,添加一个 “Hello World” 的文字,并美化布局。

再添加一个 “下一页” 的按钮,并美化布局。

页面效果如下:

第二步:创建第二个页面(Second.ets)

1. 新建 Second 页面文件

在项目目录entry/src/main/ets/pages/下,右键新建文件,命名为Second.ets

编写 Second 页面的代码:

实现页面跳转的代码:

第三步:运行与测试页面跳转

  1. 确保模拟器处于启动状态,点击 DevEco Studio 顶部的「运行」按钮(绿色三角形)
  2. 应用启动后,你会看到首页显示 “你好,世界!” 和绿色的 “下一页” 按钮
  3. 点击 “下一页” 按钮,应用会跳转到 “第二个页面”,并显示黑色的 “返回” 按钮
  4. 点击 “返回” 按钮,应用会回到首页,完成整个跳转流程

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询