服务器之家

服务器之家 > 正文

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

时间:2020-12-31 13:57     来源/作者:SexyCode

javaweb表单注册界面的实现方法

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

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

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

往数据库添加数据

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

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

原文链接:http://blog.csdn.net/hzy38324/article/details/44119117

标签:

相关文章

热门资讯

2022年最旺的微信头像大全 微信头像2022年最新版图片
2022年最旺的微信头像大全 微信头像2022年最新版图片 2022-01-10
蜘蛛侠3英雄无归3正片免费播放 蜘蛛侠3在线观看免费高清完整
蜘蛛侠3英雄无归3正片免费播放 蜘蛛侠3在线观看免费高清完整 2021-08-24
背刺什么意思 网络词语背刺是什么梗
背刺什么意思 网络词语背刺是什么梗 2020-05-22
yue是什么意思 网络流行语yue了是什么梗
yue是什么意思 网络流行语yue了是什么梗 2020-10-11
暖暖日本高清免费中文 暖暖在线观看免费完整版韩国
暖暖日本高清免费中文 暖暖在线观看免费完整版韩国 2021-05-08
返回顶部