Axure实例教程:新手入门,制做web申请注册/登陆控制模

无需加好友免费技术支持

作为一名年老且不出色的产品经理，近些年并没有优异的商品产出率。近期听完几本，总算恍然大悟，察觉自己为什么一直深陷并没有生产出来的涡旋。因此从今天起，做为一个产品，小白凯根据共享再次磨练自己Axure实例教程，让喜爱新产品的好朋友敲击自己的视频，提升自己的水准，欢迎批评。

这也是第一篇Axure实例教程:新手新手入门，制做web申请注册/登陆控制模块

登陆：

申请注册：

密码忘了：

(1)登录功能

用户使用键入昵称、手机号码账号和密码进行登陆全过程。

昵称必须判断并不是空；手机号码必须判断手机号码的数字和是否满足手机号码规范；点击登录按钮开展判断。假如发生错误，当前页显示错误，切勿页面跳转。（2）申请注册作用

申请注册全过程由客户键入昵称、手机号码、短信验证码账号和密码进行。

昵称能够登陆网站，必须判断(唯一/去重)；手机号必须判断手机号个数是否满足手机号规范；发送验证码必须确定手机号符合规定，反复发送验证码60。s重置时间，上传的短信验证码合理5min，所使用的短信验证码马上消毁；登陆密码必须判断并不是空，必须满足检测标准。（3）密码忘了

重置密码昵称和手机号码重置密码。

昵称必须判断是不是为空；手机号必须判断手机号个数是否满足手机号规范；发送验证码必须确定手机号码字段名符合规定；反复发送验证码60s重置时间；上传的短信验证码有5分钟生效时间；所使用的短信验证码马上消毁；重新输入的登陆密码必须判断并不是空，必须满足检测标准；第二次输入登陆密码必须判断是不是和第一个登陆密码同样。

(1)登陆页面

能通过转换器件的掩藏和表明特性去完成交互。

判断一部分仅需设定元器件文字相当于实际值就可以。

有的朋友不善于上传图片，可以参考一下这里我设置，虽然没有极致，但实际上点击效果还是不错的。

(2)注册网页

注册网页的具体部分为发送验证码的那一部分。

这儿的操作流程是点击按钮->60s倒数计时 ～ 0s倒数计时->修复点击按钮，反复全过程。

在这样的交互的建立中，最先设置一个自变量 keyNumber 数值60。

之后在发送验证码按键上加入一个没有使用的交互测试用例，比如：我在这应用转动时。

设定转动时开启的两大判断标准：一个是 keyNumber > 0 , 一个为 keyNumber = 0。

当以上2个判断被激发时，数据能够倒数计时，随后必须开启转动时动作。在发送验证码按键中加入点一下交互测试用例，设定触发事件，寻找现阶段原素设定交互测试用例。

如图所示：

(3)密码忘了网页页面

密码忘了网页页面并没有交互艰难，基本上就是反复以上好几页的交互姿势。

本实例教程的一些作用没有实现，都没有容错机制。比如，防刷体制需要提供登陆、申请注册、短信验证码、密码忘了确认的帐户和第三方登录的关联银行账户。（现阶段，该领域的一般方法是什么加上各种各样图形验证码）

连接(再点或复制后在浏览器输入):

文中由 @jiantian 每一个人都是产品运营。未经同意许可，禁止转载

题图来源于Unsplash，根据CC0协议书