动作流

指用户与界面进行交互时，触发的一系列操作或事件的逻辑顺序和流程。它描述了从用户的输入（如点击、输入文本、滚动等）到系统响应（如更新界面、发送请求、显示反馈等）的完整链条。

核心要素

1. 用户行为 ：用户通过鼠标、键盘、触摸屏等方式与界面交互。
2. 事件触发 ：用户的操作会触发前端代码中的事件（如 click、input、submit 等）。
3. 逻辑处理 ：事件触发后，前端代码会执行相应的逻辑处理（如验证输入、调用 API、更新状态等）。
4. 界面更新 ：根据逻辑处理的结果，界面会动态更新以反映最新的状态或数据。
5. 反馈信息 ：系统向用户提供反馈（如成功提示、错误信息、加载动画等），完成交互闭环。

类型

在AnyBuilder平台中，动作流又细分成了以下几种类型：

• 交互动作流：组件特定交互触发
• 监听动作流：页面内的变量值发生变化时触发
• 页面动作流：通用动作流，只能由所在页面内的交互、监听动作流调用
• 全局动作流：将高频操作封装成全局动作流，可以在应用内的页面、交互、监听动作流调用

这3者的区别如下

	页面动作流	交互动作流	监听动作流	全局动作流
触发方式	交互、监听动作流调用	组件的交互触发	监听的值发生变化时触发	页面、交互、监听动作流调用
输入参数	支持定义	不支持定义，输入参数由组件、事件共同决定	不支持定义	支持定义
局部变量	支持定义	支持定	不支持定义	支持定义
输出参数	支持定义	不支持定义	不支持定义	支持定义
删除方式	手动删除	删除组件时自动删除	手动删除	手动删除

动作流结构

示例

以下是一个典型的用户登录场景中的动作流：

1. 用户行为 ：

   • 用户在登录页面输入用户名和密码。
   • 用户点击“登录”按钮。

2. 事件触发 ：

   • 点击“登录”按钮触发 onClick 事件。

3. 逻辑处理 ：

   • 前端代码捕获事件，验证输入是否为空或格式是否正确。
   • 如果验证通过，前端发起一个 HTTP 请求（如 POST 请求）将用户名和密码发送到后端服务器。
   • 后端返回响应（如登录成功或失败的信息）。

4. 界面更新 ：

   • 如果登录成功，前端跳转到主页，并显示欢迎信息。
   • 如果登录失败，前端显示错误提示（如“用户名或密码错误”）。

5. 反馈信息 ：

   • 在等待服务器响应期间，可能显示加载动画。
   • 登录完成后，清除输入框内容或保持错误信息供用户修改。