zoukankan      html  css  js  c++  java
  • 使用Axure RP原型设计实践06,登录验证

    登录验证主要功能包括:

    ● 用户名错误,提示无效用户名,用户名和密码文本框清空
    ● 用户名存在,密码错误,提示密码错误,密码清空,焦点进入密码框
    ● 用户名和密码都正确,验证通过

    本篇接着"使用Axure RP原型设计实践03,制作一个登录界面的原型"这篇。

    创建一个页面,名称为"后台",用来表示验证通过后的页面。

    在实际项目中,需要把用户输入的用户名和密码与数据库中的相关匹配,可是,原型中没有数据库,如何做呢

    只能是模拟一个。假设用户名是darren,密码也是darren。

    在登录按钮的一个用例中这样设置,这是有关用户名的判断。

    41

    再为登录按钮增加一个用例,用于有关密码的判断。

    42

    有关登录按钮用户名判断的用例设置如下:

    43

    预览,当输入的用户名不正确,报错如下:
    44

    当输入的用户名存在,密码不正确,报错如下:
    45

    再为登录按钮的OnClick事件增减一个用例,用来判断用户名和密码都正确。

    46

    预览,当用户名和密码都输入正确,页面跳转到后台页。

    当然,对于用户名和密码,可以设置全局变量,在判断的时候读取全局变量的值。

    一个全局变量能存储多个用户名或密码吗

    假设有这样的一种存储方式:(darren:darren)(jack:123)。如果把这个存储在全局变量中,就相当于在全局变量中保存了多个用户名和密码。

    但问题又来了:是否可以从全局变量中读取出每组用户名和密码呢

    在Axure中设置全局变量。

    47

    再来修改登录按钮OnClick事件中有关用户名的用例。现在要判断输入的用户名是否包含在全局变量的所有用户名中。

    在有关值的公式中,按如下设置:

    48

    在有关用户名的条件按如下设置:

    49

    在有关用户名的用例按如下设置:

    50

    在判断用户名是否正确的时候,这种情况下,要把用户名和密码拼接起来一起判断

    在有关密码判断的公式按如下设置:

    51

    有关密码的条件按如下设置:

    52

    有关密码的用例按如下设置:
    53

    预览,当输入用户名和密码分别是jack,123的时候,验证通过,登录成功。

    总结:

    ● 在Axure中可以模拟数据库中的数据
    ● 在设置值的时候可以使用富文本框,在富文本框中也可以使用局部变量
    全局变量存储键值对的一个小技巧


    参考资料:http://www.iaxure.com/

  • 相关阅读:
    BZOJ 3997: [TJOI2015]组合数学 [偏序关系 DP]
    [Sdoi2017]新生舞会 [01分数规划 二分图最大权匹配]
    [Sdoi2017]相关分析 [线段树]
    [Sdoi2017]硬币游戏 [高斯消元 KMP]
    [Sdoi2017]序列计数 [矩阵快速幂]
    [Sdoi2017]树点涂色 [lct 线段树]
    [Sdoi2017]数字表格 [莫比乌斯反演]
    BZOJ 3160: 万径人踪灭 [fft manacher]
    Rabbitmq常见测试
    MQ(消息队列)功能介绍
  • 原文地址:https://www.cnblogs.com/darrenji/p/4772466.html
Copyright © 2011-2022 走看看