小楼axure 图文教程（十四）页面传值-登录状态和用户名

百度云盘下载：本教程axure原型-小楼axure 图文教程（十四）页面传值-登录状态和用户名.rp

在使用axure rp制作产品原型的时候，我们经常遇到的一种情况就是登录后，要让页面显示登录状态。这种状态如果在同页面内可以用多种方法实现，但是如果跳转了页面，就只能用页面传值的方式实现了。简单地说就是使用变量。

那么我们先说一下这个教程模拟的场景：

用户在主页输入登录名点登录后在第二页显示欢迎语“欢迎你，[输入的用户名]！”

如果不登录，则在第二页显示“请登录”。

解决思路：

1、我们需要一个用于传递值的全局变量，我们可以新建一个变量并取名叫[UserName]。

2、登录时，如果没有输入账号，是不能登录的，所以需要一个判断，只有账号输入框不为空的时候才跳转到第二页，并且将账号输入框输入的用户名赋给变量UserName。

3、既然在第二页需要在登录与不登录时显示两个不同的提示语，那么我们就可以用动态面板，设置为2个状态，并分别放上“请登录”的文本面板，和一个空的文本面板。

4、在第二页页面加载时，如果变量UserName是空的，那说明不是通过登录加载的页面，所以动态面板的默认状态我们设置为“未登录”的状态。那么如果判断Username不是空的，则是通过登录加载的页面，我们则需要把动态面板状态设置为“已登录”，并且设置欢迎语为“欢迎你”+UserName的变量值+“！”。

Ps：记得给每个元件添加标签哦！详见小楼axure 图文教程（九）新手入门基础（1）元件属性的介绍。

实现过程：

1、 根据思路2，点击登录时，添加一个条件：if 账号输入框 不等于“”，设置变量值 UserName = “账号输入框”，并在当前窗口打开“第二页”。

2、 根据思路4，第二页加载时OnPageLoad的交互事件我们只需添加一个条件：if 变量值 UserName 不等于 “”，设置动态面板”登录状态”的状态为“已登录”，设置“已登录”状态里的文本面板值为 “欢迎你[[UserName]]!”

就这么简单，大家试试看吧！

本文出自 诉客-产品经理的心声，转载时请注明出处及相应链接。

本文永久链接: http://www.soger.net/168.html