利用axure做原型图——登录界面验证码的实现
2016-12-06 16:33
423 查看
第一步:准备好相关的部件,拖入一个矩形框至设计区域,矩形框中默认输入R8UW;
第二步:选中矩形框,选择鼠标单击事件,选择设置变量新增动作,配置动作中选择新增变量,新增全局变量random_str,并给予赋值ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789(验证码就是从这里随机抽取)
第三步:给验证码矩形框随机赋值,配置动作选中验证码矩形框,下方的文本赋值中,点击fx,插入字符串函数[[random_str.substr(random_str.length*Math.random(),1)]],插入4遍,每一遍之间用空格隔开,这段函数表达的是从全局变量那一串内容中,随机抽取一个字符,插入4遍,即表示抽取4个字符。将用例复制到矩形框单击事件中。
预览刷新,即可看到点击验证码矩形框随机出现验证码的效果。
美中不足的是,验证码只有纯文本形式,没有干扰元素,制作验证码的方法有待继续研究
……
第二步:选中矩形框,选择鼠标单击事件,选择设置变量新增动作,配置动作中选择新增变量,新增全局变量random_str,并给予赋值ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789(验证码就是从这里随机抽取)
第三步:给验证码矩形框随机赋值,配置动作选中验证码矩形框,下方的文本赋值中,点击fx,插入字符串函数[[random_str.substr(random_str.length*Math.random(),1)]],插入4遍,每一遍之间用空格隔开,这段函数表达的是从全局变量那一串内容中,随机抽取一个字符,插入4遍,即表示抽取4个字符。将用例复制到矩形框单击事件中。
预览刷新,即可看到点击验证码矩形框随机出现验证码的效果。
美中不足的是,验证码只有纯文本形式,没有干扰元素,制作验证码的方法有待继续研究
……
相关文章推荐
- ASP.NET 实现登录界面(生成验证码)
- 实现带有验证码的ajax局部刷新登录界面
- 利用okhttp框架实现包含验证码的用户登录,保持session操作(上)
- asp.net如何实现生成验证码的登录界面
- Java实现登录界面的验证码
- 利用okhttp框架实现包含验证码的用户登录,保持session操作(下)
- 第三百三十五节,web爬虫讲解2—Scrapy框架爬虫—豆瓣登录与利用打码接口实现自动识别验证码
- android开发利用tablelayout布局实现登录界面
- MVP详解---利用MVP模式实现一个登录界面
- js实现登录界面验证码生成及验证
- 利用jQuery做登录界面的验证码
- ASP.NET 实现登录界面(生成验证码)
- 大众化的登录界面的一种完美简单的实现方法(验证码+自带一键删除+用户名密码为空时抖动提示)
- 简单的利用数据库实现登录界面
- Axure学习之百度登录界面原型图
- java图形登录界面验证码的实现
- JSP作业2 - 利用html实现简单的用户登录注册界面
- Java实现登录界面的验证码总结
- Ajax实现带有验证码的局部刷新登录界面
- 利用Zend_Form_Element_Captcha 实现登录验证的验证码功能