【Axure原型分享】标签管理列表

今天和大家分享通过标签管理列表的原型模板,包括增删改查搜索筛选排序分页翻页等效果,这个模板是用中继器制作的,所以使用也很方便,初始数据我们只要在中继器表格里填写即可,具体效果可以观看下方视频或者打开预览地址体验

【原型效果】

【Axure高保真原型】标签管理列表

添加数据:****点击添加标签按钮,弹出添加弹窗,填写标签具体内容提交后,可以在表格中新增对应的数据

删除数据:****点击标签内容所在行的删除按钮,可以删除该标签内容应的数据

修改数据:****点击标签内容所在行的修改按钮,弹出修改弹窗,填写标签具体内容提交后,可以修改表格中对应的数据

**模糊搜索:**输入框里输入标签编号或标签名称,可以快速搜索出对应的标签内容

**分类筛选:**可以按钮标签类型和标签状态进行分类筛选

**排序:**点击标签编号旁的箭头,可以按照标签标号升降序排列

**分页:**点击底部分页上拉列表,可以选择每页显示多少页

**翻页:**点击底部页面可以切换到对应页面,点击左右箭头可以翻到上一页或者下一页,也可以输入页码后点击确认按钮翻到对应页面。里面的页面会根据中继器表格和分页数自动生成

**其他:**还包括根据表格内容动态统计数据条数和页数,模拟导入导出数据等效果,大家可以打开下方预览地址来体验

【原型预览预览含下载地址】

https://axhub.im/ax9/2bcd864c6573fb02/#g=1\&p=标签管理列表案例

相关推荐
梓贤Vigo9 分钟前
【Axure教程】表格嵌套卡片
交互·产品经理·axure·原型·教程
@PHARAOH6 小时前
HOW - 如何模拟实现 gpt 展示答案的交互效果
gpt·交互
程序员辣条12 小时前
为什么需要提示词工程?什么是提示词工程(prompt engineering)?为什么需要提示词工程?收藏我这一篇就够了!
人工智能·程序员·产品经理
小马哥编程13 小时前
【产品经理从0到1】Axure介绍
产品经理·axure
xixixin_14 小时前
【uniapp】vue2 搜索文字高亮显示
java·服务器·前端·uni-app·交互·文字高亮
Quz1 天前
使用Qt Quick Controls创建自定义日历组件
qt·ui·交互
电商数据girl1 天前
产品经理对于电商接口的梳理||电商接口文档梳理与接入
大数据·数据库·python·自动化·产品经理
Pasregret1 天前
中介者模式:解耦对象间复杂交互的设计模式
设计模式·交互·中介者模式
_iop992 天前
反向验证产品逻辑
产品经理
小马哥编程3 天前
【产品经理从0到1】用户研究和需求分析
产品经理·需求分析