{ Hauy`s blog } Inpeck.com

通过Axure，我们可以做很多事情。
我们甚至可以建立起一套和真实网页几乎完全一致的页面原型。

今天我要给大家介绍怎样通过Axure内置的变量来模拟注册和登录的过程。

Axure的变量功能相对还是比较简单的。
注册的过程，就是用组件中的值对变量进行赋值。 
登录的过程，就是把组件中的值和变量对照，如果相等，就可以登录，反之则不允许。

首先，我们要在菜单 Wireframe -> Manage Variables 项里设置好我们需要的变量：

在注册页面上，我们也需要几个文本框，把他们的Label设置为Username、Password和Email。

然后我们在提交的按钮增加一个交互事件。
在点击提交按钮的时候对变量进行赋值。

注册过程大体上就是如此。
当然我们也可以加入很多判断和提示内容，比如检查Email 地址是否合法，用户名的长度是否超过要求等等。
这些都看自己的需要了。 

然后是登录的页面。

登录页面通常只需要Username和Password两个文本框， 在提交表单的时候判断这两个值是否和变量中的相等就可以了。
登录时可能需要设置好几个Case，比如用户名不匹配如何、密码不匹配如何等等。
提交时判断用户名密码是否一致的交互事件设置如下所示：

判断一致，则跳转到登录成功页面。
整个过程非常简单，Axure确实很容易上手。

不过做这个原型的时候我也发现两个问题：

一、 无法直接在widget上显示变量的值

比如说我要在登录后的界面显示“欢迎你！某某某！”，后面的某某某想从变量里取，就没办法。

二、设置条件判断时不能进行综合设置，无论有几个条件，只能设置单一的与和或。

比如我登录的时候可以输入Username登录，也可以输入Email登录，那么现在似乎就没有办法。
现在我只能设置(Username“等于”变量里的Username，而且Password“等于”变量里的Password)。
不能设置((Username“等于”变量里的Username 或者 Email“等于”变量里的Email) 而且 Password“等于”变量里的Password)

关于这两点缺陷，不知道大家有没有什么好的办法？
或者Axure在这方面还有我不知道的功能，希望大家可以一起交流探讨。

本案例所涉及的rp文件可以点此下载。
HTML原型可以点击这里查看。