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),如果没有弄
清其间的联系,会出 现结果和预想不一致。
用例详情如下:

Axure实现多用户注册验证的更多相关文章
- MVC中使用WebMail 发送注册验证信息
在MVC中发送Email 可以使用WebMail :使用起来十分简单.如下: WebMail.SmtpServer = ConfigurationHelper.GetValue("SmtpS ...
- Ajax注册验证用户名是否存在 ——引自百度经验
Ajax注册验证用户名是否存在 http://jingyan.baidu.com/article/a948d6515fdf870a2dcd2e85.html
- PHP+Ajax 异步通讯注册验证
HTML代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. ...
- jQuery失去焦点的时候注册验证
//注册验证$('form :input').blur(function () { if ($("#txtName").val() == "") { $(&qu ...
- SpringBoot注册登录(三):注册--验证账号密码是否符合格式及后台完成注册功能
SpringBoot注册登录(一):User表的设计点击打开链接SpringBoot注册登录(二):注册---验证码kaptcha的实现点击打开链接 SpringBoot注册登录(三):注册 ...
- thinkphp+jquery+ajax前后端交互注册验证
thinkphp+jquery+ajax前后端交互注册验证,界面如下 register.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1. ...
- Python学习:8.小项目之登录注册验证
简介 本次项目登录注册验证是对之前学习知识点的加深学习,这次项目的练习的知识点有函数.判断语句.循环语句.文件操作等. 项目流程 运行代码之后,输出登录或者注册选项. 当选择登录之后,输入用户名密码, ...
- Java实现发送邮箱验证码/注册验证链接
本文以163邮箱为例 1.准备(邮箱账号,邮箱必须设置POP3/SMTP/IMAP,设置步骤如下:) >>步骤:1 开启授权码服务 >>步骤:2 手机获取验证码 >> ...
- jquery注册验证的写法
在做注册页面时会用到jquery验证注册信息,用户名,密码,邮箱,手机号的验证,比较简单的,新手莫怪... <script> function Name(){ var name = $(& ...
随机推荐
- 算法-链的操作(一)-合并两个排序的链接(no.25)
合并两个排序的链接(no.25) 把下面连个排好序的链,从小到大排序链接. list1 : 1 -> 6 -> 8 list2 : 2-> 5 -> 9 def merge(h ...
- 下面那些是无效的Java标识符?
下面那些是无效的Java标识符?为什么? a.RESULT b.result c.12345 d.x12345y e.black&white f.answer_7 c和e是无效的,因为标识符不 ...
- 2017-2018-2 20165234 实验四《Android程序设计》实验报告
一.实验报告封面 课程:Java程序设计 班级:1652 姓名:刘津甫 学号:20165234 指导教师:娄嘉鹏 实验日期:2018年5月14日 实验时间:13:45 - 3:25 ...
- 20165234 预备作业2 学习基础和C语言基础调查
学习基础和C语言基础调查 一.技能学习经验及体会 你有什么技能比大多人(超过90%以上)更好? 看到这个问题,我仔细想了想,好像的确没有什么特别出众的技能,但是我想到了许多我个人的爱好. 我从小喜欢五 ...
- (ScrollViewer或者有滚动条的控件)嵌套一个(ScrollViewer或者有滚动条的控件)禁用里面的滚动条
转自:http://blog.csdn.net/haylhf/article/details/8351203 后有改动 在C# 中,两个ScrollViewer嵌套在一起或者ScrollViewer里 ...
- 浏览器开启桌面通知Web Notification
本文主要描述如何开启各个浏览器的桌面通知功能 一.谷歌浏览器(chrome) 点击地址栏前面的图标
- bootstrap4简单使用和入门03-响应式布局
响应式布局的原理 页面源码 <!DOCTYPE html> <html lang="en"> <head> <meta charset=& ...
- 通过python脚本获取服务器硬件信息
#!/usr/bin/python # coding:utf-8 """ 采集机器自身信息 1 主机名 2 内存 3 ip与mac地址 4 cpu信息 5 硬盘分区信息 ...
- 使用Vagrant搭建本地python开发环境
使用Vagrant搭建本地python开发环境 关于vagrant:Vagrant是一个基于Ruby的工具,用于创建和部署虚拟化开发环境,它使用Oracle的开源VirtualBox虚拟化系统也可以使 ...
- delhpi:http超时设置(转载)
原文地址:http://www.delphitop.com/html/kongjian/544.html var FHTTPClient:TIdHTTP; begin FHTTPClient := T ...