Rumah >Java >javaTutorial >JavaWeb实现表单注册界面的方法实例

JavaWeb实现表单注册界面的方法实例

黄舟
黄舟asal
2017-09-09 11:11:573600semak imbas

这篇文章主要介绍了JavaWeb表单注册界面的实现方法的相关资料,希望通过本文大家能掌握这部分内容,需要的朋友可以参考下

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

往数据库添加数据

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

Atas ialah kandungan terperinci JavaWeb实现表单注册界面的方法实例. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn