中繼器（repeater）作為網(wǎng)上傳言中的Axure最難的控件，已經(jīng)成為了產(chǎn)品經(jīng)理炫技最常用的手段。自Axure7.0發(fā)版新增中繼器控件后，產(chǎn)品經(jīng)理開(kāi)始了前赴后繼對(duì)中繼器的研究。各種教程分享層出不窮，本次，作者要從中繼器的基本功能：增、刪、改、查、排序來(lái)給大家進(jìn)行一個(gè)舉例演示。

一、中繼器的概念

中繼器在網(wǎng)上很多的解釋就是重復(fù)添加，取自repeater的中文釋義。在作者看來(lái)，中繼器可以是產(chǎn)品經(jīng)理的一個(gè)不完全小型數(shù)據(jù)庫(kù)。因?yàn)橹欣^器具有行和列的結(jié)構(gòu)，可以存儲(chǔ)數(shù)據(jù)矩陣，且可以在頁(yè)面上進(jìn)行增、刪、改、查、排序的功能，不需要寫sql語(yǔ)句就有操作數(shù)據(jù)庫(kù)的快感。說(shuō)它是不完全數(shù)據(jù)庫(kù)是因?yàn)樘砑拥臄?shù)據(jù)并不是真的存儲(chǔ)在服務(wù)器，關(guān)掉Axure的預(yù)覽頁(yè)面，之前添加的所有數(shù)據(jù)就會(huì)隨風(fēng)而散了。

二、中繼器的應(yīng)用

中繼器的應(yīng)用大多都是需要?jiǎng)討B(tài)展示一些頁(yè)面的效果時(shí)使用，當(dāng)然還有兩個(gè)重要功能：面試和炫技。很多人說(shuō)在日常的需求文檔、原型說(shuō)明中用不到中繼器這么復(fù)雜的交互，但是在給老板進(jìn)行效果展示爭(zhēng)取資源、或者給外部展示商業(yè)效果時(shí)，如果現(xiàn)學(xué)現(xiàn)賣可能會(huì)措手不及。學(xué)一些復(fù)雜的交互可謂是技多不壓身，況且學(xué)會(huì)中繼器對(duì)于非計(jì)算機(jī)專業(yè)出身的產(chǎn)品經(jīng)理來(lái)說(shuō)可以把握到入門級(jí)的數(shù)據(jù)庫(kù)的概念、函數(shù)的概念、變量的概念等等。

三、利用中繼器插入數(shù)據(jù)

此篇分享中繼器的增加數(shù)據(jù)功能，下篇分享刪、改、查、排序功能。

過(guò)程詳解（說(shuō)好了只有四步）：

舉例：花名冊(cè)的增刪改查

• 拖一個(gè)中繼器的控件到index面板中并且雙擊控件，修改控件樣式（目的：從0開(kāi)始，并且將最終呈現(xiàn)頁(yè)面修改成自己喜歡的樣式），設(shè)置矩形名稱分別為姓名、性別、年齡

• 設(shè)置中繼器的列命名，并且將矩形框中的內(nèi)容與中繼器列名關(guān)聯(lián)

• 設(shè)置輸入框并與中繼器矩形顯示框進(jìn)行變量關(guān)聯(lián)

如下圖，設(shè)置添加人員按鈕、姓名/性別/年齡的輸入框，并且分別命名幾個(gè)輸入框。

如下圖，給“添加人員”按鈕增加交互，設(shè)置“鼠標(biāo)單擊時(shí)”，點(diǎn)擊中繼器-數(shù)據(jù)集-添加行。

進(jìn)行添加行的設(shè)置（其中特別說(shuō)明：要添加輸入框中內(nèi)容與中繼器列內(nèi)容的關(guān)聯(lián)，將輸入框中的內(nèi)容通過(guò)變量傳遞過(guò)來(lái)），這也是最關(guān)鍵的一步。Name, sex, age三行傳的變量名看似是一樣的，都是LVAR1，實(shí)際的值全是不一樣的。這是因?yàn)長(zhǎng)VRA1是添加的局部變量，只在某一范圍內(nèi)有效，不同的數(shù)據(jù)框傳遞的數(shù)據(jù)，用看似名稱一致的局部變量傳值，也是可以傳輸不同數(shù)據(jù)的。我們也可以分別將其定義為其他的局部變量名稱。與之對(duì)應(yīng)的是全局變量，有興趣的讀者可以多了解一下。

• 根據(jù)自己的喜好，設(shè)置中繼器的交互及行列間距

開(kāi)始建立屬于自己的花名冊(cè)吧！

下面簡(jiǎn)要介紹如何進(jìn)行中繼器的、篩選（清除篩選）排序、刪除、更改的操作。

• 篩選

篩選的基本邏輯就是，判斷篩選姓名框中的值和中繼器中的name列中數(shù)據(jù)是否相等，如果是就篩選出來(lái)。需要注意的是：判斷相等的符號(hào)是“==”而不是“=”，“=”是賦值操作，而“==”才是在判斷相等。

• 清除篩選

在清除篩選時(shí)，可以按照篩選的名稱去掉篩選（多種篩選疊加的情況下），也可以選擇移除全部篩選。

• 排序

可以根據(jù)自己的需要進(jìn)行名稱、屬性（需要排序的字段）、排序類型、順序進(jìn)行自定義。

• 刪除

• 更改

中繼器更新的語(yǔ)法是將某一列內(nèi)容更新為X當(dāng)X1=X2時(shí)，X的取值應(yīng)該是更新框中的內(nèi)容，X1和X2應(yīng)該是需要更改的原內(nèi)容和中繼器列內(nèi)容，當(dāng)一致時(shí)，則修改。所以如果有多列符合條件，則多列內(nèi)容會(huì)一起更新。

原型鏈接：https://pan.baidu.com/s/1boYbJxt

本文由 @芝士肉松包 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。