AXURE9实现表单的增删改查

访客3年前黑客工具812

编辑导读:表单的增删改查是最日常不外的操纵了,每个产物司理在建造原型的时候都要思量的部门。本文作者基于自身事情履历,将从成果需求和成果实现两个方面,对AXURE9如何实现表单的增删改查举办阐明,但愿对你有辅佐。

AXURE9实现表单的增删改查

交互结果原型毗连:https://gwne63.axshare.com

利用中继器实现表单的增删改查翻页成果,示譬喻下图所示:

AXURE9实现表单的增删改查

一、成果需求阐明

新增:在学号、姓名、后果、班级中输入相应内容,点击“新增”则在表单中新增一行;

删除:选中某行前面的复选框,点击删除,则该行从表单中删除,全选后点击删除,则所有行删除;

编辑:选中某行,在输入框中输入相应内容,点击编辑则转业内容被新内容替换;

查询:输入学号或姓名,点击查询,则将切合条件的行数筛选显示出来;

向左双箭头,暗示“前一页”;

向左单箭头,暗示“首页”;

向右双箭头,暗示“后一页”;

向右单箭头,暗示“尾页”;

双箭头中间矩形框,暗示“当前数据行/总数据行”;

向右单箭头的右边矩形框,暗示“共几多条数据”。

二、成果实现

添加中继器:拖动中继器元件,到编辑器,并定名为list;

双击中继器,并按ctrl+C将中继器列数扩展为5列,并将每列漫衍定名为ID,Name,Grade,Clase;

AXURE9实现表单的增删改查

在样式中,选择“可见性”可将第二步调中复制的框外线举办去除;

放入复选框;

AXURE9实现表单的增删改查

在样式中,将中继器各罗列办定名,并举办内容录入;

AXURE9实现表单的增删改查

List中继器交互设计,将中继器与内容举办关联,如下:

AXURE9实现表单的增删改查

AXURE9实现表单的增删改查

对中继器内的复选框添加案例:选中时-标志行(list的当前行);

AXURE9实现表单的增删改查

对中继器增加表头。(注:是在中继器表单以外增加矩形元件即可),以及在之一个矩形框中增加一个复选框,定名为“全选”;

AXURE9实现表单的增删改查

对表头“全选”复选框交互如下:

AXURE9实现表单的增删改查

配置“向左单箭头”如下:

AXURE9实现表单的增删改查

配置“向左双箭头箭头”如下:

AXURE9实现表单的增删改查

配置“向右单箭头箭头”如下:

AXURE9实现表单的增删改查

配置“向右双箭头箭头”如下:

AXURE9实现表单的增删改查

利用“文本框”元件别离输入学号(input_ID)、后果(Input_Grade)、姓名(input_name)、班级(Input_Class),并组合为input;

AXURE9实现表单的增删改查

添加“新增”、“删除”、“编辑”、“查询”按钮;

新增交互:

AXURE9实现表单的增删改查

AXURE9实现表单的增删改查

删除交互:

AXURE9实现表单的增删改查

编辑交互:

AXURE9实现表单的增删改查

AXURE9实现表单的增删改查

查询交互:

AXURE9实现表单的增删改查

[[(Item.ID.indexOf(LVAR1)+Item.Name.indexOf(LVAR2))>-2]]

分页显示:

AXURE9实现表单的增删改查

总页显示:

AXURE9实现表单的增删改查

相关文章

新营销的四个关键词:场景、IP、社群、传播

新营销的四个关键词:场景、IP、社群、传播

什么是新营销?个中有四个要害词:场景、IP、社群、流传。 那这四者之间有什么样的接洽?场景是产物逻辑,IP 是品牌逻辑,社群是客户干系逻辑,流传是营销逻辑。 1. 什么是新营销? 简朴领略,可以对标...

营销,站在用户角度放大产品价值

营销,站在用户角度放大产品价值

无论b端可能c端,产物营销都是一定的存在,营销在这几年快速成长进程中为差异的平台产物带来了更多的利润和活力,那么在SaaS平台中,我们如何公道地利用营销能力来驱动利润和勾当呢? 营销的焦点是环绕用户...

你是在做产品,还是在做产品的搬运工?

你是在做产品,还是在做产品的搬运工?

编辑导读:在举办数据业务类成果设计时,差异的产物司理大概有差异的设计方法,可是只有通过深挖业务逻辑进而实现业务成果才是一个真正的产物司理应有的要领。文章团结医院排班的案例,对此展开了深入的叙述说明,与...

如何设计一个超长长长长长的复杂表单

如何设计一个超长长长长长的复杂表单

编辑导语:你有没有设计过布局巨大、内容繁多的表单?在设计时有没有什么能力可以化繁为简、晋升填写者的体验感呢?本文作者为我们摆列出了表单设计中大概碰着的一些问题,而且提供了办理方案,让我们一起来进修吧。...

抖音关闭所有电商外链,剑指京东、淘宝?

抖音关闭所有电商外链,剑指京东、淘宝?

编辑导读:疫情之下,短视频直播带货意外缔造出了流量+电商这种新型相助模式,更是给抖音直播电商的成长添了把火。8月26日,抖音公布:10月9日后,抖音直播间只支持小店商品,第三方来历的商品将不再支持进入...

行业案例 | 车联网数字化转型发力点

行业案例 | 车联网数字化转型发力点

自从“互联网+”观念的提出,各行各业都自然而然的与互联网沾上了干系,而车也被认为是互联网时代继PC和移动端的第三大互联网进口。 车联网即车辆物联网,是以行驶中的车辆为信息感知工具,借助新一代信息通信...