axure9.0:0基礎(chǔ)學(xué)習(xí)中繼器的增刪改查操作

小楊pm
6 評論 6326 瀏覽 13 收藏 5 分鐘
🔗 B端产品需要更多地依赖销售团队和渠道合作来推广产品,而C端产品需要更多地利用网络营销和口碑传播来推广产品..

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

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

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

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

二、實現(xiàn)方式

元件準(zhǔn)備:中繼器、動態(tài)面板、矩形、文本標(biāo)簽、文本框、按鈕;

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

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

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

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

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

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

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

 

作者:小楊pm,微信公眾號:老楊說產(chǎn)品

本文由@小楊pm 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自Unsplash, 基于CC0協(xié)議。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 最后一步插入變量和函數(shù)那個框里的內(nèi)容是什么意思?

    來自浙江 回復(fù)
  2. 學(xué)習(xí)學(xué)習(xí)了,非常感謝樓主

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

    來自廣東 回復(fù)
  4. 學(xué)到了

    來自吉林 回復(fù)
  5. 寫的好啊小楊

    回復(fù)
    1. 歡迎指導(dǎo)

      來自上海 回復(fù)
专题
143426人已学习32篇文章
做一个好运营,技术和意识都得过硬。
专题
12994人已学习13篇文章
对数据进行监控,分析异常数据,是数据分析常见的工作内容。本专题的文章分享了如何做好数据异常分析。
专题
19118人已学习13篇文章
客户服务在整个客户生命周期主线中是一项持续的互动行为。本专题的文章提供了做好客户服务设计和体验的思路。
专题
16559人已学习16篇文章
私域模式已完成从探索到落地的转换,许多企业也纷纷落局。而基于私域衍生出的SCRM工具,也成为私域运营必不可少的利器之一。本专题的文章分享了SCRM工具的搭建以及相关业务运用场景。
专题
14010人已学习12篇文章
本专题的文章主要以跨境电商为例,对其OMS系统进行分析。
专题
17968人已学习17篇文章
数据可视化的方式,能够更加清晰明确的进行数据分析。本专题的文章分享了数据可视化的设计思路。