如何给图片加水印—Axure 中级教程：后台管理系

2021-02-12 07:30

撰写序言：原文中写作者为大家共享资源了一组 Axure 中继器普遍互动交流模板，写作者从访问原型，到必须原件，再到具体实际操作步骤都逐一开展了分析，并对整个过程中务必注意的难点进行了详尽详细介绍，希望对让你所启发。

上一期和大家共享资源了，收到大家的五星五星好评，最开始十分感谢大家。
[标识:內容1]
那今天就给大家共享资源很多互动交流连动的案例实例教程，重要是相关中继器里面全部动态性性互动交流，包括提升、删除、修改、查询、选择、排序、分页查询查寻、换页、导进、导出来来等效电路电源电路果，该原型可以作为管理方法方式后台管理管理方法的内容模板，要大家快速开展一个网页页面，提高工作中中高效率率。

原型演试详尽详细地址：

一开始课堂教学课堂教学：

01 制作中继器表格

1.1 网页页面网页页面原料

矩形框框——根据实际的表格内容规定，倘若务必 6 列，则放置 6 个矩形框框，独立调整矩形框框的宽高

修改功能键和删除功能键——过后制作动态性性互动交流运用

1.2 中继器表格内容

下列图所显示信息，根据实际填好中继器表格内容

1.3 互动交流

大伙儿要把中继器表格的内容推送给中继器内的矩形框框

每项加载时——设置矩形框框的文本为 [ [ Item.ColumnX ] ] ，X 寓意着列数，例如第一个矩形框框，大伙儿设置其文本为 [ [ Item.Column1 ] ] ，第二个矩形框框，就设置其文本为 [ [ Item.Column2 ] ] ……因此类推

1.4 制作开展后的访问具体实际效果

02 提升行

2.1 网页页面网页页面原料

提交功能键一个、撤消功能键一个、关闭功能键一个。

输入框—— N 个根据表格的内容的规定

向下拉文件目录—— N 个，根据报个的内容规定

输入框和向下拉文件目录根据务必，例如姓名，这种无法选择的就理应用输入框，性別这种能选择的最好就用向下拉文件目录。

下列图所显示信息置放美观大方大气便可以，接着将以上所有电子器件构成变成动态性性操纵控制面板（提升操纵控制面板），固定不动没动在浏览器竖直垂直居中位置，默认设置设定隐藏。

2.2 互动交流

这儿要谈及在表格上面有一个再加功能键，电脑上电脑鼠标点一下再加功能键是，显示信息信息内容提升操纵控制面板。

撤消和关闭功能键：电脑上电脑鼠标点一下时隐藏提升操纵控制面板

提交功能键：电脑上电脑鼠标点一下提交功能键时，大伙儿最开始得加上涨，接着隐藏动态性性操纵控制面板

再加内行人人容： [ [ LVAR1 ] ] 是一个变量，倘若是 Column1，大伙儿设置 [ [ LVAR1 ] ] = 第一个输入框（向下拉文件目录）的文本值，倘若是 Column2，大伙儿设置 [ [ LVAR1 ] ] = 第 2 个输入框（向下拉文件目录）的文本值……因此类推

那般就基本开展了再加行的姿态了，可是这儿要科谱一下，一般来说，在提交的状况下先要辨别必填项不是是填好适当，倘若适当才能够提交，倾斜确的话务必提示顾客再度填好。

03 修改行

3.1 网页页面网页页面原料

和提升行一致，可以复制提升操纵控制面板，接着修改姓名为修改操纵控制面板。这儿注意，一般来说，表格里面务必有一行是唯一序号的，例如员工号是唯一的，一旦创建不可以修改，因而这儿可以把第一个输入框严禁应用或者用矩形框框取代

3.2 互动交流

点一下表格中的修改功能键：

大伙儿要设置修改操纵控制面板里面的输入框或向下拉文件目录的标值文件目录相符合行的内容，这儿用设置文本的互动交流，倘若是第一个输入框或向下拉文件目录，大伙儿设置其文本标值 [ [ Item.Column1 ] ] ，第 2 个输入框或向下拉文件目录，大伙儿设置其文本标值 [ [ Item.Column2 ] ] ……因此类推

设置文本后，显示信息信息内容修改操纵控制面板便可以

撤消和关闭功能键：电脑上电脑鼠标点一下时隐藏修改操纵控制面板

提交功能键：电脑上电脑鼠标点一下提交功能键时，大伙儿最开始要升級行，接着隐藏动态性性操纵控制面板。

前文谈及表格里面务必有一行是唯一序号的，案例中是行员工号，因而升級行的规范为 [ [ LVAR1==Item.Column1 ] ] ，LVAR1 是变量，大伙儿选中员工号的输入框，Column1 是表格里面员工号隶属的列

升級内容： [ [ LVAR1 ] ] 是一个变量，倘若是 Column1，大伙儿设置 [ [ LVAR1 ] ] = 第一个输入框（向下拉文件目录）的文本值，倘若是 Column2，大伙儿设置 [ [ LVAR1 ] ] = 第 2 个输入框（向下拉文件目录）的文本值……因此类推

那般就基本开展了修改行的姿态了。一样，在提交的状况下先要辨别必填项不是是填好适当，倘若适当才能够提交，倾斜确的话务必提示顾客再度填好。这一沒有中继器互动交流的范畴都不开展了。

04 删除行

点一下表格中的删除功能键，推行删除该行的互动交流便可以。

05 查询

5.1 网页页面网页页面原料

输入框 1 个，查找功能键一个，升级功能键一个

5.2 互动交流

一般查询大伙儿采用模糊不清不排查寻，例如大伙儿查找姓名，输入张，便可以把所有名字里含有张的人查询出来，这儿就是模糊不清不清查找，用选择恶变恶性事件开展。

倘若务必对文件目录的第一列进行查找， [ [ Item.Column1.indexOf ( LVAR1 ) >-1 ] ] ，Item.Column1 指的是文件目录的第一列，LVAR1 寓意着输入框的文字；倘若对第二列进行查找，则为 [ [ Item.Column2.indexOf ( LVAR1 ) >-1 ] ] ……因此类推

06 选择

6.1 网页页面网页页面原料

向下拉文件目录，这儿可以用系统软件手机软件的向下拉文件目录，倘若觉得演试比较不太好看的还能够用自做的向下拉文件目录。

6.2 互动交流

这儿要分二种情况，倘若选择全部，大伙儿要消除该选择

倘若选择的其实不是全部，大伙儿得加上选择恶变恶性事件， [ [ Item.ColumnX==this.text ] ] 。例如选择第一行的状况下，即 [ [ Item.Column1==this.text ] ] ，选择第二行时，即 [ [ Item.Column2==this.text ] ] ……因此类推

07 排序

7.1 网页页面网页页面原料

一个往上的三角形，寓意着升序

一个向下的三角形，寓意着降序

7.2 互动交流

点一下升序三角形时，再加排序，特点选择表格相符合列，例如 Column1 寓意着第一列，Column2 寓意着第 2 列……因此类推，排序类型可以根据规定选择 number（数据信息），text（文本），（date）時间，顺序选择升序。

倘若点一降低序三角形，除开顺序选择变换，其他和升序三角形一致。

08 分页查询查寻

8.1 网页页面网页页面原料

矩形框框 n 个，里面标出是多少钱条每一张，例如 10 条 / 页，20 条 / 页，50 条 / 页，100 条 / 页……

8.2 互动交流

点一下分页查询查寻矩形框框时，设置中继器每一张最新项目数为矩形框框显示信息信息内容的总数便可以。

09 换页

9.1 网页页面网页页面原料

下一页和上一页的功能键，输入框和明确功能键

9.2 互动交流

电脑上电脑鼠标点一下下一页功能键时，设置中继器网页页面网页页面为 next

电脑上电脑鼠标点一下上一页功能键时，设置中继器网页页面网页页面为 previous

电脑上电脑鼠标点一下明确功能键时，设置中继器网页页面网页页面为 value，输入具体页码为 [ [ LVAR1 ] ] ，即输入的网页页面网页页面数

10 导进和导出来来

10.1 导进

这儿只是模拟仿真仿真模拟导进的具体实际效果，选择一个文本框，类型选择文本文档便可以。

10.2 导出来来

这儿也是做一个模拟仿真仿真模拟具体实际效果，事前务必将文本文档递交，接着电脑上电脑鼠标点一下导出来来功能键时，打开已递交文本文档的 url 详尽详细地址便可以。

以上就是当期共享资源的全部内容，点下关注不迷路哦，谢谢收看。

原文中由 @做产品但其实不是负责人 原创发布于每一个人都是产品负责人，没经写作者准许，禁止转截。

题图来源于于 Unsplash，依据 CC0 协议书书。

以上内容由"每一个人都是产品负责人"递交发布