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
往数据库添加数据
一个基础的注册界面通过这三个步骤就可以完成,这里只讲思路,代码实现相信网上很多。
如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
相关推荐
-
Java实现跳跃表(skiplist)的简单实例
跳跃链表是一种随机化数据结构,基于并联的链表,其效率可比拟于二叉查找树(对于大多数操作需要O(log n)平均时间),并且对并发算法友好. 基本上,跳跃列表是对有序的链表增加上附加的前进链接,增加是以随机化的方式进行的,所以在列表中的查找可以快速的跳过部分列表(因此得名).所有操作都以对数随机化的时间进行. 实现原理: 跳跃表的结构是:假如底层有10个节点, 那么底层的上一层理论上就有5个节点,再上一层理论上就有2个或3个节点,再上一层理论上就有1个节点.所以从这里可以看出每一层的节点个数为其下
-
用Java打印九九除法表代码分析 原创
可能你已经学会了如何在Java中用循环语句打印九九乘法表,但学习是一个需要能够举一反三的事情,接下来,我们就来看看如何使用for循环语句打印九九除法表. 代码(九九除法表): public class TestNineNine { public static void main(String[] args) { for(int b=1;b<=9;b++) { for(int a=1;a<=9;a++) { int c = a*b; System.out.print(c+"/"
-
Java使用正则表达式提取XML节点内容的方法示例
本文实例讲述了Java使用正则表达式提取XML节点内容的方法.分享给大家供大家参考,具体如下: 现在有类似<doc>abc</doc><title>3232</title> <doc>只要内容</doc>这么一个串,需要提取abc,3232,只要内容的节点内容 public static List getContext(String html) { List resultList = new ArrayList(); Pattern
-
JAVA正则表达式过滤文件的实现方法
JAVA正则表达式过滤文件的实现方法 正则表达式过滤文件列表,听起来简单,如果用java实现,还真需要一番周折,本文简析2种方式 1.适用于路径确定,文件名时正则表达式的情况(jdk6的写法) String filePattern = "/data/logs/.+\\.log"; File f = new File(filePattern); File parentDir = f.getParentFile(); String regex = f.getName(); FileSyst
-
java导出数据库中Excel表格数据的方法
本篇文章基于java把数据库中的数据以Excel的方式导出,欢迎各位大神吐槽: 1.基于maven jar包引入如下: <dependency> <groupId>net.sourceforge.jexcelapi</groupId> <artifactId>jxl</artifactId> <version>2.6.12</version> </dependency> 2.首先创建数据库对应的实体类VO :U
-
JavaWeb表单注册界面的实现方法
JavaWeb表单注册界面的实现方法 今天又做了一个注册界面,还是一如既往的从以前的代码copy过来,于是决定总结一下做注册界面的思路,供同学参考. Step1 页面实现 在这一步主要用到了html.css.JavaScript的知识. 1) html 建立页面基本结构.建议在做html的时候给每个Element都设置id,方便之后的css.JavaScript操作. 2) css 给节点设置长.宽.边距.边框.背景等样式. 3) js 设置按钮鼠标悬停时的背景变化等.页面效果实现. St
-
JavaWeb表单及时验证功能在输入后立即验证(含用户类型,性别,爱好...的验证)
问题:表单怎么在输入后立即验证,而不是提交后再验证那么不方便(网上搜到的要么是模棱两可,要么是残缺不全-) 方法:鉴于此,加上我个人的理解(注释)在上面. 截图: 代码: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>用户注册</title
-
ThinkPHP下表单令牌错误与解决方法分析
本文实例讲述了ThinkPHP下表单令牌错误与解决方法.分享给大家供大家参考,具体如下: 在项目的开发过程中,添加.编辑数据时偶尔会遇到系统提示的"表单令牌错误",一开始没怎么在意,直到今天下午QA把此问题提到bug系统了,正好时间也有空余,就追着TP3.13的源码看了下去,几分钟后,便知道原委了. 在项目中开启表单令牌,通常要在配置文件中做如下配置 // 是否开启令牌验证 'TOKEN_ON' => true, // 令牌验证的表单隐藏字段名称 'TOKEN_NAME' =&g
-
js实现不提交表单获取单选按钮值的方法
本文实例讲述了js实现不提交表单获取单选按钮值的方法.分享给大家供大家参考.具体如下: 这是JS实现的特效,不提交表单获取相关的控件值.如本例所示,不提交表单即可获取单选按钮的值. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-alert-show-table-value-codes/ 具体代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
-
PHP+Session防止表单重复提交的解决方法
index.php 当前表单页面is_submit设为0 SESSION_START(); $_SESSION['is_submit'] = 0; <form id="reg" action="post.php" method="post"> <p>用户名:<input type="text" class="input" name="username" i
-
Spring Security 表单登录功能的实现方法
1.简介 本文将重点介绍使用 Spring Security 登录. 本文将构建在之前简单的 Spring MVC示例 之上,因为这是设置Web应用程序和登录机制的必不可少的. 2. Maven 依赖 要将Maven依赖项添加到项目中,请参阅Spring Security with Maven 一文. 标准的 spring-security-web 和 spring-security-config 都是必需的. 3. Spring Security Java配置 我们首先创建一个扩展 WebSe
-
利用JavaScript阻止表单提交的两种方法
在JavaScript中,阻止表单默认提交行为的方法有两种,分别是: (1) return false 示例代码 <form name="loginForm" action="login.aspx" method="post"> <button type="submit" value="Submit" id="submit">Submit</button&g
-
JS中input表单隐藏域及其使用方法
一.表单隐藏域 隐藏域是用来收集或发送信息的不可见元素,对于网页的访问者来说,隐藏域是看不见的.当表单被提交时,隐藏域就会将信息用你设置时定义的名称和值发送到服务器上. 代码格式: <input type="hidden" name="..." value="..."> 属性解释: type="hidden"定义隐藏域: name属性定义隐藏域的名称,要保证数据的准确采集,必须定义一个独一无二的名称: value属
-
Bootstrap中的表单验证插件bootstrapValidator使用方法整理(推荐)
本文给大家介绍如何判断表单验证的实例代码,在没给大家介绍正文之前,先给大家介绍下插件. 插件介绍 先上一个图: 下载地址:https://github.com/nghuuphuoc/bootstrapvalidator 使用提示 中文化: 下载插件后,将\js\bootstrapValidator\language\zh_CN.js 引入文件,即实现中文化 提交前验证表单: 更丰富一点的表单验证例子:http://www.jq22.com/yanshi522,直接上代码: <!DOCTYPE h
-
js实现表单Radio切换效果的方法
本文实例讲述了js实现表单Radio切换效果的方法.分享给大家供大家参考.具体如下: 这里基于js实现表单中的Radio单选框切换效果,当选中某个单选框的时候,所属范围会一同变换,我觉得大家应该收藏一下,以前想用的时候苦苦叫不上这种效果的名字,现在找到了,而且实现起来竟然如此简单,有些地方要注意,获取标签名为myradio的标签. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-table-radio-cha-codes/ 具体代码如下:
随机推荐
- PHP执行批量mysql语句的解决方法
- SQLServer Job运行成功或失败时发送电子邮件通知的图文教程
- JS实现页面内跳转的简单代码
- 记一次网站无法访问解决过程,服务器80端口问题解决过程
- 解析使用jdbc,hibernate处理clob/blob字段的详解
- ASP.NET中实现定制自己的委托和事件参数类
- Node.js实用代码段之获取Buffer对象字节长度
- JS+CSS模拟可以无刷新显示内容的留言板实例
- 不用数据库的多用户文件自由上传投票系统(2)
- Python中的推导式使用详解
- JS实现图片放大镜插件详解
- MySQL实现类似于connect_by_isleaf的功能MySQL方法或存储过程
- 轻松架设Windows 2003中WEB服务器
- Zend Framework实现将session存储在memcache中的方法
- 易语言制作造梦西游桌面版教学
- Python面向对象之Web静态服务器
- python实现反转部分单向链表
- vue 实现左右拖拽元素并且不超过他的父元素的宽度
- PDO::errorCode讲解
- express 项目分层实践详解