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

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

【原型效果】

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

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

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

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

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

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

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

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

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

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

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

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

相关推荐
大美B端工场-B端系统美颜师3 小时前
多模态数据融合预警:从IoT传感器到卫星监测的可视化方案升级
物联网·交互·数据预警
小彭努力中4 小时前
141.在 Vue 3 中使用 OpenLayers Link 交互:把地图中心点 / 缩放级别 / 旋转角度实时写进 URL,并同步解析显示
前端·javascript·vue.js·交互
梓贤Vigo6 小时前
【Axure高保真原型】动态打字输入效果
交互·产品经理·axure·原型
梓贤Vigo9 小时前
【Axure视频教程】大小图轮播
交互·产品经理·axure·原型·中继器
hi星尘10 小时前
深度解析:Java内部类与外部类的交互机制
java·开发语言·交互
哈市雪花11 小时前
相机:Camera原理讲解(使用OpenGL+QT开发三维CAD)
qt·3d·交互·相机·图形学·opengl·视角
just小千14 小时前
重学React(二):添加交互
javascript·react.js·交互
TiAmo zhang15 小时前
人机融合智能 | 人智交互中的人类状态识别
人机交互·交互
程序员的小马甲1 天前
如何编写AI提示词
人工智能·程序员·产品经理
温轻舟1 天前
3D词云图
前端·javascript·3d·交互·词云图·温轻舟