从今天开始来写一个小案例——完善注册功能

温馨提示：文章干货，建议收藏~

知识点学的再多

也不如一次实战的经验

从今天开始咱们玩点不一样的，写一个小的项目案例。相信很多小伙伴都有这样的感觉：

看别人的代码行云流水，自己动手的时候无从下手。如果你是这样的，来来小伙子咱们一起写一个项目吧~

其实很久之前就有这个想法了

结果总是在做准备工作

今天我们就来从零写一个小案例~

写到哪里算哪里哈~

那我们直接开始吧~

首先来搭一下环境

（把我们需要的工具类和第三方jar包放进去）

下面就开始动手写代码了

用户注册功能

这个咱们上次已经写过了，不过都是写在了一个页面里面~今天我们来完善一下，然后把代码分一下层~话不多说了~直接撸代码~

先来创建数据库表

然后是JavaBean

接下来是逻辑代码

RegisterServlet获取前端页面传过来的数据，并把UUID封装进来

下面就不一样了

RegisterServlet把数据传到Service层，Service 层调用DAO层，DAO 层操作数据库（完成数据的插入操作），把结果向上一层一层反馈~然后RegisterSerevle t根据返回的结果进行判断，成功就跳转到成功的页面，失败就跳转到失败的页面~

测试一下

用户注册成功~

下面我们来给页面添加一个

表单验证

我们上次用的是 js 写的表单验证这次我们用一个validate插件来做表单验证

首先引入文件

伙伴们自己去找一下哈~

编写页面代码

截图的效果不好咱们直接上页面的源码：

（友情提示：这个窗口可以左右滑动）

pageEncoding="UTF-8"%>

用户注册

.error{

color:red

}

$(function(){

$("#myform").validate({

rules:{

"username":{

"required":true

},

"password": {

"required":true,

"rangelength": [6,12]

},

"rpassword": {

"required":true,

"rangelength": [6,12],

"equalTo":"#password"

},

"email": {

"required":true,

"email":true

},

"sex": {

"required":true

}

},

messages:{

"username":{

"required":"用户名不能为空！"

},

"password": {

"required":"密码不能为空",

"rangelength":"密码长度6-12位"

},

"rpassword": {

"required":"密码不能为空",

"rangelength":"密码长度6-12位",

"equalTo":"两次密码不一致"

},

"email": {

"required":"邮箱不能为空",

"email":"邮箱格式不正确"

}

}

});

});

method="post">

cellpadding="0px"cellspacing="0px">

用户注册 USER

REGISTER

用户名

密码

确认密码

Email

姓名

性别

男

女

请选择性别！

出生日期

验证码

width="60"height="30"/>

页面效果：

时间差不多了

今天就先到这里了

下次继续

拜拜

我是萌新娜娜

立志做一个不翻车的老司机

学习Java的路上请多多指教

有任何问题都可以在文章留言，娜姐都看着的呢!

合作,投稿,转载，版权问题请联系 李娜：Lina_Java