zoukankan      html  css  js  c++  java
  • 使用Axure RP原型设计实践07,注册判断

    本篇实现注册页的一些功能。本项目是通过用户名和电子邮件进行注册的。

    在本篇之前,在"使用Axure RP原型设计实践03,制作一个登录界面的原型"中已经对注册页做了基本的处理。


    打开注册页,把登录页的提示动态面板放到当前注册页面提示的正下方,对齐。

    提示的时候,有些提示只有一行,比如用户名没填,有些提示有2行,比如用户名和邮箱都没有填。可以把2个状态放到同一个动态面板中,给不同的状态命名,并让面板中部件的名称不重复


    先让动态面板隐藏,当点击注册的时候再显示。

    给注册按钮的OnClick事件编写用例。

    54


    如何让点击注册按钮的时候先使用动态面板中的某个状态呢?

    修改注册按钮OnClick事件的用例。

    55


     

    以上,尝试了显示动态面板,以及显示动态面板中的某一个状态。接下来先整理一下注册的思路。

    register

    以上,一个提示的有7个,二个提示的有8个,接下来就根据这个思维导图有针对性地编写事件用例。


    1、用户名和邮箱都为空
        --错误:请填写用户名
        --错误:请填写邮件地址

    添加一个用例,设置如下:   

    56 

    2、用户名为空,邮件输入
       --邮件已注册(用1表示邮件已注册)
               --错误:请填写用户名
               --错误:电子邮件已被注册请换一个

    添加一个用例,设置如下:

    57

    3、用户名为空,邮件输入
        --邮件无效(用2表示邮件无效)
            --错误:请填写用户名
            --错误:电子邮件地址不正确

    58

    4、用户名为空,邮件输入
        --邮件未注册
            --错误:请填写用户名   

    59

    现在要思考一个问题:在我们的思维导图中,一共有15种情况,现在只做了4种情况,代码已经比较多了。

    是否有更好的办法呢?

    通过思维导图,我们发现错误提示只有那么几种情况,是否可以以此为切入点呢?

    复制出一个当前的注册页,删除所有的登录按钮的OnClick事件的用例,重新编写如下:

    60

    以上,username为2表示用户名格式错误,为1表示用户名已被注册。email为1表示邮件已被注册,为2表示邮件格式错误。


    总结:

    ● 当情况比较多的时候,可以考虑使用思维导图帮助设计
    ● 当动作中有重复的部分,就可以考虑提取重复的部分再次抽象


    参考资料:http://www.iaxure.com/

  • 相关阅读:
    C# MQTT M2MQTT
    C# MethodInvoker委托的使用
    linux打包/解压-tar
    linux挂载查看、添加与取消
    IE6、火狐不支持a:visited
    js和jquery中的触发事件
    MySQL5.7.9免安装版配置方法
    mysql数据库在Navicat Premium连接的时候出现1862错误
    mysql max_allowed_packet查询和修改
    服务器是windows时tomcat无法打印所有日志配置修改
  • 原文地址:https://www.cnblogs.com/darrenji/p/4773649.html
Copyright © 2011-2022 走看看