【Axure】使用中继器实现登陆注册功能
演示效果:
1、新建 [登录] 页面,导入做好的手机壳素材,拖放“动态面板”到手机屏幕,命名为“登录页动态面板”,面板内包含三种状态,如下图所示:
![](/assets/blank.gif)
2、找到【表格】元件和【中继器】元件,拖放到动态面板外,不要放在面板的状态内,不然无法预览,具体样式如下图所示
3、下面需要做两步操作为中继器绑定数据;
首先双击中继器,进入中继器内,为里面的每一矩形元素定义名称(如果有其他需要绑定数据的元件,也不要忘了命名哦),如图3-1所示;
![](/assets/blank.gif)
之后单击中继器,在样式面板中,修改这里的表头为每一列要存储的信息类型(第2步的表头是表格元件的表头,只是为了方便预览时理解,与中继器的存储数据无关),具体如图3-2所示。
![](/assets/blank.gif)
4、接下来,就可以使用交互事件绑定数据了。单击中继器,可以先为其命个名“数据库”,之后添加交互“每项加载 > 设置文本”。将中继器中的矩形元素绑定到对应的列。具体如图4-1所示。
![](/assets/blank.gif)
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 *重点: 数据库相关: 数据库操 ...
最新文章
- Spring MVC学习-------------訪问到静态的文件
- Tungsten Fabric SDN — Service Chain — Basic Service Chain and Policy-Based Steering
- Objective-C单例实现
- linux ps查看进程命令
- 电脑入门完全自学手册_电气自动化自学宝典——看过人人都是工程师
- SpringBoot整合oss实现文件的上传,查看,删除,下载
- iPhone SE 3售价曝光:搭载A15芯片 价格依旧香
- 安装python时需要勾选_工业洗衣机安装时需要注意什么?
- python实时监控redis队列_Python的Flask框架应用调用Redis队列数据
- android通过手机热点通信
- 校园网免认证登录基于DNS伪装包
- java方法重载的好处_Java方法重载浅谈
- 计算机原理 做实验报告,微机原理实验报告心得体会
- Vuex_Todos
- SpringMVC类型转换遇到的问题
- OCO-2卫星数据批量化下载教程
- 【蓝桥杯单片机】第十三届蓝桥杯单片机省赛客观题及其题解
- 计算机单总线结构的特点,单总线优缺点
- java+英尺英寸,以英尺和英寸显示英尺的小数点(javascript)
- SimpleITK使用——3. 常见操作