【产品经理】axure中继器的使用——表格增删改查分页实现

笔记为个人总结笔记,若有错误欢迎指出哟~

axure中继器的使用——表格增删改查分页实现

  • 中继器介绍
  • 总体视图
  • 视频预览
  • 功能
  • 1.表头设计
  • 2.中继器
  • 3.添加功能实现
  • 4.删除功能实现
  • 5.修改功能实现
  • 6.查询功能实现
  • 7.批量删除

中继器介绍

在 Axure RP9 中,中继器(Repeater)是一个非常有用的功能,它可以帮助你创建和展示重复的数据列表或表格。使用中继器,你可以快速生成多个相似的元素,并通过绑定数据源来实现数据的展示和更新。

总体视图

【产品经理】axure中继器的使用——表格增删改查分页实现_第1张图片

视频预览

中继器

功能

1.添加
2.删除、批量删除
3.修改
4.查询
5.分页

1.表头设计

【产品经理】axure中继器的使用——表格增删改查分页实现_第2张图片

2.中继器

(1)拖入中继器——>双击复制粘贴——>单击修改列名
(2)修改每个框的名字
【产品经理】axure中继器的使用——表格增删改查分页实现_第3张图片
(3)将每个框的名字与列名对应
中继器——>交互——>每项加载——>设置文本
【产品经理】axure中继器的使用——表格增删改查分页实现_第4张图片
(4)实现值的显示
【产品经理】axure中继器的使用——表格增删改查分页实现_第5张图片
(5)多页显示
【产品经理】axure中继器的使用——表格增删改查分页实现_第6张图片
添加页面切换按钮
【产品经理】axure中继器的使用——表格增删改查分页实现_第7张图片

3.添加功能实现

【产品经理】axure中继器的使用——表格增删改查分页实现_第8张图片

【产品经理】axure中继器的使用——表格增删改查分页实现_第9张图片
添加交互
【产品经理】axure中继器的使用——表格增删改查分页实现_第10张图片

【产品经理】axure中继器的使用——表格增删改查分页实现_第11张图片
添加按钮实现
交互——>单击时——>添加行——目标(中继器)——>添加行
【产品经理】axure中继器的使用——表格增删改查分页实现_第12张图片
重置按钮实现
【产品经理】axure中继器的使用——表格增删改查分页实现_第13张图片

【产品经理】axure中继器的使用——表格增删改查分页实现_第14张图片

4.删除功能实现

【产品经理】axure中继器的使用——表格增删改查分页实现_第15张图片

5.修改功能实现

【产品经理】axure中继器的使用——表格增删改查分页实现_第16张图片

【产品经理】axure中继器的使用——表格增删改查分页实现_第17张图片

6.查询功能实现

【产品经理】axure中继器的使用——表格增删改查分页实现_第18张图片

7.批量删除

【产品经理】axure中继器的使用——表格增删改查分页实现_第19张图片
【产品经理】axure中继器的使用——表格增删改查分页实现_第20张图片

你可能感兴趣的:(产品经理,产品经理,axure)