【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 实现图

相关推荐
招风的黑耳12 小时前
Axure设计之内联框架切换页面、子页面间跳转问题
axure·页面跳转·内联框架
梓贤Vigo1 天前
【Axure高保真原型】输入框插入话题效果
交互·产品经理·axure·原型
招风的黑耳2 天前
智慧城市综合运营管理系统Axure原型
智慧城市·axure
梓贤Vigo14 天前
【Axure教程】增删改饼图
交互·产品经理·axure·原型·教程
梓贤Vigo15 天前
【Axure高保真原型】动态地图路线
交互·产品经理·axure·原型
梓贤Vigo15 天前
【Axure视频教程】手电筒效果
交互·产品经理·axure·原型·教程
招风的黑耳16 天前
Axure复选框组件的深度定制:实现自定义大小、颜色与全选功能
axure·axure元件
招风的黑耳17 天前
基于Axure的动态甘特图设计:实现任务增删改与时间拖拽交互
axure·甘特图
小马哥编程18 天前
【产品经理从0到1】原型及Axure介绍
产品经理·axure·photoshop
PM大明同学19 天前
Axure PR 9 中继器 标签
ui·交互·产品经理·axure