用RP8制作登录面板，并通过验证码验证

效果图如下：

一、实验目的

1. 掌握全局、局部变量的使用
2.  掌握常见部件和页面函数的使用

二、实验环境

1、微型计算机一台

2、WINDOWS操作系统，Axure RP 8.0.

三、实验内容

按下列要求完成实验内容。

1. 登录表单验证，具体要求如下：

   在登录页中输入用户名“李明”、密码“123456”，单击“登录”按钮跳转到欢迎页面；若输入其他信息或不输入任何内容，则提示“用户名或密码错误”，并自动清空文本框中的数据，设置焦点至用户名文本框。

1. 跨页面传递用户信息，具体要求如下：

按照上一个案例的思路继续进行，当以“李明”的身份登录并跳转至欢迎页面后，欢迎页面显示当前的用户信息；单击“退出”按钮后，返回登录页并清空用户信息。

1. 生成四位验证码，具体要求如下：

按照上一个案例的思路继续进行，在登录页中增加随机验证码，即页面加载时自动生成四位随机验证码（大小写英文字母、数字混排），单击可更换。单击“登录”按钮时，需正确填写验证码，否则提示“验证码输入错误”。

四、实验步骤和结果

1.加入基本元素

2.设置提示框体，并命名显示器，样式设置为无线，背景色设置为与登陆面板相同

4.设置全局变量，若有其他用户可以直接在此处添加

3.为登陆按钮设置条件，并配置相应动作。此处注意要将CASE2的执行顺序提前到第一个，保证先进行验证，验证成功后在进行跳转。

4.设置欢迎页面，在页面载入时，自动填充账号密码信息（注意单击空白地方）

4.设置退出按钮并配置链接到登陆页面动作（可以用新的矩形框住恭喜字样，并设置无线）

至此，一个简单的登陆验证并跳转的页面已经制作成功了，下面来加大一下难度，在登陆面板设置一个随机验证码

5.设置全局变量

6.为登陆面板添加两个框体，分布命名为验证码输入框和验证码生成框

7.设置页面载入时生成四位验证码

这里利用了内置函数，包括数学的随机函数，和字符串的定位函数，checkcode是自定义的全局变量。随机函数生成[0,1)之间的小数，因此*63，并下取整，保证可以取到[0,62]

8.设置鼠标单击事件，更换验证码

   9.修改登陆鼠标单击事件

五、实验总结

恭喜你，小宝贝儿，您已经成功学会登陆面板的原型制作啦~