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

温馨提示:文章干货,建议收藏~

知识点学的再多

也不如一次实战的经验

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

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

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

结果总是在做准备工作

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

写到哪里算哪里哈~

那我们直接开始吧~

首先来搭一下环境

(把我们需要的工具类和第三方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

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180814A1UUVF00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券