登录注册表单公用节点抽取开发 - 登录注册开发(4)
教程概述
本教程将指导开发者如何将登录表单和注册表单抽取为共用节点，以便在不同的页面中复用，并简化后续的维护工作。通过本教程，你将学习如何创建共用节点、如何根据表单类型来引用不同的表单处理函数。
开发环境准备
- 确保已注册并配置多八多AiIDE的开发环境。
- 准备好相关的开发项目，包含登录页和注册页。
教程步骤
第一步：创建公共节点相关的分组
- 在界面上添加一个逻辑分组，用来放置公共节点。
- 将该分组命名为"公共节点相关"。
第二步：新建UI节点
- 在"公共节点相关"分组中，右键添加一个逻辑分组。
- 给它一个名字，例如"登录注册表单节点"。
第三步：复制登录表单到UI节点
- 打开登录页，找到登录表单节点。
- 点击复制，然后粘贴到"登录注册表单节点"中。
第四步：在登录页中创建UI输出节点
- 在登录页中，右键添加一个通用节点。
- 将其命名为"UI输出节点"。
- 在UI输出节点中，调用"登录注册表单节点"的ID。
第五步：在UI输出节点中调用方法
- 使用
_f方法调用"登录注册表单节点"的ID。 - 通过右键"UI节点"，选取"开发"，复制其节点标识。
- 在UI输出节点内容里面，将其贴进去。
第六步：为表单类型传参
- 在UI输出节点中，添加一个表达式类型参数。
- 将参数命名为"表单类型"，并给它传递一个值，例如"登录"。
第七步：在登录注册节点中新增登录的判断条件
- 在"登录注册表单节点"中，添加一个逻辑条件，例如"是登录"。
- 在"是登录"条件中，使用
_f方法调用"表单类型"的值。
第八步：新增注册的判断条件
- 在"登录注册表单节点"中，再添加一个逻辑条件，例如"是注册"。
- 在"是注册"条件中，使用
_f方法调用"表单类型"的值。
第九步：将登录表单相关的按钮放入"是登录"条件中
- 将登录按钮拖到"是登录"条件中。
第十步：将注册表单相关的按钮放入"是注册"条件中
- 将注册按钮拖到"是注册"条件中。
第十一步：在表单提交事件中引用表单处理函数
- 添加一个变量"表单类型"，并给它赋值。
- 添加一个变量"表单处理函数"，并给它赋初始值。
- 根据表单类型来引用不同的表单处理函数。
第十二步：同步返回表单处理函数
- 将表单处理函数返回给表单提交事件。
结束语
完成以上步骤后，你就成功地将登录表单和注册表单抽取为了共用节点，并能根据表单类型来引用不同的表单处理函数。下一节课，你将学习如何生成登录TOKEN并写入缓存。请确保及时下载并学习多八多AiIDE的应用和组件市场中的示例代码，以及查看详细的步骤文档。祝你学习愉快！