Skip to Content
行为配置添加行为

配置前端行为

本文档详细介绍在 Zion 平台中配置前端交互行为时的基础操作,帮助开发者快速掌握行为配置方法,高效构建交互逻辑。

基本操作

在 Zion 的编辑器中,大部分行为配置都在组件配置(右边栏)的“行为”标签中完成。以下是配置行为的核心工作流:

添加行为

  1. 选中需要添加行为的页面或组件。
  2. 在右侧组件属性界面的“行为”标签下,找到对应的触发器(例如“点击时”、“值改变时”)。
  3. 点击触发器右侧的 “+” 按钮。
  4. 在弹出的行为列表中,选择你需要的具体行为(如“跳转页面”、“调用行为流”等)。

配置行为属性

  • 点击已添加的行为卡片,展开其属性配置表单。
  • 根据行为类型,配置相关的输入参数(如目标页面、需要传递的输入参数等)。
  • 所有修改会自动保存。

配置成功时/失败时行为

部分异步行为(如数据库操作、调用行为流、API 调用等)会产生不同的执行结果,需要根据成功或失败的状态来决定下一步的操作。

  • 展开此类行为的卡片,内部会包含 “成功时”“失败时” 两个分支。
  • 点击对应分支下的 “+”,即可为不同状态结果配置后续行为(例如:成功时跳转页面,失败时弹出 Toast 提示错误信息)。
  • 说明:这种在结果分支中的嵌套配置,是实现串行执行的标准方式。前置行为的执行结果会存入“上下文”数据,供后续行为直接引用。

其他操作

拖动排序

同一层级行为可进行拖动排序,调整行为的执行顺序。具体产生的影响见 前端执行机制

  • 操作方式:鼠标悬浮到卡片的标题栏,长按鼠标左键拖动。

复制与粘贴行为

为了提高配置效率,你可以在不同组件或触发器之间复制并粘贴行为:

  • 复制:鼠标悬浮在卡片上,点击右侧的 “···” 图标,选择复制行为
  • 粘贴:在目标触发器或分支下,点击右侧的粘贴图标,即可粘贴复制的行为。
💡

提示:复制行为时,原行为内部嵌套的所有子行为(如“成功时”下的一连串逻辑)都会被一并复制。

删除行为

鼠标悬浮在卡片上,点击右侧的 **“删除”**图标。

⚠️

注意:删除一个行为时,会连同该行为内部嵌套的所有子行为(即其成功/失败分支下的所有动作)一起删除,误删时,可以使用撤销操作(Ctrl/Cmd + Z)恢复。

打开行为编辑器

当交互逻辑变得复杂、嵌套层级较深时,侧边栏的视图空间可能会对编辑造成局限。

  • 点击行为面板顶部的 “打开行为编辑器” 按钮,进入独立的全屏画布。
  • 在这里,你可以全局俯瞰该触发器下的所有行为节点。
  • 更开阔的视野便于你梳理复杂的逻辑链路、核对深层数据绑定,大幅提升重度业务逻辑的排错与配置效率。
Last updated on