Axure教程:原型设计之多用户注册登录

  • 栏目:用户体验 时间:2021-04-24 03:23
<返回列表

  当咱们碰到需求记委任户音信及活动史乘的产物时,一定少不了注册登录这个流程,下面咱们就一道来看下如许的原型该何如去创制吧。

  最先咱们需求一个动态面板,设备三种状况。状况1咱们行动登录界面,正在此中拖拽两个文本框,差异定名为:用户名1,暗码1,对第二个文本框类型设备为暗码;接着拖拽三个矩形框,一个填充为灰色,输入文字:登录,行动登录按钮,一个输入文字:没有账号,顷刻注册,行动注册界面触发按钮,一个输入文字:用户名或暗码不确切,请从头输入,定名为登录校验,字体可设备为赤色;末了,拖入一个中继器(相当于一个权且数据库)行动记载注册音信之用。如图:

  下面咱们要进入中继器,实行设备,中继器点进去之后会默认有一个矩形,有一列Column 0,咱们需求做的是先将矩形定名为:用户名,然后清空这一列默认的数据1,2,3,再增加一个矩形,定名为:暗码,接着正在中继器中增加一列Column 1,而且设备将两列数据显示正在差异显示正在两个矩形框中,如图:

  接下来咱们回到动态面板状况页面,实行跳转到注书页面设备,点击谁人“没有账号顷刻注册”矩形框,设备鼠标单击时用例:设备动态面板状况为state2,跳转到注册界面。

  咱们把动态面板第二个状况state2行动注册界面,正在这个页面咱们需求计算的部件有6个矩形框,3个文本框:

  第一个矩形框输入提示文字“用户名”,第二个矩形框输入文字“暗码”,第三个矩形框输入文字“暗码确认”,第四个矩形框输入文字“用户名或暗码不行为空”而且定名为空值校验,文字设为赤色,第五个矩形框输入文字“两次暗码输入纷歧律”而且定名为暗码校验,文字设为赤色,第六个矩形框输入文字“注册”,第一个文本框定名为“用户名2”放正在第一个矩形框下面,第二个文本框定名为“暗码2”类型设备为暗码放正在第二个矩形框下面,第三个文本框定名为“暗码3”类型也设备为暗码放正在第三个矩形框下面,为了稍显体面,将前面五个矩形框的边框破除掉,结果如图所示

  下面即是对咱们的注册音信实行判定了,判定的逻辑有三个:第一个,当用户名和暗码都不为空,且两次输入的暗码相称的功夫,则是注册告成,主动跳转到登录页面,校验框都障翳,这里有个合头事故,即是该条款下,要设备往中继器增加行,将用户框中的文字增加进列Column 0中,将暗码框的文字增加进Column 1中;第二个,当用户名暗码都不为空,两次暗码校验不相称的功夫,则显示暗码校验框,障翳空值判定框;第三个,当用户名暗码有一个为空值,则显示空值判定框,障翳暗码校验框。末了将两个校验提示框状况设备为障翳,全体用例设备睹下图:

  将动态面板第三个状况行动告成登录后界面,拖拽两个矩形框,一个输入文字登录告成,一个输入文字“切换账号,从头登录”并设备用例:鼠标单击,设备动态面板状况为state1 跳转回登录界面,实行从头登录。

  这是末了一步,咱们回到最起头的登录界面,对上岸按钮设备用例,当用户名和暗码是等于中继器中的实质时,判定登录告成,跳转至state3状况,不然显示登录校验;为了视觉成绩,能够将矩形边框及中继器状况设备为障翳,给跳转按钮设备字体颜色以及下划线互动。

  好了 颠末上面的一系列设施这个原型咱们就创制告成了,接下来就即刻去看一看吧!!!

  PS:该原型作众用户注册登录只用,倘若只是注册一个用户然后上岸的话是不需求用中继器来生存数据的,至于何如告终,小伙伴们有兴致我方发轫尝尝吧。

  教授,我照着您的原型画了一遍,其他的效力都能告终,但为什么注册前单输入一个用户名,登录时不提示“用户名暗码纰谬”?

  输入肖似的暗码后提示两次输入的暗码纷歧律,况且正在上岸界面输入确切的账号和暗码不行跳转到上岸告成界面,望向导

  感激众人合怀,比来无间正在忙,刚看到,确实有点疏忽,把持该当正在中继器里做,这里附上新的预览地方:,以及源文献下载地方:,众人能够从头下载观察,末了为我的失误致歉了..

  照着做的,只可单用户登录,第二个用户登录不了,下载原型运转也是注册第二个用户登录不了。

  这并不是众用户注册吧?为什么注册第二个用户之后,再登录就登录不了?有什么处分门径不,求教

  没找着因为,比来太忙了,我把原型下载下来好体面看研习一下好辣,感谢楼主~

  听到许众议论说正在中邦次序员是吃芳华饭的,那么产物司理呢,也吃芳华饭吗?

  人人都是产物司理(是以产物司理、运营为中枢的研习、调换、分享平台,集媒体、培训、社群为一体,全方位办事产物人和运营人,设立9年举办正在线+期,线+场,产物司理大会、运营大会20+场,遮盖北上广深杭成都等15个都市,内行业有较高的影响力和著名度。平台荟萃了繁众BAT美团京东滴滴360小米网易等著名互联网公司产物总监和运营总监,他们正在这里与你一道滋长。

更多阅读

郑州培训学校SEO公司-百度网站优化推广外

用户体验 2021-04-24
良众SEO职员的着急大批来自于我方的蒙昧,由于良众SEO根本常识咱们并不领略,这就导致咱们...
查看全文

Axure教程:原型设计之多用户注册登录

用户体验 2021-04-24
当咱们碰到需求记委任户音信及活动史乘的产物时,一定少不了注册登录这个流程,下面咱们...
查看全文

36氪每日投融资笔记(1月29日):医药电

用户体验 2021-04-24
壹药网建设于2010年5月,合键从事OTC药品、医疗用具、计生用品、养分保健等产物的B2C正在线月...
查看全文
返回全部新闻

友情链接:

Copyright © 2002-2021 明陞网络设计有限公司 版权所有 | 网站地图