【Axure RP9】实现登入效验及实现左侧菜单栏跳转各页面

目录

[一 效验简介](#一 效验简介)

[1.1 校验好处](#1.1 校验好处)

[1.2 应用场景](#1.2 应用场景)

[二 登入校验](#二 登入校验)

[2.1 效果](#2.1 效果)

[2.2 实现流程](#2.2 实现流程)

[三 左边菜单栏左侧菜单栏跳转各页面](#三 左边菜单栏左侧菜单栏跳转各页面)

[3.1 效果](#3.1 效果)

[3.2 实现图](#3.2 实现图)


一 效验简介

1.1 校验好处

提高安全性:

在传统的用户名和密码登录的基础上,引入了另一种或多种验证因素,降低了弱口令引发的安全风险

防止黑客攻击:

双因素认证技术可以有效防止网络钓鱼、漏洞利用、病毒攻击等安全威胁。

碰撞几率低:

由于采用了双因素认证技术,黑客破解的难度增加,攻击的风险大大降低。

降低信息泄露风险:双因素认证技术可以在用户信息泄露的情况下,降低被盗取的风险

1.2 应用场景

  1. **登录验证:**在用户登录时,Axure RP9可以设计一个登录界面,并通过效验功能对用户输入的用户名和密码进行验证。如果输入正确,则允许用户登录;如果输入错误,则提示用户重新输入或进行其他操作

  2. **表单验证:**在表单提交前,Axure RP9可以添加效验规则,对表单中的数据进行验证。例如,可以验证用户输入的邮箱格式是否正确、密码是否符合要求等。如果验证失败,则提示用户进行修正或重新输入

  3. **流程验证:**在业务流程中,Axure RP9可以设计多个页面和交互,并通过效验功能对流程中的数据进行验证。例如,在订单提交过程中,可以验证订单金额是否超过限额、是否已经存在相同订单等

  4. **数据统计和分析:**Axure RP9的效验功能还可以用于数据统计和分析。例如,可以设计一个数据报表页面,通过效验规则对数据进行筛选和过滤,从而得到符合条件的数据

总之,Axure RP9的效验功能可以应用于各种需要验证输入或数据正确性的场景,帮助提高系统的安全性和用户体验

二 登入校验

2.1 效果

2.2 实现流程

1 创建两个输入框 两个文本提示标签 两个正确小图标 一个加载(注意给它们取名字) 将它们全部隐藏 以便两个输入框校验提示

2 选择邮箱输入框 情形1: 输入框等于BingBingqq.com 动作: 将小图标显示

选择小图标 设置交互事件 当图标显示时 将提示文本隐藏

情形2: 输入框不等于BingBingqq.com 动作: 将提示文本显示

3 选择密码输入框 情形1: 输入框等于BingBingqq315 动作: 将小图标显示

选择小图标 设置交互事件 当图标显示时 将密码提示文本隐藏

情形2: 输入框不等于BingBingqq315 动作: 将密码提示文本显示

4 点击登入的时候 将加载图片显示 等待1.8秒后打开主界面

三 左边菜单栏左侧菜单栏跳转各页面

3.1 效果

3.2 实现图

相关推荐
梓贤Vigo4 天前
【Axure高保真原型】密码组输入框
交互·产品经理·axure·原型
招风的黑耳4 天前
Axure可视化大屏原型模板库:学习设计/提高效率/快速可视化
学习·axure·数据可视化·大屏设计
招风的黑耳5 天前
500+带交互的元件库:Axure原型设计的活字典
交互·axure·原型
雪碧聊技术9 天前
什么是Axure?
产品经理·axure·根据需求,画页面原型
十八朵郁金香16 天前
【H5工具】一个简约高级感渐变海报H5设计工具
前端·javascript·产品运营·axure·个人开发
asdfsdgss18 天前
Axure 组件不用手绘:ElementUI/Plus 元件库 + 大厂规范现成资源
elementui·axure·photoshop
xingxing_F24 天前
Axure RP 11 for Mac 交互式原型设计软件
macos·ui·axure·photoshop
PM老猫1 个月前
最新版谷歌浏览器Axure插件(免翻墙)
axure
梓贤Vigo1 个月前
【Axure教程】中继器表格间筛选
交互·产品经理·axure·原型·中继器
Faylynn2 个月前
Axure:元件库无法移除元件库(解决按钮是灰色不可点击)
axure