zoukankan      html  css  js  c++  java
  • JavaWeb表单注册界面思路分析

    今天又做了一个注册界面,还是一如既往的从以前的代码copy过来,于是决定总结一下做注册界面的思路,供同学参考。



    Step1 页面实现

    在这一步主要用到了html、css、JavaScript的知识。

    1)  html

    建立页面基本结构。建议在做html的时候给每个Element都设置id,方便之后的css、JavaScript操作。

    2)  css

    给节点设置长、宽、边距、边框、背景等样式。

    3)  js

    设置按钮鼠标悬停时的背景变化等。页面效果实现。

     

    Step2 表单校验

    1)  使用JavaScript进行页面校验

    输入框得到焦点,隐藏错误信息

    输入框失去焦点,进行校验

    提交时再进行所有输入框校验

    校验内容:

           输入内容是否为空

           输入字符长度是否符合

           两次密码是否一致等等

    2)  使用Ajax进行服务器端校验

    校验内容:

    用户名是否已被注册

    邮箱是否已被注册

    验证码是否正确

     

    Step3 提交注册

    使用JavaWeb的经典架构 Servlet—Service—Dao

    1)  Servlet

    校验参数:这里的校验参数才是真正意义上的校验,之前的校验只是一种改善用户体验的需要。注意如果发生错误,要能够回显用户之前输入的信息,否则用户得疯了。。

    封装表单数据到JavaBean

    把表单数据传递给Service完成业务

    保存注册成功信息

    转发到成功界面显示成功信息

    2)  Service

    补全JavaBean对象的信息(id、激活码等不由用户输入的信息)

    调用Dao保存数据到数据库

    发送激活邮件

    3)  Dao

    往数据库添加数据

     

    一个基础的注册界面通过这三个步骤就可以完成,这里只讲思路,代码实现相信网上很多。


  • 相关阅读:
    sed与正则用法收集
    第一学期网络技术知识总汇
    常用的windows注册表大全
    1-1 Linux系统安装
    用javascript写计算器
    closure
    Linux-Rhel6 恢复误删文件
    flask第十一篇——自定义url转换器
    flask第十篇——url_for【3】
    flask第九篇——url_for【2】
  • 原文地址:https://www.cnblogs.com/javdroider/p/5184327.html
Copyright © 2011-2022 走看看