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

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

【原型效果】

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

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

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

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

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

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

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

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

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

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

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

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

相关推荐
老坛程序员27 分钟前
抓包解析MCP协议:基于JSON-RPC的MCP host与MCP server的交互
人工智能·网络协议·rpc·json·交互
Faylynn5 小时前
Axure:元件库无法移除元件库(解决按钮是灰色不可点击)
axure
猫林老师7 小时前
HarmonyOS 5 手势系统与高级交互动效开发实战
华为·交互·harmonyos
梓贤Vigo9 小时前
【Axure高保真原型】休假审批列表
交互·产品经理·axure·原型
招风的黑耳9 小时前
商城类电商购物APP网购原型——实战项目原型
app·axure·电商·移动端
豆豆豆大王9 小时前
HTML 与 JavaScript 结合 “点击按钮弹出提示” 的交互功能
javascript·html·交互
Axure组件9 小时前
Axure: 多级多选可交互树状列表
交互·axure·ux
不搞学术柒柒1 天前
设计模式-行为型设计模式(针对对象之间的交互)
python·设计模式·交互
梦终剧1 天前
【Android之路】界面和状态交互
android·交互
工藤学编程1 天前
零基础学AI大模型之LangChain六大核心模块与大模型IO交互链路
人工智能·langchain·交互