2016 - 2024

感恩一路有你

使用Axure RP 7.0实现跨页面之间的传值

浏览量:3878 时间:2024-02-01 10:51:11 作者:采采

在使用Axure RP 7.0设计网页时,我们常常需要实现跨页面之间的传值。本教程将介绍如何使用全局变量来实现这一功能。

步骤一:页面设置

1. 打开Axure RP 7.0并将鼠标点击在页面1上,按下F2键将页面1重新命名为“登录页”。

2. 将鼠标移到页面2上,按下F2键将页面2命名为“登录后页面”。

步骤二:制作登录页面

1. 从部件库中拖入矩形部件,制作外面的边框和登录按钮,并调整好位置和大小。将登录按钮命名为“login”。

2. 再从部件库中拖入两个标题一部件,分别修改文本为“登录名”和“密码”。

3. 最后再从部件库中拖入两个文本框单行部件,分别命名为“name”和“password”,并调整好位置和大小。

步骤三:设置全局变量和交互动作

1. 在左上角的树形导航栏中,点击“登录后页面”,将页面切换到登录后页面。

2. 在部件库中拖入一个标签部件到页面中,命名为“lab_name”。

3. 点击登录按钮后,将name中的输入值赋值给一个全局变量。将鼠标移到login按钮上,双击右边部件交互中的“鼠标单击时”,页面弹出编辑器,点击“设置变量值”,然后点击“新增变量”,创建一个全局变量“username”,将“username”的值设置成部件文字“name”的值。

步骤四:创建点击交互用例

1. 再点击“打开链接”,在当前窗口打开登录后页面。

2. 再点击“确定”按钮,即可创建login的点击交互用例。当用户点击login登录按钮后,页面将跳转至登录后页面。

步骤五:显示全局变量值

1. 切换到登录后页面,当页面载入时,接受全局变量“username”的值,并将“username”的值赋值给“lab_name”部件来显示出来。双击底部的“页面载入时”,设置文本“lab_name”值等于[[username]],点击“确定”即可设置成功。

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。