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

相关推荐
测试修炼手册5 天前
[测试工具] Axhub MCP:把 Axure PRD 变成测试用例
测试工具·测试用例·axure
梓贤Vigo6 天前
【Axure原型分享】AI自动回复机器人
交互·产品经理·axure·原型
xy34539 天前
Axure9.0中继器-初识篇
产品经理·axure·原型
Chensay.12 天前
Axure RP安装(已汉化)附下载地址
axure·结构设计
招风的黑耳13 天前
Axure动态柱状图设计指南:从静态到交互的完整实现
交互·axure·柱状图
招风的黑耳13 天前
Axure动态折线图设计指南:从静态到交互的完整实现
交互·axure·photoshop
招风的黑耳14 天前
智慧社区可视化平台:构建“现实-数字“双生社区的智能中枢
axure·原型·可视化
x***r15118 天前
AxureRP-Setup安装步骤详解(附Axure RP原型设计与汉化教程)
ui·axure·photoshop
AC赳赳老秦21 天前
OpenClaw与Axure联动:自动生成原型图组件、批量修改原型样式,提升设计效率
python·web安全·ui·音视频·axure·photoshop·openclaw
秋922 天前
Axure RP Extension for Chrome 安装与配置完全指南:解决本地原型查看限制的深度解析与实践
chrome·axure·photoshop