搜索
小楼axure图文教程（十四）页面传值-登录状态和用户名作者:小楼一夜听春语分类:Axure教程发布时间:2013-07-1922:12ė6没有评论编辑本文出自诉客-产品经理的心声，转载时请注明出处。百度云盘下载：本教程axure原型-小楼axure图文教程（十四）页面传值-登录状态和用户名.rp在使用axurerp制作产品原型的时候，我们经常遇到的一种情况就是登录后，要让页面显示登录状态。这种状态如果在同页面内可以用多种方法实现，但是如果跳转了页面，就只能用页面传值的方式实现了。简单地说就是使用变量。那么我们先说一下这个教程模拟的场景：用户在主页输入登录名点登录后在第二页显示欢迎语“欢迎你，[输入的用户名]！”如果不登录，则在第二页显示“请登录”。解决思路：1、我们需要一个用于传递值的全局变量，我们可以新建一个变量并取名叫[UserName]。2、登录时，如果没有输入账号，是不能登录的，所以需要一个判断，只有账号输入框不为空的时候才跳转到第二页，并且将账号输入框输入的用户名赋给变量UserName。3、既然在第二页需要在登录与不登录时显示两个不同的提示语，那么我们就可以用动态面板，设置为2个状态，并分别放上“请登录”的文本面板，和一个空的文本面板。4、在第二页页面加载时，如果变量UserName是空的，那说明不是通过登录加载的页面，所以动态面板的默认状态我们设置为“未登录”的状态。那么如果判断Username不是空的，则是通过登录加载的页面，我们则需要把动态面板状态设置为“已登录”，并且设置欢迎语为“欢迎你”+UserName的变量值+“！”。Ps：记得给每个元件添加标签哦！详见小楼axure图文教程（九）新手入门基础（1）元件属性的介绍。实现过程：1、根据思路2，点击登录时，添加一个条件：if账号输入框不等于“”，设置变量值UserName=“账号输入框”，并在当前窗口打开“第二页”。2、根据思路4，第二页加载时OnPageLoad的交互事件我们只需添加一个条件：if变量值UserName不等于“”，设置动态面板”登录状态”的状态为“已登录”，设置“已登录”状态里的文本面板值为“欢迎你[[UserName]]!”就这么简单，大家试试看吧！