一、代码展示
二、代码用到的全部知识点分类
1. 路由跳转核心（页面导航）
- 路由模块导入
import router from '@ohos.router'所有页面跳转 API 都依赖这个系统模块，不导入无法使用pushUrl。 router.pushUrl()入栈跳转- 作用：打开新页面，页面栈叠加，点击返回键 /
router.back()可回到上一页 - 参数
url：目标页面路径字符串，必须和main_pages.json里注册的页面路径完全匹配，路径写错会跳转失败
- 作用：打开新页面，页面栈叠加，点击返回键 /
- 拓展对比（同类跳转 API）
router.replaceUrl()：替换当前页面，不会新增页面栈，无法返回上一页router.back()：返回上一页
2. 页面组件装饰器
@Entry标识当前文件是独立页面，只有在main_pages.json注册的页面才需要添加；自定义 @Builder、子组件不能加。@Component所有自定义 UI 结构体必须添加，代表这是一个 ArkTS 组件，提供build()渲染入口。
3. 基础布局组件 Column
Column()：垂直布局容器，子元素垂直从上向下排布；配套Row()水平布局、Stack()层叠布局。- 容器通用属性：
.width('100%')/.height('100%')：宽高铺满父容器（屏幕）.padding(数值)：统一设置四边内边距，控制内容和边框距离
4. Text 文本组件与样式属性
Text("文字内容")：基础文字展示组件- 文本样式 API：
.fontSize(数字)：字号大小.fontColor(颜色枚举)：文字颜色，系统内置Color.Green/Red/Black等常量
5. 点击交互事件
.onClick(()=>{ 执行逻辑 })
- 给任意可交互组件（Text/Button/Image 等）绑定点击事件
- 回调函数内编写跳转、弹窗、变量修改等业务逻辑
6. 语法规范补充
- 链式调用：组件所有样式、事件方法可以连续
.xxx()链式书写 - 箭头函数：
()=>{}简化回调写法，不用 function 关键字 - 字符串引号：路径、文字统一使用单 / 双英文引号，不能中文引号
三、配套前置要求（跳转生效前提）
main_pages.json中必须注册三个页面：
json
{ "pages": [ "pages/Tiaozhuan/Tiaozhuan", "pages/Tiaozhuan1/Tiaozhuan1", "pages/Tiaozhuan2/Tiaozhuan2" ] }- 每个跳转目标页面文件都要添加
@Entry @Component装饰器，否则无法打开。
四、拓展：路由传参改造（可选）
如果跳转时需要传递账号、身份等数据，可以给pushUrl增加params参数：
ets
router.pushUrl({ url: "pages/Tiaozhuan1", params: { type: "register", tips: "注册页面" } })目标页面通过router.getParams()接收传递的数据。
