Question

Axure中继器怎么制作数组跨页联动原型？

Answer 1

众所周知，axure只能使用全局变量在页面之间传输数据。当只有几个参数需要跨页时，我们可以设置适当的全局变量。但是，如果有大量的数据，则不适合为每个参数设置相应的变量。现在，我们只用一个变量就能做到。接下来，玉图网将分享Axure如何使用全局变量在中继器中保存和赋值多个参数，使数据在翻页后不恢复，可以链接到不同的页面，模拟数据库存在的效果。入门Axure做产品经理，就上来学习！精选多套优质Axure自学视频课，综合全面的教会大家Axure软件基础操作以及原型交互，让你可以理论+实践全面发展~

Axure中继器制作数组跨页联动原型步骤：

实现过程（一）：利用一个全局变量，对中继器赋值并设置文本

（1）设置全拦物局变量

m默认值可以为空，用于数据临时存放。

bmqhz用于存放整个中继器的数据。默认值可以为空，我这里设置了两个数组：

{1!海康NVR2!192.168.10.203!5544!类型一5!admin6!系统默认编码器01}1

{1!宇视NVR2!192.168.88.203!5544!类型二5!admin6!系统默认编码器02}2

如图，其对应的参数名称分别是“编码器名称、编码器ip、编码器端口、编码器类型、用户名、描述”（密码用圆号代替，所以不用存变量）。

（2）中继器数据赋值

1）中继器载入时：把变量bmqhz的数据复制到变量m，再从m截取第一个数组的参数，存到中继器相应位置。

2）每项加载时，设置文字为富文本，把标记符号设置为透明字体，字体根据实际情况设置小点就行了。

3）第一个数组设置成文本内容后，把它从变量m删除，再触发中继器载入时的交互，使用第二个数组进行赋值。

4）看看效果

实现过程（二）：新增数据的保存

（1）以“名称”为例，点击“确认”保存时，把文本值放到中继器，要在前面加1！

（2）把中继器的数据保存到变量中去

设置变量bmqhz为[[LVAR1.text.replace(‘n’,”).replace(‘1!’,'{1!’).replace(‘*’,”).replace(‘_’,”)]]，其中LVAR1是中继器元件。（可以先把中继器对象的文本设置到矩形作尺源为参考，再决定如何过滤，如下图）

（3）编辑和删除同理。如下图，编辑后，确认按钮的交互设置：把参数从文本框取出来，加上标记后更新到中继器。

实现过程（三）：页面联动

页面联动，在另一页面中展示设备名称，对其的删除操作，影响到上一页面。

（1）展示系统中的编码器设备：在新的页面中，参考“实现过程（一）”中继器的赋值方法即可，这里只显示名称。

（2）删除编码器设备：点击删除按钮时，在设备名称前面加上{，再保存到变量m中，如上图“海康NVR2”保存后，m={1!海康NVR2。在确认删除时，在变量bmqhz中删除“海康NVR2”对应的数组，触发中继器载入时交互即可。

这个函数，我们来拆解一下：

拿默认变量为例（实际上没换行符，下面换行是为了便于说明）：

bmqhz=

{1!海康NVR2!192.168.10.203!5544!类型一5!admin6!系统默认编码器01}1

{1!宇视NVR2!192.168.88.203!5544!类型二5!admin6!系统默认编码器02}2

假设我们删除的是第二个编码器数据，那么m存的数据就是{1!宇视NVR，我们拿到这个数据后，需要从变量中把第二个数组删除。

获取“{1!宇视NVR2”的位置x：bmqhz.indexOf(m,0)；

获取从“{1!宇视NVR2”开始的第一个“}”的位置，此位置再加2(为了覆盖后面的序列号),得到y：bmqhz.indexOf(‘}’,bmqhz.indexOf(m,0))+2；

截取“宇视NVR2”所在数组的字符：bmqhz.substring(x,y)；

把“宇视NVR2”所在数组的字符从变量中删除：bmqhz.replace(‘bmqhz.substring(x,y)’,”)；再把步骤1和2中的x、y代入进来。

最后，我们来操作一下

在“编码器管理”页面添加设备，或者修改、删除设备；

切换到“展示编码器”页面，我们可以看到设备名称列表，是和管理页面一致的；

在“展示编码器”页面删除设备，再切换到“编码器管理”页，设备一致；

来回切换数据不丢失。

好咯，关于“简困液Axure中继器怎么制作数组跨页联动原型？”的内容今天就分享到这里了，希望你能从中学到东西哦！Axure学习，的Axure相关文章、Axure自学视频课都是不错的选择！文字理解能力强的话，个人推荐Axure文章学习；但是想要专业学习Axure的话，还是推荐大家选择Axure自学视频课系统学！不仅可以更加清晰有条理，大家也都能够利用自己的碎片化时间学习！