Axure函数应用：全局变量使用，跳转带上手机号

【全局变量】在axure中的使用。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18308.html

为什么要使用全局变量？主要是起信息传递作用，或者标志作用，可以在多个页面间传递信息，或者作为特殊场景的判断依据。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18308.html

01 业务场景

用户在app登录页面输入手机号后，平台发现用户未注册，引导注册时，不需要用户再次输入手机号，在账号框内直接带入刚才输入的手机号，可引导用户快速注册，减少用户考虑的时间，自然可以减少流失。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18308.html

先来看看整体效果：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18308.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18308.html

具体步骤为：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18308.html

1. 用户输入手机号，点击【登录】按钮；
2. 系统检测到用户未注册，提示“用户不存在，点击去注册”，用户点击【去注册】按钮，跳转注册页；
3. 注册页的手机号输入框内，带入用户在登录界面输入的手机号。

02 分解页面

1. 验证码登录页组成

1. 手机号输入框（文本框）
2. 验证码输入框（文本框）
3. 获取验证码按钮（矩形）
4. 登录按钮（矩形）

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18308.html

2. 跳转对话框组成

1. “去注册”按钮（矩形）
2. “暂不注册”按钮（矩形）

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18308.html

3. 注册页组成

1. 手机号输入框（文本框）
2. 密码输入框（文本框）
3. 验证码输入框（文本框）
4. 获取验证码按钮（矩形）
5. 登录按钮（矩形）

03 实践步骤

做到带手机号效果的思路是：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18308.html

1. 在登录页输入手机号，在跳转“去注册”时将输入的值保存在全局变量中；
2. 跳转注册页时，将保存在全局变量中的值写入手机号输入框中。

没错！所以重点在一个全局变量、一个按钮和两个手机号输入框（文本框）。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18308.html

1. 给两个输入框命名，方便查找

此步可以根据个人需要选择，建议操作，可以提高效率文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18308.html

登录页的手机号文本框叫做“手机号输入框”，文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18308.html

注册页叫做“手机号”，方便区分。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18308.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18308.html

2. 添加全局变量，取登录页手机号

（1）添加全局变量，命名为“telVar”文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18308.html

点击“去注册”按钮->给“鼠标单击时”添加用例->选择【全局变量】-【设置全局变量】-【添加全局变量】，如图：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18308.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18308.html

点击【添加全局变量】，新增一个全局变量，命名为“telVar”（取名随意，记住就行），如图：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18308.html

（2）设置点击“去注册”按钮时，将登录页手机号文本内容赋予“telVar”文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18308.html

点击“去注册”按钮的用例编辑框->选择【全局变量】-【设置全局变量】->勾选“telVar”，在“设置全局变量值为”选择“元件文字”和“手机号输入框”，表示选取“手机号输入框”的内容文字。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18308.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18308.html

3. 在用户选择“去注册”时，跳转注册页

这个步骤就不累述了，关键要注意，一定要先给变量赋值，再打开窗口，否则变量赋值会失效！文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18308.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18308.html

4. 设置注册页初始化时，将手机号写入输入框

点击注册页->编辑“页面载入时”用例->选择【设置文本】->勾选“手机号（文本框）”，如图文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18308.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18308.html

在“设置文本为”选择“值”，变量内容点击【fx】按钮，选择【插入变量或函数】，选择全局变量“telVar”，关闭变量选择框，如图文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18308.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18308.html

设置之后的效果如下图，熟悉以后，也可以直接在变量框中输入“[[telVar]]”，表示取变量telVar文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18308.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18308.html

设置完毕！保存！预览看效果！文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18308.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18308.html

当然也可以选择在输入手机号时就保存在变量里，但考虑到有其他场景跳转注册页，避免带入多余的值，还是放在确定要带手机号的场景下赋值。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18308.html

有什么好想法可以一起交流呀~！文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18308.html

 文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18308.html

本文由 @调皮小吉 原创发布于人人都是产品经理文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/18308.html