一、基础配置

跳转页面必须先在main_pages.json注册页面：

json

{"src":["pages/Login","pages/Register","pages/Index"]}

二、核心代码简述

1. 登录页 Login

• 组件：Text 标题、TextInput 账号密码、Span 跳转注册、Button 登录按钮
• 逻辑：非空校验，固定账号密码校验，成功跳转首页；点击文字 push 到注册页

1. 注册页 Register

• 组件：多行 TextInput 输入账号、密码、确认密码
• 逻辑：判空 + 两次密码一致性校验，注册成功router.back()返回登录页

1. 首页 Index

• 展示欢迎文字，退出按钮使用replaceUrl跳转登录，清空页面栈

三、路由关键方法速记

1. pushUrl：入栈跳转，保留上一页，可返回
2. back()：返回上一级页面
3. replaceUrl：替换当前页，销毁旧页面（退出登录场景）

四、文本组件复用知识点

1. 静态标题用 Text；段落内可点击文字用 Span，不能脱离 Text 单独使用
2. 单行账号密码输入使用 TextInput，密码模式设置InputType.Password

五、小结

1. 页面未在 json 注册会跳转失败
2. 缺少输入校验会出现空表单提交 bug
3. 退出登录不能用 pushUrl，否则返回会回到首页