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

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

【原型效果】

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

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

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

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

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

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

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

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

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

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

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

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

相关推荐
哥本哈士奇5 小时前
Web前端交互利用Python跟大模型操作
前端·python·交互
天若有情6735 小时前
从一个“诡异“的C++程序理解状态机、防抖与系统交互
开发语言·c++·交互·面向对象·状态机
henreash5 小时前
xLua和C#交互
开发语言·c#·交互
太阳上的雨天20 小时前
与 TRON (波场) 区块链进行交互的命令行工具 (CLI): tstroncli
typescript·区块链·交互·tron·trx·trc20
白云~️1 天前
js实现宫格布局图片放大交互动画
开发语言·javascript·交互
大曰编程2 天前
行为型模式-协作与交互机制
wpf·交互
贝格前端工场3 天前
旧系统UI焕新陷阱:保留业务习惯与引入新交互的平衡点把控
ui·交互
重生之我是Java开发战士3 天前
WEB :实战演练——从零实现一个交互轮播图(附源码)
前端·交互
LouisCanBe3 天前
Qwen3-Coder 快速上手教程 | Qwen Code + Claude Code
开源·产品经理·敏捷开发
好好研究4 天前
js的基本内容:引用、变量、打印、交互、定时器、demo操作
前端·javascript·交互