对于许多刚接触Axure的产品经理而言，原型设计往往停留在静态页面阶段：手动复制元件、逐个修改文本、面对搜索筛选或分页功能无从下手。其实，这些痛点只需掌握一个核心元件——中继器（Repeater）即可解决。它就像原型中的小型数据库，无需一行代码，就能实现动态数据列表、后台管理表格、搜索筛选等高频交互。本文将从后端架构视角，带你彻底吃透中继器的原理与实战技巧。

一、什么是Axure中继器？从数据库角度理解

中继器是Axure内置的数据驱动型重复元件，由数据集、页面模板和交互事件三部分组成。它的工作原理类似于后端架构中的中间件——接收数据源，通过模板渲染，输出动态页面。你可以把它想象成一个Excel表格：

  • 数据集 = Excel单元格，存放原始数据（如姓名、手机号、状态等）
  • 内部模板 = 表格一行的样式，只需设计一次
  • 自动渲染 = 中继器根据数据集自动生成多行，数据变化时页面同步更新

在微服务架构中，每个服务独立管理自己的数据库。同理，中继器可以视为原型中的“微服务”——每个中继器维护自己的数据集，互不干扰。当页面存在重复元素+数据动态变化时，如后台用户表格、商品列表、消息列表，中继器是首选方案。

二、Axure 9.0 中继器三大核心结构

拖拽一个中继器到画布后，掌握以下三个模块就能完全控制它。90%的新手困惑源于分不清这三者关系。

2.1 数据集（Data）——数据源仓库

数据集相当于数据库中的表，支持新增列、删除列、批量录入数据。你可以直接从Excel复制数据粘贴进来，大幅提升效率。建议列名统一使用英文（如name、phone、status），避免后续绑定出错。这类似于后端API中定义字段名，保持规范能减少调试成本。

2.2 内部项（Item）——页面展示模板

双击中继器进入内部编辑页面，只需绘制单行/单个卡片样式。所有重复的列表行都由中继器自动复制这个模板生成。修改模板一行，全局所有列表样式同步更新，这就像后端架构中定义了一个组件，复用性强且维护简单。

2.3 交互面板（Interactions）——数据绑定与动态操作

核心两个必备事件：

  • 每项加载时：将数据集的数据绑定到页面元件，语法为 [[Item.列名]]。这类似于API返回数据后前端渲染的过程。
  • 中继器专用动作：添加行、删除行、更新行、筛选、排序、分页。这些操作对应后端CRUD接口，无需编码即可实现。

实践建议：在“每项加载时”事件中，建议先绑定所有文本元件，再添加筛选或排序逻辑，避免数据混乱。

三、实战技巧：用中继器实现搜索与分页

假设我们要做一个用户管理表格，包含姓名、手机号和状态。步骤如下：

  1. 拖入中继器，在数据集中添加三列：name、phone、status，并填入测试数据。
  2. 双击进入内部模板，放置三个文本框，分别绑定 [[Item.name]]、[[Item.phone]]、[[Item.status]]。
  3. 添加一个搜索输入框和按钮，在按钮的“单击”事件中使用筛选动作，条件设为 [[Item.name]] 包含输入框的文本。
  4. 实现分页：在交互面板中设置“每页显示条数”，并添加“上一页/下一页”按钮，调用分页动作。

⚠️ 注意事项：筛选时如果数据量大，建议在数据集中使用索引列（如 id），提升性能。这类似于数据库查询时加索引优化。

[AFFILIATE_SLOT_1]

四、进阶应用：中继器与后端架构的类比

中继器不仅是原型工具，更是理解后端架构的绝佳模型。它的数据集对应数据库表，交互事件对应API接口，模板渲染对应前端组件。如果你熟悉微服务设计，会发现中继器的每个实例都可以看作一个独立服务，通过中间件（交互事件）与其他元件通信。

例如，在电商后台中，订单列表、商品列表、用户列表各使用一个中继器，它们的数据集互不干扰，但可以通过全局变量共享数据。这种解耦设计正是微服务架构的核心思想。当你用中继器实现批量删除、新增表单时，实际上在模拟后端的CRUD操作，这对理解API设计非常有帮助。

技术延伸：你可以尝试用中继器实现动态图表，比如根据数据集中的销售额自动生成柱状图。这需要结合Axure的“设置变量”和“更新行”动作，相当于后端处理数据后返回给前端渲染。

五、常见问题与解决方案

问题原因解决方法
数据绑定后显示空白列名拼写错误或大小写不匹配检查数据集列名与 [[Item.列名]] 一致
筛选后数据不更新未在事件中重新加载中继器在筛选动作后添加“刷新中继器”动作
分页时数据重复每页条数设置与数据集行数不匹配调整每页条数，确保总行数能被整除

✅ 最佳实践：在开始复杂交互前，先在简单案例中测试每个动作，确保基础逻辑正确。这就像后端开发中先写单元测试，再集成联调。

[AFFILIATE_SLOT_2]

结语

中继器是Axure的灵魂功能，它让原型从静态页面进化为动态数据应用。通过理解其数据集、模板和交互三大结构，你无需编码就能实现搜索、分页、增删改查等高阶交互。更重要的是，它的设计思想与后端架构高度契合，是产品经理理解技术实现的桥梁。掌握中继器，等于掌握了原型设计的“数据库引擎”，从此告别低效的静态原型。