• 使用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/

  • 相关阅读:
    Node.js 函数
    Node.js模块系统
    在Apache服务器上安装SSL证书
    Node.js Stream(流)--文件操作
    HTML5自带验证美化
    HTML5约束验证API
    Node.js Buffer(缓冲区)
    Python 练习:简单的购物车(二)
    Python 练习:简单的购物车
    Python 列表操作
  • 原文地址:https://www.cnblogs.com/darrenji/p/4773649.html
Copyright © 2020-2023  润新知