java编程实战项目小案例——完善注册功能

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

知识点学的再多

也不如一次实战的经验

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

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

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

结果总是在做准备工作

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

写到哪里算哪里哈~

那我们直接开始吧~

首先来搭一下环境

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

页面效果:

时间差不多了

今天就先到这里了

下次继续

拜拜

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20181001A0U2HA00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券