Question

Axure怎么制作数据分页显示跳转的原型？

Answer 1

中继器可以显示数据列表，但当列表包含大量项时，例如数百或数千项，页面显示可能会太长。在这种情况下，通常的方法是分页显示，每个页面显示固定数量的数据，可以查看下一页的数据，当然也可以指定页码直接跳转。下面将教大家Axure怎么制作数据分页显示跳转的原型！零基础小白想要自学Axure做产品原型，那么专业教学就可以事半功倍！选择的Axure自学视频课，就能够在最短的时间获取到最全面的Axure知识~感兴趣就就进~

Axure制作数据分页显示跳转的原型方法：

1.需求分析首先先来看一下这个具体的需求是什么？

需求比较简单：数据列表数据过多时，需要分页展示，并且可以上下页进行查看，还可以指定页码跳转至指定页面。

从上面的描述，我们看到关键词“分页显示”。其实这里用到的就是是中继器中分页功能。

2.Axure关键点分析2.1中继器，设置数据列表

中继器的设置上一章已经讲过了，不在赘述。这里着重讲一下序号字段的逻辑，这里用到的函数为[[(Item.Repeater.pageIndex-1)*12+Item.index]]。

这个案例里，每页设置为显示12条数据。函数Item.Repeater.pageIndex是用来标识中继器当前显示的页数，函数Item.index是用来标识当前页面的第几条数据。

解释之后，相信小伙伴们都能理解上面公式的含义了。若理解不了，再仔细琢磨琢磨：）

2.2设置全局变量CurrentPage默认值为1，用来记录当前所处的页面。

2.3上一页和下一页跳转这个实际上运用的是中继器的“设置当前显示页面”，上一页为Previous，下一页为Next。

2.4跳转指定页面设置页码，点击对应页码后跳转至响应的页面。运用的是实际上还是中继器的“设置当前显示页面”。

3.效果展示最后，我们来看一下最终效果

以上就是关于“Axure怎么制作数据分页显示跳转的原型？”的全部内容分享了，希望能够帮助到你~更多Axure技巧学习，尽在！Axure相关文章、Axure相关问答、Axure专业自学视频课都是你学习提升的好帮手~想要快速有效的学习掌握Axure，那么Axure视频课就真的千万不要错过了！专业讲师、全面知识点、从0到1逐渐掌握~下面为各位小伙伴推荐几套Axure相对热门的基础课：