Axure产品设计---中继器

本文分享了Axure中继器的使用技巧,包括数据映射、新增与删除记录等功能,提升产品设计效率。

我使用Axure进行产品设计也是刚刚开始,在此记录下我学习过程中感觉值得记录的,以免以后忘掉。
很多人都很少使用中继器,但是我使用下来就爱上了,真的很好用很强大,再也不用表格,复制+标注之类的了。

  1. 把中继器拖入设计窗口
  2. 双击进入编辑窗口,我这边是做的表格
    在这里插入图片描述
    出来效果
    在这里插入图片描述
    数据怎么出来的呢?接着往下看
  3. 右边properties中有个中继器,里边可以添加我们的数据,类似于数据表格,里边可以添加列行等在这里插入图片描述
    把数据映射到页面
    在这里插入图片描述
    这样数据就能映射到页面了,中继器表格中多少数据,页面就会自动加载多少条数据
    咦,看着跟表格没什么优势啊那如果是这样的呢?
    在这里插入图片描述
    不用再去复制粘贴,还要考虑对其等等啦,修改直接在中继器表格修改就好了。注:添加图片是右击单元格就有导入图片。

另外,我们可以实现更多交互操作哦,比如新增,删除等等
中继器新增记录
以我这边的设计为例
在这里插入图片描述
填写数据后点击确认,就可以在中继器中增加一行。
在这里插入图片描述
点击添加行,可跳出配置页面
在这里插入图片描述
可以设置填写的对应字段到中继器的对应表字段中,从而实现新增记录,这里我没有设置字段名哈,看着比较乱,建议设置一致的字段名比较好区分。对应的设置好每个字段就好了。
效果:
在这里插入图片描述
在这里插入图片描述
为啥有个不对的呢,那就是没有设置正确了,没有读取到值会直接按字符串处理了
删除记录
效果:
在这里插入图片描述
在这里插入图片描述
已删除了,实现方法:
在这里插入图片描述
先标记该删除行,然后
在这里插入图片描述
就可以了,我这里的弹窗是用隐藏显示动态面板来实现的。

06-22
### 得物技术栈及开发者文档分析 得物作为一家专注于潮流商品的电商平台,其技术栈和开发者文档主要围绕电商平台的核心需求展开。以下是对得物技术栈及相关开发资源的详细解析: #### 1. 技术栈概述 得物的技术栈通常会涵盖前端、后端、移动应用开发以及大数据处理等多个领域。以下是可能涉及的主要技术栈[^3]: - **前端开发**: 前端技术栈可能包括现代框架如 React 或 Vue.js,用于构建高效、响应式的用户界面。此外,还会使用 Webpack 等工具进行模块化打包和优化。 - **后端开发**: 后端技术栈可能采用 Java Spring Boot 或 Node.js,以支持高并发和分布式架构。数据库方面,MySQL 和 Redis 是常见的选择,分别用于关系型数据存储和缓存管理。 - **移动应用开发**: 得物的移动应用开发可能基于原生技术(如 Swift/Kotlin)或跨平台框架(如 Flutter)。这有助于确保移动端应用的性能和用户体验一致性。 - **大数据云计算**: 在大数据处理方面,得物可能会使用 Hadoop 或 Spark 进行数据挖掘和分析。同时,依托云服务提供商(如阿里云或腾讯云),实现弹性扩展和资源优化。 #### 2. 开发者文档分析 类似于引用中提到的 Adobe 开发者文档模板[^2],得物也可能提供一套完整的开发者文档体系,以支持内部团队协作和外部开发者接入。以下是开发者文档可能包含的内容: - **API 文档**: 提供 RESTful API 或 GraphQL 的详细说明,帮助开发者快速集成得物的功能模块,例如商品搜索、订单管理等。 - **SDK 集成指南**: 针对不同平台(如 iOS、Android 或 Web)提供 SDK 下载和集成教程,简化第三方应用的开发流程。 - **技术博客**: 分享得物在技术实践中的经验成果,例如如何优化图片加载速度、提升应用性能等。 - **开源项目**: 得物可能将部分技术成果开源,供社区开发者学习和贡献。这不仅有助于提升品牌形象,还能吸引更多优秀人才加入。 #### 3. 示例代码 以下是一个简单的示例代码,展示如何通过 RESTful API 调用得物的商品搜索功能(假设接口已存在): ```python import requests def search_items(keyword, page=1): url = "https://api.dewu.com/v1/items/search" headers = { "Authorization": "Bearer YOUR_ACCESS_TOKEN", "Content-Type": "application/json" } params = { "keyword": keyword, "page": page, "size": 10 } response = requests.get(url, headers=headers, params=params) if response.status_code == 200: return response.json() else: return {"error": "Failed to fetch data"} # 调用示例 result = search_items("Air Jordan", page=1) print(result) ``` 此代码片段展示了如何通过 Python 请求得物的 API,并获取指定关键词的商品列表。 --- ###
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值