登录注册表单路由切换 - 登录注册开发入门(6)

教程目标

完成注册表单的搭建，并实现与登录表单的无缝切换。

教程步骤

1. 创建路由容器

   • 在页面中添加一个路由容器。
   • 路由容器需要与路由的页面容器配合使用。

2. 添加页面组件

   • 在路由容器下方添加两个页面组件，分别命名为“登录页”和“注册页”。
   • 为每个页面设置对应的路径。

3. 迁移登录卡片

   • 将原有的登录卡片拖动到登录页的容器内。

4. 添加“去注册”按钮

   • 在登录页添加一个次按钮，并将其文本设置为“去注册”。
   • 设置按钮的宽度和上边距，优化布局。

5. 复制登录卡片至注册页

   • 复制登录卡片，粘贴到注册页。
   • 将按钮文本修改为“去登录”。

6. 绑定事件

   • 为“去注册”和“去登录”按钮分别绑定事件。
   • 选择页面跳转的动作节点，编辑页面路径，使其分别指向注册页和登录页。

7. 测试

   • 测试按钮点击效果，确保“去注册”按钮能跳转到注册页，反之亦然。

下一步计划

• 完成注册后台接口的逻辑开发。

注意事项

• 确保所有步骤按照教程进行，若有疑问，请在评论区留言，将尽快得到解答。

通过以上步骤，您可以顺利地实现登录注册表单的路由切换。期待在后续课程中与您再见，共同学习更多AI应用开发的技巧。