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

往数据库添加数据

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

如有疑问请留言或者到本站社区交流讨论，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！