JDBC编程--完成用户注册功能

学习JSP+MySQL数据库连接、访问方式以及增删查改操作

客户端register.jsp界面如下

在这里插入图片描述

  • “检测”按钮:检测用户名是否存在。

  • “注册”功能:只有全部通过验证后才能提交到insert.jsp,insert.jsp实现将帐号和密码存入user表。

注册页面

<head>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="scripts/jquery-1.5.1.js" type="text/javascript"></script>
<script type="text/javascript">
     $(document).ready(function(){		
	 $(":input.required").each(function(){  //必填加红星标识.
	    var $required = $("<strong class='high'> *</strong>"); //创建元素
	 $(this).parent().append($required);   //在div后面添加一个*
	   });
     $(':input').blur(function(){   //为所有的input添加失去焦点事件
	    var $parent = $(this).parent();
	 $parent.find(".formtips").remove();  //删除以前的提示元素
	 if( $(this).is('#username') ){   // is方法判断是否是用户名
	        if( this.value=="" || this.value.length < 6||this.value.length > 18 ){
	            var errorMsg = '请输入6-18位的用户名.';
                               $parent.append('<span class="formtips onError">'+errorMsg+'</span>');
	         }
	        else{
	             var okMsg = '输入正确.';
	                $parent.append('<span class="formtips onSuccess">'+okMsg+'</span>');
	         }
	    }
	         if( $(this).is('#password') ){  //密码是否符合格式
	         if( this.value=="" || ( this.value!="" 
		&& !(/^\d{1,6}$/).test(this.value) ) ){  //正则式验证         
		             	             var errorMsg = '密码必须是1-6位数字.';
	             $parent.append('<span class="formtips onError">'+errorMsg+'</span>');
	          }
	         else{
	             var okMsg = '输入正确.';
	             $parent.append('<span class="formtips onSuccess">'+okMsg+'</span>');
	          }
	      }
	  if( $(this).is('#re_password') ){ //获取id为re_password的节点,监听当光标离开输入框时,运行function方法
			var password = $("#password").val(); //获取id为password的输入框中的内容
			var repassword = $("#re_password").val();
			if(password!=repassword)
			{ //判断两个变量是否相等
				var errorMsg = '两次密码输入不一致.';
	             $parent.append('<span class="formtips onError">'+errorMsg+'</span>');
	             }
	         else{
	             var okMsg = '通过验证.';
	             $parent.append('<span class="formtips onSuccess">'+okMsg+'</span>');
	          }
	     }
	});   //end blur
		
	        $(':input').keyup(function(){  //本例input元素keyup事件功能代码与blur相同
 $(this).triggerHandler("blur");  //触发blur事件
    });

    $(':input').focus(function(){  //本例input元素focus事件功能代码与blur相同
	 $(this).triggerHandler("blur");    //触发blur事件
    });
	    $('#send').click(function(){   //注册按钮
		$(":input.required").trigger('blur');
		var numError = $('form .onError').length;  //class="onError"个数
		if(numError>0){   //还有错
			return false;
		} 
	});
		
	$('#res').click(function(){  //重置按钮
		$(".formtips").remove(); 
	});
	    });

 
</script>


</head>

<body>
	<form method="post" action="insert.jsp">
		<div class="int">
			<label>用户名:</label> <input type="text" name="username" id="username" class="required" />
		</div>
		<div class="int">
			<label>密码:</label> <input type="text"  name="password" id="password" class="required" />
		</div>
		<div class="int">
			<label>再次输入密码:</label> <input type="text" id="re_password" class="required" />
		</div>
		<div class="sub">
			<input type="submit" value="注册" id="send" /> <input type="reset" value="重输"
				id="res" />
		</div>
	</form>
</body>

在这里插入图片描述

在这里插入图片描述

信息录入页面

<%@ page language="java" import="java.util.*" pageEncoding="gb2312"%>
<%@page import="javaBean.userbean;"%>
<html>
<body>
    <jsp:useBean id="user" class="javaBean.userbean" scope="session" />
    <jsp:setProperty name="user" property="*" />
    用户名: <jsp:getProperty name="user" property="username"/>
    <br><br>
    密码: <jsp:getProperty name="user" property="password"/>
    <br><br>
    <%   out.println(user.insert());   %>
</body>

</html>

用户实体定义

package javaBean;

import java.sql.*;
public class userbean{
    private String username;
    private String password;
    public void setUsername(String username) { this.username=username; }
    public void setPassword(String password) { this.password=password; }
    public String getUsername() { return username; }
    public String getPassword() { return password; }
    public String insert(){
       try{
    	   String url ="jdbc:mysql://localhost:3306/mysql"; //数据库连接字符串 
   	       Class.forName("org.gjt.mm.mysql.Driver").newInstance();  //加载驱动程序
   	       Connection conn= DriverManager.getConnection(url,"root","dba");  //建立连接
   	       
    	    
            String sql="select * from login_user where username=?";
            PreparedStatement pStmt = conn.prepareStatement(sql);
            pStmt.setString(1,username);
            ResultSet rs=pStmt.executeQuery();  
            if(rs.next())
            {
            	return "该用户名已存在!";
            }
            else
            {
              sql="insert into login_user values(?,?)";
              pStmt = conn.prepareStatement(sql); 
              pStmt.setString(1,username);
              pStmt.setString(2,password);
              pStmt.executeUpdate();
              return "注册成功!";
    	    }
         }
        catch(Exception e){ return "注册失败!"; }
     }
}

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

  • 2
    点赞
  • 21
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

哈哈,柳暗花明

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值