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

AxureRP6.5教程 小楼一夜听春语 26393℃ 0评论

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

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

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

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

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

解决思路:

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

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

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

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

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

实现过程:

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

 1

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

 2

 3

就这么简单,大家试试看吧!


~~~~~~~~~~~~ 正文结束 下面没了 ~~~~~~~~~~~~

小楼老师再出新作,倾力打造Axure RP 8精品课程系列,以最短的时间高效完成学习目标,入门进阶与实战案例并重,是0基础的新手从入门到精通的必备课程。

《AxureRP 8 入门与实战 - 入门篇》------从零入门进阶的最佳课程------【点此查看详情】

《AxureRP 8 入门与实战 - 案例篇》------实战手册图书的同步视频------【点此查看详情】


转载请注明:Axure原创教程网 » 小楼axure 图文教程(十四)页面传值-登录状态和用户名

喜欢 (11)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(5)个小伙伴在吐槽
  1. 试了2次,成功了!上面的解说第一张图片有误,文字是对的!
    MAY2013-08-26 15:56 回复
  2. 百度网盘里的东西下不了,被封了
    ydtj2014-06-29 14:35 回复
    • 小楼一夜听春语
      已修复
      小楼一夜听春语2014-06-29 21:47 回复
      • 登录界面怎么没了
        haha2015-05-09 16:15 回复
        • 小楼一夜听春语
          在公告的右边。。。没有文字
          小楼一夜听春语2015-05-09 20:56 回复