利用中继器实现多账号登录

上次有个小伙伴在群里提出这个问题,利用中继器怎么实现登录。细细思来感觉没有头绪。这篇文章的诞生要感谢群员梦儿,梦儿提供了大致的思路。

【知识点】

中继器的使用

函数visibleItemCount的使用(用途:中继器项目列表中可见项的数量。比如:项目列表共有15项,分页显示为每页6项。当项目列表在第1、2页时,可见项数量为6;当项目列表在第3页时,可见项数量为3)

【元件准备】


利用中继器实现多账号登录_第1张图片
各页面的搭建及命名

注意事项:ts,cw,sss,中继器(数据)是默认隐藏的

【第一步】

中继器的设置及加载数据,不知道的请回看Axure系列教程(十):中继器的介绍


【第二步】

对注册账号进行添加用例,鼠标单击时


利用中继器实现多账号登录_第2张图片

因为是利用动态面板做的,所以切换到注册。同时设置dluser,dlpass内容为空,因为切换状态,不改变动态面板的内容


【第三步】

点击注册,将数据保存到中继器


利用中继器实现多账号登录_第3张图片

保存数据之后,状态切换到登录状态,并提示注册成功字样

【第四步】

点击登录的时候判断我输入的账号密码是否在数据库中,不在就提示错误,存在及成功就跳转到成功页面。首先筛账号存不存在,再筛密码存不存在。(筛密码的时候别移除之前的筛选结果,因为要在第一次筛选的基础上再筛一次。)


如果存在数据及中继器项目列表中可见项的数量为1,就跳转到成功页面


利用中继器实现多账号登录_第4张图片

如果数据不存在及中继器项目列表中可见项的数量为0,证明账号密码错误,则提示用户名或密码错误

【第五步】

当我们账户密码为空时应该要提示进行输入


利用中继器实现多账号登录_第5张图片

整个登录的用例判断如下


利用中继器实现多账号登录_第6张图片
整个登录判断

【第六步】

  预览

你可能感兴趣的:(利用中继器实现多账号登录)