【Axure】使用中继器实现登陆注册功能

演示效果：

1、新建 [登录] 页面，导入做好的手机壳素材，拖放“动态面板”到手机屏幕，命名为“登录页动态面板”，面板内包含三种状态，如下图所示：

2、找到【表格】元件和【中继器】元件，拖放到动态面板外，不要放在面板的状态内，不然无法预览，具体样式如下图所示

3、下面需要做两步操作为中继器绑定数据；

首先双击中继器，进入中继器内，为里面的每一矩形元素定义名称（如果有其他需要绑定数据的元件，也不要忘了命名哦），如图3-1所示；

之后单击中继器，在样式面板中，修改这里的表头为每一列要存储的信息类型（第2步的表头是表格元件的表头，只是为了方便预览时理解，与中继器的存储数据无关），具体如图3-2所示。

4、接下来，就可以使用交互事件绑定数据了。单击中继器，可以先为其命个名“数据库”，之后添加交互“每项加载 > 设置文本”。将中继器中的矩形元素绑定到对应的列。具体如图4-1所示。

5、完成数据绑定后，就可以实现注册功能了，进入[账号注册]状态，点击注册按钮，为其添加交互，这里说下逻辑。只要必填项不为空，且勾选了用户协议，就可以注册，往中继器中添加数据。

判断各个文本框是否为空，为空的话，执行其他情形下的步骤，显示对应的错误提示（此操作不涉及中继器，不再赘述）。当用户写完信息，且勾选了用户协议，就会执行“添加行”这一操作，将输入在文本框中的信息添加到中继器对应的列中，赋值给矩形元素。具体实现如图中的“情形8”所示。

6、在账号登录状态下，点击登录按钮，为其添加交互，同样的判断信息是否为空，不为空再进行进一步判断，输入的信息是否和中继器一致。（要注意不要搞混不同状态下的输入框）

如果输入框中的值不为空，进行进一步判断，执行“添加筛选”操作，根据输入的信筛选出符合条件的用户，将之筛选至中继器的第一行。（如果不加筛选就进行数据匹配，会匹配不到除第一行以外的用户数据，自己可以尝试一下去掉筛选后的登陆效果）

这里，我同时使用了用户名和密码筛选，也可以只使用用户名筛选，但务必确保筛选结果的唯一性，只保留一条数据信息到第一行。

7、将符合条件的用户筛选之第一行后，就可以进行数据匹配了，匹配成功进行跳转。

8、最后可以定义全局变量，将匹配到的正确结果赋值给变量，可以在其它页面使用。比如在个人信息页展示用户名。

【Axure】使用中继器实现登陆注册功能相关推荐

用户登陆注册功能(PHP)
对于许多web应用程序而言,数据库都是其核心所在.数据库几乎可以用来存储所有你想要检索和更新的任何信息,下面是一个通过PDO操作MySQL数据库来实现用户登陆注册功能的案例效果图展示: 这是登陆和注 ...
Android 实现简单的登陆注册功能（SharedPreferences和SQLite）
最近刚好做了一个Android的登录注册界面,将数据利用SharedPreferences或者SQLite绑定到Android程序中,实现简单的登陆注册功能,本文未涉及到与服务器的交流. 首先,对于登 ...
利用Bmob快速实现安卓的简单登陆注册功能Bmobsdk3.6.9版本亲测可用（详细图文攻略附带处理小bug）
前言:从其他人的留言中我知道Bmob这个云数据库,之前我一直在自己写后台但是发现太慢了要学的东西超级多,脚手架也不知道为什么老是搭不上很蛋疼,然后春节又必须回来老家山区里面有些事情耽搁了后台也凉了,后 ...
小程序登陆注册功能的实现
我们在开发小程序时,难免会用到登陆注册功能.通常小程序有为我们提供用户授权登陆的功能,但是这个只能获取用户的头像和昵称,我们该怎么样来实现小程序账号密码的注册和登陆呢,今天就来手把手的带大家学习小程序 ...
java用于保存登录对象怎么写,利用对象流模仿登陆注册功能——Java对象流应用...
要求: 1.建一个User类,类中结构有用户名.密码.注册日期三个属性, 一个注册方法和一个登录方法. 2.建一个Data类,用一个List装载用户数据,有保存数据,读取数据的方法. 3.利用对象流, ...
html登陆注册功能实现,实现用户的登录注册功能
在基于Spring Boot框架上,实现用户的登录注册功能, 首先分析前期所需要的规划. 1 实现登录注册前端向后端发起post请求 2用户密码安全性密码是不推荐明文入库的,在后台采取秘钥加加不可 ...
借助小程序云开发实现小程序的登陆注册功能
小程序云开发讲解视频:https://edu.csdn.net/course/detail/9604 有了云开发我们不仅可以方便的获取到用户的openid,还可以通过云开发的数据库来存储用户信息,进而 ...
网站学习心得-登陆注册功能
//环境: 1.没什么环境要求正文一.需求分析: 1.注册功能实现新用户信息的创建:账号.密码.昵称.邮箱账号:不能重复,不能少于6位,纯数字密码:不能少于6位昵称:最长6位字符,不能重复 ...
web_01Java ee实现登陆注册功能
Web Web_01版本: 实现功能用户注册用户登录设计内容数据库:mysql 服务器: tomact7 配置 : xml 页面 : jsp+html/css *重点: 数据库相关: 数据库操 ...

【Axure】使用中继器实现登陆注册功能

【Axure】使用中继器实现登陆注册功能相关推荐

最新文章

热门文章