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

相关推荐
梓贤Vigo2 天前
【Axure高保真原型】图片列表添加和删除图片
axure
害羞的白菜2 天前
基于Axure+墨刀设计的电梯管理系统云台ERP的中保真原型图
数据分析·产品经理·axure·项目经理·墨刀
小赖同学啊2 天前
Axure 与 Cursor 集成实现方案
axure
孤蓬&听雨3 天前
Axure形状类组件图标库(共8套)
ui·产品经理·axure·产品设计·原型设计
孤蓬&听雨3 天前
Axure高保真LayUI框架 V2.6.8元件库
前端·layui·产品经理·axure·原型设计
招风的黑耳3 天前
Axure设计案例:滑动拼图解锁
axure·滑动拼图解锁
梓贤Vigo3 天前
【Axure视频教程】下载和安装Axure汉化包
axure·教程
YouYOUyouFairy3 天前
AXURE-动态面板
axure
小赖同学啊3 天前
Quick UI 组件加载到 Axure
ui·axure·photoshop
梓贤Vigo4 天前
【Axure高保真原型】交通事故大屏可视化分析案例
交互·产品经理·axure·原型