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

相关推荐
xy34533 天前
Axure9.0 热区典型实战使用场景
ui·axure·原型·产品设计
充值内卷3 天前
把 Visio 和 Axure 塞进一个 1.5 MB 的 exe:Visioxure 的架构与取舍
架构·axure
充值内卷3 天前
Visio、Axure、draw.io、ProcessOn、墨刀、Figma:六款工具哪个该干哪件事
axure·draw.io·processon
xy34537 天前
Axure 9.0 列表框 介绍
ui·axure·原型·产品设计
xy34537 天前
Axure 9.0 内联框架加载方式
前端·ui·html·axure·原型·产品设计
汉派日月土申15 天前
【移动元件库】8.时间轴
产品经理·axure
结构化知识课堂17 天前
Axure产品原型设计:AI能画原型了,为什么你还得懂这些术语?
人工智能·axure·原型设计·ai产品经理
xy345322 天前
Axure 9.0 动态面板基本操作
前端·ui·html·axure·原型·产品设计
结构化知识课堂22 天前
AI产品设计思维:需求分析的新变化(与传统软件的区别)
人工智能·产品经理·axure·需求分析·ai产品经理·数据产品经理
xy34531 个月前
Axure 9.0 中继器核心结构
前端·ui·html·axure·原型·产品设计