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

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

【原型效果】

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

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

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

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

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

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

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

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

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

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

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

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

相关推荐
8***v2572 天前
开源模型应用落地-FastAPI-助力模型交互-进阶篇-中间件(四)
开源·交互·fastapi
AI绘画哇哒哒3 天前
【收藏必看】大模型智能体六大设计模式详解:从ReAct到Agentic RAG,构建可靠AI系统
人工智能·学习·ai·语言模型·程序员·产品经理·转行
wenzhangli73 天前
30 分钟落地全栈交互:OneCode CLI+SVG 排课表实战
交互
9084869053 天前
文旅业务相关前沿技术应用
学习·产品经理
啃火龙果的兔子3 天前
客户端频繁调用webview方法导致前端react副作用执行异常
计算机外设·交互
p***32353 天前
如何使用C#与SQL Server数据库进行交互
数据库·c#·交互
William_cl4 天前
【ASP.NET Core】Controller 层 Action 返回值精讲:JsonResult(AJAX 交互核心)
ajax·asp.net·交互
啃火龙果的兔子4 天前
webview焦点与软键盘键盘交互详解
计算机外设·交互
吴法刚4 天前
Gemini cli 源码分析之-Gemini CLI 项目启动交互模式startInteractiveUI函数
ai·交互·ai编程·gemini·ai编码
yesyesyoucan7 天前
文本与表格格式转换助手:轻松实现TXT/CSV互转及Excel转CSV的实用工具
科技·程序人生·excel·交互·媒体