【小练习|Axure】4.利用中继器实现简单的存储删除和修改

由于不允许插入HTML链接,点击获取  本篇html链接合集。

中继器是较高版本的Axure优于动态面板的又一强大工具。值得好好学习和运用。在了解了中继器的基本使用后,可以进行函数入门。

【小练习|Axure】4.利用中继器实现简单的存储删除和修改_第1张图片
本节练习的顺序和层次。大小写不要太在意哈

知识点一:中继器的基本原理。从中继器提取数据。

【小练习|Axure】4.利用中继器实现简单的存储删除和修改_第2张图片
用中继器来构造简单的论坛讨论版界面

知识点二:向中继器添加数据。将图片加入中继器。

【小练习|Axure】4.利用中继器实现简单的存储删除和修改_第3张图片
设计出输入模块


【小练习|Axure】4.利用中继器实现简单的存储删除和修改_第4张图片
输入数据,加入图片

知识点三:向中继器删除数据。

首先是简单的逐条删除

【小练习|Axure】4.利用中继器实现简单的存储删除和修改_第5张图片
逐条删除

利用标记行和选中矩形操作可以做到批量删除。

【小练习|Axure】4.利用中继器实现简单的存储删除和修改_第6张图片
批量删除

还有一例,仅有最后被选中的数据行能被删除,如下效果。(给予选项组名称&取消选项组效果。要进行这两个操作才能达到效果)

【小练习|Axure】4.利用中继器实现简单的存储删除和修改_第7张图片
仅有最后被选中的数据行能被删除

知识点四:对中继器的数据进行修改。

涉及到先提取再赋值,但是注意提取的时候要标记该行,便于之后赋值该行。

【小练习|Axure】4.利用中继器实现简单的存储删除和修改_第8张图片
中继器数据编辑

有条件地修改数据:比如名字为“San”的用户修改它的内容。通过设置规则的方式。Set Content to “[[c]]” where “[[item.name==“San”]]”

【小练习|Axure】4.利用中继器实现简单的存储删除和修改_第9张图片
修改名字为“San”的用户的内容

这个模型,简单一点解释,就是这样

【小练习|Axure】4.利用中继器实现简单的存储删除和修改_第10张图片
修改三号的年级

复杂点例子是,修改谁的名称可以选择。方法是用局部变量嵌入条件。

【小练习|Axure】4.利用中继器实现简单的存储删除和修改_第11张图片
可以挑选修改谁

你可能感兴趣的:(【小练习|Axure】4.利用中继器实现简单的存储删除和修改)