zoukankan      html  css  js  c++  java
  • Axure实现多用户注册验证

    *****多用户登录验证*****

    一、(常规想法)方法:工作量较大,做起来繁琐

    1、当用户名和密码相同时怎么区分两者,使用冒号和括号来区分:

    eg. (admin:123456)(123456:demo)(zhang:san);由此得出前面是括号后面是冒号的就是用户名,前面是冒号后面是括号的就是密码。

    2、axure判断原理:只要全局变量里面有固定格式的用户名和密码就可以使之与用户输入的用户名和密码进行匹配,从而进行判断。就算输入的用户名是实际存在的前半截也会判断用户名不存在。严格区分了大小写;
    注:下面的方法有个bug:如果用户名一致,密码不一致,只要输入的用户名和密码都是存在的也可以登录(如:(admin:123)(admin:456),则登录时只要用户名admin,则输入密码123和456都能登陆成功)

    3、判断用户名是否存在:编辑条件【变量值】--【不包含】---【值】---【fx】---【局部变量】--【获取用户名文本框的值n】,fx格式:[[n]]:

    4、判断密码和用户名是否一一对应:编辑条件【变量值】--【不包含】---【值】---【fx】---【局部变量】--【获取用户名文本框的值n,获取密码文本框的值p】,fx格式:([[n]]:[[p]])。

    注意:函数的格式要跟全局变量里面设置好的一致才能判断出来用户名和密码是否一一对应。

    *****注册界面的交互效果*****

    1、当输入已经注册的用户名,不填写邮件,提示:
    错误:该用户名已被注册,请再选择一个
    错误:请填写电子邮件地址

    2、输入未被注册过的用户名,不输入邮件时提示:
    错误:请填写电子邮件地址

    3、电子邮件和用户名都不填写,提示:
    错误:请填写用户名。
    错误:请填写电子邮件地址


    注:1、提示框靠在一起时线条问题,可以去掉边框以实现将两者在视觉上做出连在 一起的感觉。
    2、提示框有两行提示信息的关键:
    同一个动态面板中的两组状态:状态1只有一行提示信息(tishi1),状态2有两行提示信息(tishi2),且高度比状态1高(否则也放不下两个文本输入框!!)。


    步骤:
    1)提示框开始是隐藏的,当点击【注册】时才会显示错误提示框,且整个表单向下拉动一定距离:

    选中【注册】--双击【鼠标点击时】--【显示tishi推动元件向下】--【设置面板状态tishi为tishi2】(此时两行错误提示信息不能完全显示,原因是面板尺寸不够)--【设置面板尺寸为合适的高度】或者不采用设置面板尺寸的方法,直接鼠标右键勾选【调整大小以适合内容】也可实现相同效果


    注意:由于不同的情况,提示文本内容和提示框的高度不一样,所以再每次显示提示元件向下推动之前都需要将提示隐藏并拉起来。

    如:隐藏tishi拉动元件向下之后再显示tishi推动元件向下。否则所有提示框动作 联合在一起就会拉不起来,与表单连在一起。

    二、简便方法(推荐)

    1、由思维导图得知显示的提示有两种情况:一条提示(状态1);
    两条提示(状态2);

    关键:不管是一条提示还是2条提示,不管是哪种提示的可能,显示的提示都是那六种组合起来的

    2、首先将情况分为6种:

    1)用户名为空:提示1写入:用户名为空;提示2a写入:用户名为空

    2)用户名已注册:提示1写入:用户名已注册;提示2a写入:用户名已注册

    3)用户名无效:提示1写入:用户名无效;提示2a写入:用户名无效

    4)邮箱为空:提示1写入:邮箱为空;提示2b写入:邮箱为空

    5)邮箱已注册:提示1写入:邮箱已注册;提示2b写入:邮箱已注册

    6)邮箱无效:提示1写入:邮箱无效;提示2b写入:邮箱无效


    3、若写入的提示只有一个,则显示状态1,有2个则显示状态2。

    注意:在显示动态面板之前要将其拉上去即隐藏。


    4、执行完1~3步骤后,第一次验证没问题,但是第二次验证又从上至下执行用例,
    会出问题,所以需要在验证之前就清空提示信息。即将提示1、提示2a和提示2b的文
    本都设为空,且放在用例的最开头。

    5、当提示1和提示2a、提示2b都为空即用户名和密码都正确时跳转到登录界面。

    6、完整用例详情和顺序如下图所示:

     

    ****全局变量的思想来判断用户名和邮箱是否已注册*****

    1)全局变量设置:
    (zhang:san:zhang@qq.com)(li:san:li@qq.com)(admin:123456:admin@qq.com)
    (li:si:li@qq.com)

    2)之前假设的用户名为“1”的时候表示已注册,则重写编辑该用例的条件为:是
    否包含全局变量里的用户名:

    if值于up包含"([[username]]:" (用户名坐边是括号,右边是冒号)

    username是局部变量(注)

    3)之前假设的邮箱为“1”的时候表示已注册,则重写编辑该用例的条件为:是否
    包含全局变量里的邮箱地址:

    if值于up包含":[[email]])" (邮箱坐边是冒号,右边是括号)

    email是局部变量(注)

    4)这里的全局变量已经加上了邮箱地址,所以之前的登录界面也需要稍作调整,否
    则判断将有误。


    注意:在添加多个用例时要注意用例之间的联系(If or Elese If),如果没有弄
    清其间的联系,会出 现结果和预想不一致。

     用例详情如下:

    没有人能一路单纯到底,但是要记住,别忘了最初的自己!
  • 相关阅读:
    CSS3学习手记(7) CSS3装换 3D转换
    CSS3学习手记(6) CSS3装换 2D转换
    CSS3学习手记(5) 渐变
    CSS3学习手记(4) 伪元素
    CSS3学习手记(3) CSS权重
    CSS3学习手记(2) 伪类选择器
    CSS3学习手记(1) 选择器
    HTML5学习手记(二)
    HTML5学习手记(一)
    浏览器远程调试VS
  • 原文地址:https://www.cnblogs.com/LindaBlog/p/9983608.html
Copyright © 2011-2022 走看看