Axure中怎么实现变量值在页面中的传递

Posted 2023-03-17

参考技术A 实现变量在页面中的传递，这是一个经常我们会用到的功能，常用的场景是，用户通过用户名和密码进行登录，页面跳转到首页，首页中出现用户名等信息，基本实现效果如下

现在我们进行分析

用户要操作什么 ：

输入用户名和密码，点击登录

跳转到首页

给用户什么反馈 ：

用户点击完登录之后，跳转到首页中

登录的用户名信息显示在跳转的页面中

实现分析 ：该案例主要是要实现用户登录信息在页面之间的传递，借助全局变量和局部变量可以实现

具体步骤 ：

我们以在首页中显示用户名和密码为案例，进行讨论

1、做元件准备

建立两个页面，命名为登录页面和首页；

在登录页面中拖入一个矩形，添加两个文本标签分别命名为“用户名”、“密码”；再添加两个文本框，将文本框分别命名为“username”、“password”，注意将password文本框的文本类型设定为“密码”；接下来添加一个提交按钮，命名为登录

最后在首页中，拖入一个矩形

2、添加全局变量，分别是username和 password；操作方法：项目——全局变量——添加全局变量——确定

3、为全局变量赋值，在这里我们会用到局部变量，由于用户唯一进行点击的是“登录”按钮，所以我们需要给登录按钮“鼠标单击时”添加交互

   首先分别为每个全局变量添加一个局部变量，将局部变量的元件文字值为登录页面输入的值，即借助局部变量，现将登录输入的数据传递到局部变量，再由局部变量传给全局变量

   点击添加动作下面的“设置变量值”—选择“username”——点击“fx”——插入局部变量——设置元件文字为“username”——确定，同理去设定全局变量password。

两个变量完成之后，点击“打开链接”——选择链接到首页

4、为首页页面添加交互，选择“页面载入时”——“设置文本”——“矩形”——“fx”——在全局变量中输入“用户名：，密码：”并插入对应的变量，如下图图九

就能实现变量值在页面中的传递

思考和总结：

要实现变量值在页面中的传递，主要是借助全局变量和局部变量，先设定全局变量，然后插入局部变量，将要传递的数据存入到局部变量，再由局部变量传给全局变量，实现传递。