今天和大家分享通过标签管理列表的原型模板,包括增删改查搜索筛选排序分页翻页等效果,这个模板是用中继器制作的,所以使用也很方便,初始数据我们只要在中继器表格里填写即可,具体效果可以观看下方视频或者打开预览地址体验
【原型效果】
【Axure高保真原型】标签管理列表
添加数据:点击添加标签按钮,弹出添加弹窗,填写标签具体内容提交后,可以在表格中新增对应的数据
删除数据:点击标签内容所在行的删除按钮,可以删除该标签内容应的数据
修改数据:点击标签内容所在行的修改按钮,弹出修改弹窗,填写标签具体内容提交后,可以修改表格中对应的数据
模糊搜索:输入框里输入标签编号或标签名称,可以快速搜索出对应的标签内容
分类筛选:可以按钮标签类型和标签状态进行分类筛选
排序:点击标签编号旁的箭头,可以按照标签标号升降序排列
分页:点击底部分页上拉列表,可以选择每页显示多少页
翻页:点击底部页面可以切换到对应页面,点击左右箭头可以翻到上一页或者下一页,也可以输入页码后点击确认按钮翻到对应页面。里面的页面会根据中继器表格和分页数自动生成
其他:还包括根据表格内容动态统计数据条数和页数,模拟导入导出数据等效果,大家可以打开下方预览地址来体验
【原型预览预览含下载地址】
https://axhub.im/ax9/2bcd864c6573fb02/#g=1&p=标签管理列表案例