Axure中繼器入門:打造你的動態原型

前言

中繼器Axure 中的一個高級功能,它能夠在靜態頁面上模擬后臺數據交互的操作,如增加、刪除、修改和查詢數據,盡管它不具備真實數據存儲能力。

中繼器就像是一個臨時的數據庫,為我們在設計原型時提供動態數據管理的體驗,使得交互感受更加貼近實際應用。

基本操作

首先,用矩形做一個表頭,用中繼器也做出與表頭對應的矩形

再去中繼器中【樣式】里添加數據,這里的數據可以復制 Excel 表格的數據直接粘貼進中繼器

要把寫入的數據中繼器中呈現,還需要一個操作,【每項加載時】 【設置文本】,為了方便這一操作可以為中繼器中的每個矩形命名

對應設置文本,就可以呈現數據了

經過了這一步的操作,我們已經知道了中繼器是如何呈現數據的,接下來進一步解鎖更多操作

先拖一個按鈕過來作為我們的新增按鈕

給按鈕添加點擊事件,發現在【中繼器動作】里面有很多的操作可以選,我們選擇這里的【添加行】

目標選擇當前的中繼器,再點擊里面的【添加行】,彈出的添加行信息我們可以發現不僅僅是填文字還可以以函數的方式添加。(函數方式之后會講到)

拖過來一個新的按鈕當作刪除按鈕,給按鈕添加點擊事件選擇【刪除行】,可以發現需要我們選擇【規則】或者【已標記】作為一個刪除的條件。

【已標記】的功能將會在下一篇張給大家講解,這里我們選【規則】來實現這一功能

接下來我們來嘗試修改某一行的數據,拖動一個新按鈕然后給按鈕添加【中繼器動作】中的【更新行】,這里的意思是根據規則更新數據。

到這里我們的修改功能也完成了

最后來做篩選的功能,同樣拖入一個按鈕,給它添加【中繼器事件】中的【添加篩選】動作,這里我們篩選 性別為女的

這里的【移除其他篩選】的意思是,如果此時有其他的篩選條件,則清空掉,按當前的篩選條件來篩選,如果不勾選,則是在已有篩選條件的基礎上進行篩選

【中繼器動作】 中還有 【移除篩選】,可以移除全部篩選條件,也可以按名稱移除指定名稱的篩選條件

到這里的話,中繼器的基礎操作已經全部結束。

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/web/46270.shtml
繁體地址,請注明出處:http://hk.pswp.cn/web/46270.shtml
英文地址,請注明出處:http://en.pswp.cn/web/46270.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

中職省培丨2024年大數據技術中職教師專業技能培訓班企業參觀實踐圓滿結束

7月17日,“2024年大數據技術中職教師專業技能培訓班(省培)”參訓老師蒞臨廣東泰迪智能科技股份有限公司產教融合實訓中心開展企業參觀實踐。泰迪智能科技董事長張良均、中職業務部總監李振林、中職業務部經理黃炳德、校企合作經理吳桂鋒及來自…

centos跳過首次創建用戶

centos跳過首次創建用戶 centos跳過首次創建用戶 在安裝系統后,登錄的時候總是讓新建一個普通用戶,很是煩人,于是想辦法解決一下 方法一 在CentOS上,圖形化登錄(如GNOME)通常要求您創建一個用戶來登錄。…

.net core appsettings.json 配置 http 無法訪問

1、在appsettings.json中配置"urls": "http://0.0.0.0:8188" 2、但是網頁無法打開 3、解決辦法,在Program.cs增加下列語句 app.UseAntiforgery();

vue 如何做一個動態的 BreadCrumb 組件,el-breadcrumb ElementUI

vue 如何做一個動態的 BreadCrumb 組件 el-breadcrumb ElementUI 一、ElementUI 中的 BreadCrumb 定義 elementUI 中的 Breadcrumb 組件是這樣定義的 <template><el-breadcrumb separator"/"><el-breadcrumb-item :to"{ path: / }">主…

爬蟲的概念

爬蟲&#xff08;Web Crawler 或 Web Spider&#xff09;是一種自動化腳本或程序&#xff0c;用于瀏覽萬維網&#xff08;World Wide Web&#xff09;并抓取網頁上的信息。它們按照設定的規則自動地訪問互聯網上的網頁&#xff0c;提取所需的數據&#xff0c;如文本、圖片、視頻…

搭建七日殺服務端系統選擇,系統如何選擇

《七日殺》是一款集合了第一人稱射擊、恐怖生存、塔防與角色扮演要素于一身的開放世界僵尸游戲。玩家需要在美國亞歷桑納地區作為幸存者生存&#xff0c;并探究整個事件背后的真相。對于喜歡這款游戲的玩家來說&#xff0c;搭建自己的專屬服務器不僅能降低延遲&#xff0c;還能…

精通Python數據可視化:Matplotlib柱狀圖、直方圖與餅狀圖實戰解析

精通Python數據可視化&#xff1a;Matplotlib柱狀圖、直方圖與餅狀圖實戰解析 引言 在數據分析和科學研究中&#xff0c;數據可視化扮演著至關重要的角色。Matplotlib是Python中一個廣泛使用的繪圖庫&#xff0c;它提供了豐富的繪圖功能和靈活的定制選項。本文將詳細介紹如何…

ubuntu 可以直接在圖像界面打開命令行嗎

是的&#xff0c;Ubuntu&#xff08;以及其他許多Linux發行版&#xff09;允許用戶直接在圖形界面&#xff08;GUI&#xff09;中打開命令行界面。這通常通過打開一個終端模擬器應用程序來實現&#xff0c;該應用程序提供了一個命令行窗口&#xff0c;用戶可以在其中輸入和執行…

修改文件的默認打開方式

修改文件的默認打開方式 選中文件&#xff0c;右擊&#xff0c;選擇屬性&#xff0c;如圖然后點擊更改&#xff0c;選擇想要的打開方式&#xff0c;再依次點擊 應用、保存 即可&#xff0c;如圖

Linux 環境下整體備份遷移 Docker 鏡像及數據教程

1. 介紹 本教程將引導您如何在 Linux 環境下備份和遷移 Docker 鏡像及其數據。我們將逐步介紹相關步驟&#xff0c;包括 Docker 鏡像的導出和導入、數據卷的備份和恢復等。通過本教程&#xff0c;您將能夠輕松掌握 Docker 容器的遷移操作。 2. 前置準備 在開始之前&#xff…

Redis中數據分片與分片策略

概述 數據分片是一種將數據分割并存儲在多個節點上的技術&#xff0c;可以有效提高系統的擴展性和性能。在Redis中&#xff0c;數據分片主要用于解決單個實例存儲容量和性能瓶頸的問題。通過將數據分散存儲到多個Redis節點中&#xff0c;可以將負載均衡到不同的服務器上&#…

Visual Studio使用——在vs中給vb.net項目添加新的窗口:新建的方式、添加已有窗口的方式

目錄 引出Visual Studio使用vb添加新的窗體自定義代碼片段vs顯示所有文件 總結Idea安裝和使用0.Java下載 和 IDEA工具1.首次新建項目2.隱藏文件不必要顯示文件3.目錄層級設置4.Settings設置選擇idea的場景提示代碼不區分大小寫 取消git的代碼作者顯示 引出 Visual Studio使用—…

基于Vue CLI 3構建Vue3項目(Vue2也可參考)

天行健&#xff0c;君子以自強不息&#xff1b;地勢坤&#xff0c;君子以厚德載物。 每個人都有惰性&#xff0c;但不斷學習是好好生活的根本&#xff0c;共勉&#xff01; 文章均為學習整理筆記&#xff0c;分享記錄為主&#xff0c;如有錯誤請指正&#xff0c;共同學習進步。…

Android Framework學習筆記(4)----Zygote進程

Zygote的啟動流程 Init進程啟動后&#xff0c;會加載并執行init.rc文件。該.rc文件中&#xff0c;就包含啟動Zygote進程的Action。詳見“RC文件解析”章節。 根據Zygote對應的RC文件&#xff0c;可知Zygote進程是由/system/bin/app_process程序來創建的。 app_process大致處…

PHP手邊酒店多商戶版平臺小程序系統源碼

&#x1f3e8;【旅行新寵】手邊酒店多商戶版小程序&#xff0c;一鍵解鎖住宿新體驗&#xff01;&#x1f6cc; &#x1f308;【開篇&#xff1a;旅行新伴侶&#xff0c;盡在掌握】&#x1f308; 還在為旅行中的住宿選擇而糾結嗎&#xff1f;是時候告別繁瑣的搜索和比價過程&a…

MT6985(天璣9200)芯片性能參數_MTK聯發科旗艦5G移動平臺處理器

MT6985天璣 9200 旗艦移動平臺擁有專業級影像、沉浸式游戲和先進移動顯示技術&#xff0c;以及更快捷、覆蓋更廣的 5G 和 支持 Wi-Fi 7 連接&#xff0c;具有高性能、高能效、低功耗表現。率先采用 Armv9 性能核&#xff0c;全部支持純 64 位應用&#xff0c;開啟高能效架構設計…

【數據庫學習】java數據庫開發:sql解析之jsqlparser

1&#xff0c;概念 1&#xff09; SQL 解析器 用于處理 SQL 查詢語句的解析和分析。 場景&#xff1a; 數據庫客戶端開發&#xff0c;解析用戶輸入的sql語法并執行。自定義sql解析和執行邏輯。 標準的數據庫接口&#xff08;如 JDBC&#xff09;無法完全滿足需求時&#xff…

音頻數據集

1 多語言 Mozilla Common Voice 下載地址&#xff1a;https://voice.mozilla.org/data 時長&#xff1a;1965小時&#xff08;目前為止&#xff09; 最早2017年發布&#xff0c;持續更新&#xff0c;該基金會表示&#xff0c;通過 Common Voice 網站和移動應用&#xff0c;他們…

搞定前端面試題——ES6同步與異步機制、async/await的使用以及Promise的使用!!!

文章目錄 同步和異步async/awaitPromisePromise的概念 同步和異步 ? 同步&#xff1a;代碼按照編寫順序逐行執行&#xff0c;后續的代碼必須等待當前正在執行的代碼完成之后才能執行&#xff0c;當遇到耗時的操作&#xff08;如網絡請求等&#xff09;時&#xff0c;主線程會…

Java二十三種設計模式-抽象工廠模式(3/23)

抽象工廠模式&#xff1a;復雜系統的靈活構建者 引言 在軟件開發中&#xff0c;抽象工廠模式是一種提供接口以創建相關或依賴對象族的創建型設計模式。這種模式允許客戶端使用一個共同的接口來創建不同的產品族&#xff0c;而無需指定具體類。 基礎知識&#xff0c;java設計模…