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

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

现在我们进行分析

用户要操作什么

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

跳转到首页

给用户什么反馈

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

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

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

具体步骤

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

1、做元件准备

建立两个页面,命名为登录页面和首页;

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


(图一:登录页面元件准备)
(图二:修改密码文本框文本类型)

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

2、添加全局变量,分别是username和 password;操作方法:项目——全局变量——添加全局变量——确定


(图三添加全局变量)


(图四添加两个全局变量)

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

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

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


(图五设置全局变量username)  


(图六设置局部变量)


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

(图七登录界面交互)


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


(图八首页设置文本)



(图九为文本添加变量)
(图十:首页交互设计)

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

思考和总结:

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,027评论 19 139
  • 冬来了,野孩子不知道从哪里找来一块兽皮裹在自己身上,他在森林里到处收集干燥的树枝和一些可以烧着的东西准备过冬,他仍...
    公子北泽阅读 380评论 0 1
  • 我有清风和老酒, 请你带上故事和我走, 我们去流浪街头, 我们去看看世人争斗, 你陪我这一程可否? 给你清风,敬你...
    贰十三先生阅读 302评论 12 14
  • PHP面向对象的语法,面向对象只可意会不可言传,万物皆对象: 定义类 创建类对象(实例化) 使用对象 对象创建方式...
    kangyiii阅读 478评论 0 3
  • 我出生在河南新乡,一座我现在认为不大也不小,生活节奏慢,环境优美的小城。打我记事起,先是住在奶奶家。奶奶家的平房可...
    志气才俊鹏鹏阅读 634评论 0 0