版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
【Axure教程】验证码,除了12306,我还没有服过谁(数学运算篇)在软件设计中,为了防止暴力注册或爬虫爬取等机器恳求,需要验证操本尊是人还是机器,因此催生了验证码这个设计。
目前验证码已经衍生出很多的形式,包括图形验证、数学运算、点选文字、滑动拼图等,本文主要介绍怎么使用Axure来设计一个动态的数学运算验证码。
先看一下效果(传送门):
本文有不少的学问点我在《【Axure教程】验证码,除了12306,我还没有服过谁(图形验证篇)》中已经介绍过,所以本文直接进入主题,其实也是由于在撰写本文的时候,正顶着38.5的体温,实在有点扛不住了,假如这篇文章对你有用的话,请帮忙点个“保藏”和“喜爱”。
外观外观方面我就不多做说明,可以参考上方提到的文章,接下来直接上教程。
一、全局变量
下面是需要用到的变量:
每个变量的作用分别是:
num1:存储生成的第一个数num2:存储生成的其次个数num1_up_limit:num1的上限,默认50num2_up_limit:num2的上限,默认50ops:运算符集,默认【+-*/】,四则运算,假如不想那么犯难用户,可以只保留【+-】op:存储从【ops】中取出的运算符formula:存储生成的完整公式cal_result:生成公式的计算结果,可以用于对比验证用户输入的结果是否与预期结果匹配二、动态面板
需要用到两个动态面板,其中一个是用来作为公式的生成器,另外一个用来做整除推断,假如生成的运算符【op】是【/】的时候,需要校验生成的数是否能够整除,不能则需重新生成:
三、验证码图片规律
验证码图片的规律很简洁,首先是【单击时】将两个数值和运算符变量清空,这样每次点击的时候才能通过相关变量是否有值来推断生成胜利与否,接着开启验证码生成器循环,开头生成验证码公式,最终在添加【载入时】点击验证码图片的大事:
四、验证码生成器规律
首先要生成运算符,由于假如涉及到【-】或者【/】的时候,需要确保生成的数值减完之后不会变成负数,或者消失不能整除的状况,生成规律就是直接从【ops】随机抽取一个:
接着生成【num1】,由于【num1】是前面的数,所以怎么生成都行,只要确保在【num1_up_limit】内即可:
生成【num2】就简单得多,需要依据运算符【op】来生成,假如是【+】和【*】,则生成规章与【num1】全都,假如【op=-】,则【num2】的上限应当是【num1】,这样才不会减出来负数,至于【op=/】的规律,下一板块来讲:
接下来是生成公式,生成公式按运算符【op】分为4个场景,其实每个场景都一样,但是由于Axure中没法直接用变量作为运算符,所以只能分4个场景并手动输入运算符,这样才能获得结果
五、整除推断
上图中可知,当运算符【op=/】时,启动整除运算器的循环,整除运算器规律如
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 搭积木课程设计
- 挂牌仪式领导讲话稿范文(7篇)
- 2024年办公场地租赁及办公家具配置合同3篇
- 我与父母交朋友课程设计
- 2024年版专业养猪场饲养员聘用合同版
- 2024年度物流运输代签合同授权委托书模板3篇
- 房地产销售人员工作总结
- 开学致辞范文
- 开学家长寄语
- 2024年出租车公司司机劳动合同3篇
- 市政公司3年战略规划方案
- 2024年江苏护理职业学院高职单招(英语/数学/语文)笔试历年参考题库含答案解析
- 四年级美术 16. 印染“花布”【全国一等奖】
- DB21-T 2931-2018羊肚菌日光温室栽培技术规程
- 西安地铁8号线路规划方案
- 《中国历史简介》课件
- 2024年共享停车行业分析报告及未来发展趋势
- 2024年度医院内分泌与代谢科述职报告课件
- 手术室无菌操作流程
- 俄罗斯售卖产品活动策划
- 斜拉桥施工技术
评论
0/150
提交评论