中继器基础之增删改查

前面文章有说到过中继器,今天我们继续说一说中继器的基础操作,如果还不知道中继器是啥的,请看Axure系列教程(十):中继器的介绍,跟数据库有关联一般都会涉及到增删改查,那我们今天也来看一看中继器当中的增删改查。

中继器基础之增删改查_第1张图片

这个就是效果图,数据,中继器的搭建。自己扒拉扒拉就可以了,这里就不再阐述了

一、增加操作

1.扒拉一个按钮过来作为新增按钮,采用的是提交按钮元件(ps:利用矩形,按钮形状元件都可以实现按钮的效果,依个人喜好)。

2.扒拉一个动态面板过来,作为新增弹出框,设置动态面板宽为1200,高为1000,动态面板名称为员工信息,双击动态面板将动态面板状态改为新增修改弹出框。进入动态面板当中,将一些需要使用到的元件扒拉过来

中继器基础之增删改查_第2张图片
(ps:这里需要注意的是在动态面板状态里边是不能修改动态面板的宽高滴!)

因为动态面板是没有颜色滴,所以扒拉一个矩形过来设置宽为1200,高为1000,填充颜色为#CCCCCC。再扒拉一个矩形设置宽340高为330,填充颜色为#0099FF。部门采用下拉列表框,保存、关闭用提交按钮元件,剩下的都是文本标签和文本框元件。(ps:涉及到用户体验度所以保存的宽比关闭的宽要长一些)

设置两个关闭元件的鼠标单击时用例

中继器基础之增删改查_第3张图片
部门默认为办公室,所以设置列表选中项为办公室

2.设置保存元件的鼠标单击时用例

中继器基础之增删改查_第4张图片

中继器基础之增删改查_第5张图片

中继器基础之增删改查_第6张图片

使用添加行操作可以新增一行数据,利用变量将数据新增到中继器

二、删除操作

1.进入中继器中,设置删除鼠标点击时用例。可以参考http://www.jianshu.com/p/881a1e75f9e9

中继器基础之增删改查_第7张图片

全选与取消全选

1.中继器中的全选命名为行内复选框,页面的复选框为全选复选框。通过判断全选复选框是否被选中,设置行内复选框是否被选中。

中继器基础之增删改查_第8张图片
中继器基础之增删改查_第9张图片

三、修改操作


1.进入中继器中,设置修改鼠标点击时用例

中继器基础之增删改查_第10张图片

2.设置点击修改之后的保存按钮的用例更新,更新行操作

中继器基础之增删改查_第11张图片

更新行的操作与添加行的操作是大同小异的,这里不再阐述

      点击修改之后保存会发现。是新增一条修改后的数据而不是在原有的情况下进行修改的。这是因为我们没有把修改和保存进行区分。这里我们通过全局变量来进行区分,如果flag(新增全局变量)=0为保存数据,否则flag=1为修改数据,进入到新增修改弹出框中,对保存按钮进行设置。修改之后的鼠标单击时用例应该是:

中继器基础之增删改查_第12张图片

四、查询操作

1.按姓名与部门查询滴,所以有四种情况

  1).姓名不等于空,部门不等于请选择

中继器基础之增删改查_第13张图片

检索时,根据我们给的条件进行搜索,条件如下:

中继器基础之增删改查_第14张图片

2).姓名等于空,部门不等于请选择

中继器基础之增删改查_第15张图片

因为我们只按一个条件进行检索,如果不移除另外一个条件,那么会干扰搜索进行,在进行搜索之前一定要将另外一个条件从中继器中移除,移除根据我们给的搜索名称进行移除就好了,不需要移除全部

3).姓名不等于空,部门等于请选择

中继器基础之增删改查_第16张图片

4).姓名等于空,部门等于请选择

中继器基础之增删改查_第17张图片

姓名等于空,部门等于请选择代表的是没有进行搜索,所以进行移除全部筛选就好了。

到这里中继器的增删改查都说完了,附带再说几个中继器的属性

设置首页

中继器基础之增删改查_第18张图片

设置上一页

中继器基础之增删改查_第19张图片

设置下一页

中继器基础之增删改查_第20张图片

设置尾页

中继器基础之增删改查_第21张图片

中继器样式设置

中继器基础之增删改查_第22张图片

需要rp下载链接的请戳 https://pan.baidu.com/s/1dEFYanJ 密码: giwf




你可能感兴趣的:(中继器基础之增删改查)