中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

中繼器是 Axure 中相對(duì)較難上手的一個(gè)元件，但是一旦熟練掌握后，可以讓產(chǎn)品經(jīng)理在做一些重復(fù)性設(shè)計(jì)比較多的頁(yè)面時(shí)，獲得事半功倍的效果，本文主要通過(guò)講解中繼器的屬性和事件，帶你初窺中繼器的世界。

之所以說(shuō)中繼器是個(gè)“渣男”，是因?yàn)樗幸粯?，相處時(shí)容易感到心情愉悅，中繼器也是相同的道理，當(dāng)你掌握了中繼器的用法，在做一些重復(fù)性設(shè)計(jì)的頁(yè)面的時(shí)候，可以獲得事半功倍的效果，令你心情愉悅；但是你會(huì)發(fā)現(xiàn)中繼器與“渣男”一樣，難以掌握，它不僅“渣”，而且“雜”，復(fù)雜，要真正運(yùn)用好中繼器有一定的難度，本篇文章將告訴你中繼器的各種特性，教你將中繼器這個(gè)“渣男”拿捏。

我將分3個(gè)篇章來(lái)講完中繼器的功能，不一定能涵蓋所有的操作，但我相信實(shí)際項(xiàng)目設(shè)計(jì)中真正能用到的，應(yīng)該不會(huì)超出我分享的內(nèi)容，這3個(gè)篇章分別是：

1. 基礎(chǔ)篇：非?；A(chǔ)的入門，只講中繼器的增刪改查
2. 進(jìn)階篇：分享中繼器的進(jìn)階操作，分頁(yè)、標(biāo)記行等
3. 實(shí)戰(zhàn)篇：通過(guò)中繼器的各種功能來(lái)綜合設(shè)計(jì)一個(gè)簡(jiǎn)單的表單增刪改查的小項(xiàng)目

一、初識(shí)中繼器

中繼器是 Axure 中一個(gè)比較高階的應(yīng)用，它可以讓我們?cè)诩冹o態(tài)網(wǎng)頁(yè)中模擬出類似帶有后臺(tái)數(shù)據(jù)交互的增刪改查的效果，雖然它沒(méi)有真正意義上幫我們存儲(chǔ)任何的數(shù)據(jù)，但是當(dāng)我們?cè)谝淮雾?xiàng)目體驗(yàn)過(guò)程中，它卻可以給我們帶來(lái)更加真實(shí)的交互效果，我們可以把中繼器理解為是一個(gè)臨時(shí)的數(shù)據(jù)庫(kù)表，在我們退出當(dāng)前預(yù)覽之前，它都可以幫我們存儲(chǔ)所需的數(shù)據(jù)。

如果你有學(xué)過(guò)數(shù)據(jù)庫(kù)的話，對(duì)于中繼器的掌握是很容易的，但如果你完全沒(méi)有接觸過(guò)數(shù)據(jù)庫(kù)，也不清楚數(shù)據(jù)庫(kù)原理，那么本篇文章應(yīng)該會(huì)適合你。

接下里，我們先在 Axure 中拖入一個(gè)【中繼器】：

這是 Axure 默認(rèn)的中繼器效果，我們雙擊打開(kāi)看一下：

打開(kāi)之后，我們發(fā)現(xiàn)里面只有一個(gè)矩形，那么問(wèn)題就來(lái)了：

1. 里面只有一個(gè)矩形，但是為什么我們?cè)谕饷婵吹降氖?個(gè)？
2. 里面的矩形是沒(méi)有內(nèi)容的，但是為什么外面看到的矩形卻有數(shù)字？

我們?cè)俜祷刂欣^器的外層，發(fā)現(xiàn)這個(gè)中繼器有一個(gè)事件，就是【每項(xiàng)加載】的時(shí)候，給矩形【設(shè)置文本】，這下我們就知道了，原來(lái)矩形的文字是在這里設(shè)置的，但是這里的參數(shù)是什么意思？而且現(xiàn)在依然沒(méi)有解決為什么有3個(gè)矩形的問(wèn)題。

別急，我們點(diǎn)一下這個(gè)中繼器的【樣式】看一下：

我們發(fā)現(xiàn)，在【樣式】里面有一個(gè)【數(shù)據(jù)】表格，里面有一列【Column0】，數(shù)據(jù)正好是我們所看到的1、2、3，我們可以這樣猜想：

矩形的數(shù)量和文字是根據(jù)中繼器中的這個(gè)【數(shù)據(jù)】來(lái)動(dòng)態(tài)加載的，我們只需要添加一個(gè)矩形，中繼器會(huì)根據(jù)數(shù)據(jù)的條數(shù)來(lái)動(dòng)態(tài)增加矩形的數(shù)量，并且可以將每一行的數(shù)據(jù)設(shè)置為矩形的文字。

根據(jù)這個(gè)猜想，我們可以嘗試在這個(gè)數(shù)據(jù)中添加一行，命名為【4】，再來(lái)看看效果：

可以發(fā)現(xiàn)，這個(gè)跟我們預(yù)測(cè)的效果是一樣的，這樣我們大概就清楚了，中繼器是一個(gè)可以讓我們通過(guò)動(dòng)態(tài)數(shù)據(jù)來(lái)控制設(shè)計(jì)元素的一個(gè)東西，那既然是動(dòng)態(tài)數(shù)據(jù)，總不能是一開(kāi)始在 Axure 里面設(shè)定好的吧，我在網(wǎng)頁(yè)上應(yīng)該也要能夠編輯，才叫動(dòng)態(tài)，那我們就來(lái)嘗試一下，對(duì)這個(gè)中繼器做一個(gè)增、刪、改、查。

二、增

我們?cè)谥欣^器上方拖入一個(gè)按鈕，命名為“添加行”：

給按鈕添加點(diǎn)擊事件，發(fā)現(xiàn)在【中繼器動(dòng)作】里面有很多的操作可以選，后面我們會(huì)一一講到，我們選擇這里的【添加行】：

然后選擇我們要操作的中繼器：

選擇后點(diǎn)擊【添加行】：

彈出【添加行到中繼器】窗口：

我們發(fā)現(xiàn)，這里添加行除了可以指定一個(gè)數(shù)值，也可以是一個(gè)【函數(shù)表達(dá)式】，我們先指定一個(gè)固定值，比如【5】：

保存后我們來(lái)看看在瀏覽器中的效果：

可以看到，我們每點(diǎn)擊一下，就會(huì)動(dòng)態(tài)增加一個(gè)矩形，不過(guò)因?yàn)槲覀兪侵付ǖ墓潭ㄖ档脑?，所以增加的矩形的文字都是?】，這樣，我們就做完了中繼器的添加功能。

三、刪

剛剛是增加，接下來(lái)我們來(lái)做刪除，同樣拖入一個(gè)按鈕，命名為【刪除行】：

接下來(lái)我們給按鈕添加【中繼器動(dòng)作】中的【刪除行】：

可以發(fā)現(xiàn)，系統(tǒng)要求我們提供一個(gè)刪除條件，要么按【規(guī)則】刪除行，要么刪除【已標(biāo)記】的行，【標(biāo)記】的功能會(huì)在“進(jìn)階篇”中介紹，這里我們按規(guī)則來(lái)，這里講講為什么要有這個(gè)規(guī)則。

如果沒(méi)有規(guī)則的話，在刪除時(shí)就會(huì)把所有數(shù)據(jù)清空，經(jīng)驗(yàn)告訴我們，真實(shí)業(yè)務(wù)中會(huì)把所有數(shù)據(jù)清空這種行為，除了誤操作，基本不太可能出現(xiàn)，所以一般都會(huì)要求給定一些條件作為刪除的規(guī)則。

這里系統(tǒng)也給我們提供了一個(gè)參考，就是指定中繼器的某個(gè)字段名=指定的內(nèi)容時(shí)，刪除對(duì)應(yīng)行，我們可以照貓畫(huà)虎改一下，因?yàn)槲覀冎挥幸恍?，所以很好?xiě)，就當(dāng)某一行的數(shù)據(jù)等于【1】時(shí)，我們刪除掉，我們可以這樣寫(xiě)：

接下來(lái)看看效果：

跟預(yù)期效果是一樣的，刪除的功能我們也做完了。

四、改

接下來(lái)我們來(lái)嘗試修改某一行的數(shù)據(jù)，比如將其中的【3】改成【9】，同樣拖入一個(gè)按鈕，命名為【更新行】：

然后給按鈕添加【中繼器動(dòng)作】中的【更新行】，同樣為了避免將所有的數(shù)據(jù)改掉，系統(tǒng)會(huì)要求我們?cè)O(shè)定一個(gè)規(guī)則，而規(guī)則的下方則要求我們提供需要修改的列以及修改后的值，我們就按下方這樣配置，因?yàn)橹挥幸涣?，我們這里的意思相當(dāng)于就是找到數(shù)據(jù)為【3】的那一列，并改成【9】：

保存后看看效果：

這樣修改的功能我們也做完了。

五、查

最后來(lái)做查的功能，同樣拖入一個(gè)按鈕，命名為【添加篩選】：

我們給它添加【中繼器事件】中的【添加篩選】動(dòng)作：

可以看到，系統(tǒng)要求我們給定一個(gè)篩選的條件，那我們來(lái)試一下把數(shù)據(jù)為【4】的行篩選出來(lái)，像下圖這樣寫(xiě)，我們還可以給查詢條件命名，這樣在【移除篩選】的時(shí)候，可以移除指定名稱的篩選條件：

這里的【移除其他篩選】的意思是，如果此時(shí)有其他的篩選條件，則清空掉，按當(dāng)前的篩選條件來(lái)篩選，如果不勾選，則是在已有篩選條件的基礎(chǔ)上進(jìn)行篩選，我們保存一下來(lái)看效果：

我們發(fā)現(xiàn)，點(diǎn)擊之后，只剩數(shù)據(jù)為【4】的這條數(shù)據(jù)，其他數(shù)據(jù)呢，都被刪除了嗎？其實(shí)沒(méi)有，只是被隱藏起來(lái)而已，我們可以添加一個(gè)新的按鈕來(lái)【移除篩選】：

移除篩選的時(shí)候，可以移除全部篩選條件，也可以按名稱移除指定名稱的篩選條件：

保存后我們來(lái)看看效果，當(dāng)我們點(diǎn)擊【添加篩選】時(shí)，數(shù)據(jù)只剩下【4】，但點(diǎn)擊【移除篩選】，所有數(shù)據(jù)又出來(lái)了：

這樣中繼器增刪改查的功能就做完了，但是你可能會(huì)說(shuō)，實(shí)際業(yè)務(wù)中不可能是這樣操作的，比如我要更新或刪除某條數(shù)據(jù)，肯定是直接找到某一行進(jìn)行修改和刪除，不可能事先設(shè)定好條件，這個(gè)就涉及到怎么在中繼器中標(biāo)記行的問(wèn)題了。

接下來(lái)我將在“進(jìn)階篇”的教程中分享如何在中繼器中刪除或修改指定行的數(shù)據(jù)，敬請(qǐng)關(guān)注，如果文章對(duì)你有用，不妨點(diǎn)擊“收藏”或“喜歡”，感謝閱讀！