axure9.0:0基礎學習中繼器的增刪改查操作

6 評論 6154 瀏覽 13 收藏 5 分鐘

編輯導讀:在日常工作中,經常會用到中繼器進行增刪改查操作,那我們可以如何使用Axure來進行相關操作呢?本篇文章里,作者利用中繼器為我們展示了增刪改查操作,讓我們一起來看一下。

中繼器增刪改查對于熟悉的大神來講操作不難,網上教程也很多。但是對于初學者來講,網上教程普遍很難接受。今天老楊出一版0基礎學習的教程,希望大家采納。

一、為什么要使用中繼器?

在做后臺的時候往往會用到表格,而對于表格的增刪改查這一聯動的動態實現則需要用到中繼器來實現,話不多少,直接上干貨。

二、實現方式

元件準備:中繼器、動態面板、矩形、文本標簽、文本框、按鈕;

以上元件是整個過程中需要的,不需要一開始就全部拉出來,首先做一個搜索框和列表(直接從元件區拖出來)。見下圖。

中繼器拖進來就是一列三行,可單擊中繼器在右邊的樣式中進行行列的增加刪除以及內容的填寫(內容填寫需要通過交互傳輸進入中繼器,下面會介紹)。

雙擊中繼器,增加列,雙擊進入之后直接刪掉原來的矩形,想要多少列就拖幾個矩形依次并排展示。這里以5列操作展示,具體根據大家的需求自己拖。拖入之后不要退出,繼續給這5個矩形添加名稱,便于下面做交互能夠精確查詢。

備注完名稱之后雙擊空白處退出,進入下圖1,然后給中繼器做表頭(只要能達到效果均可,建議使用矩形)如下圖2所示,根據箭頭給中繼器做內容填充。老楊只填充中間三列內容,序號列需要用到index函數,操作列內容固定,所以只填充中間三列,見圖3.

如上圖所示,內容填充之后需要通過函數輸送至中繼器。點擊交互,進入交互操作欄。交互→新建交互→每項加載時→設置文本。目標選擇中繼器中需要數據展示的元件,“值”依次使用函數。老楊之前選的是中間三列,也就是姓名、電話、地址列。

設置成功之后中繼器中的內容即已成功填充,接下來做搜索操作。老楊做的是姓名搜索,所以函數前半部分是item.num。點擊文本框→新建交互→文本改變時→添加篩選→中繼器。接下來根據圖片內容來操作。

到這里,篩選操作已完成,先出這期教學,如果大家覺得有幫助,或者有建議的地方提出來,老楊再繼續更新接下里的教學。

 

作者:小楊pm,微信公眾號:老楊說產品

本文由@小楊pm 原創發布于人人都是產品經理,未經許可,禁止轉載。

題圖來自Unsplash, 基于CC0協議。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 最后一步插入變量和函數那個框里的內容是什么意思?

    來自浙江 回復
  2. 學習學習了,非常感謝樓主

    來自吉林 回復
  3. 可能對一個萌新來說,不太友好

    來自廣東 回復
  4. 學到了

    來自吉林 回復
  5. 寫的好啊小楊

    回復
    1. 歡迎指導

      來自上海 回復