JSP实现登录注册连接MySql数据库-初学(JSP+JDBC实现)_jsp连接mysql数据库登录注册-程序员宅基地

技术标签: tomcat  mysql  jar  数据库  

数据库准备

首先用mysql建一个数据库java_test,在这个数据库中建一个表td_user。

导入mysql 驱动包

在项目\webapp\WEB-INF\lib引入mysql 驱动包。

 

程序实现思路(相关页面阐述)

index.jsp:选择跳转到登录或注册页;

login.jsp:提供用户的登录表单,可以输入用户名和密码;

dologin.jsp:登录检查页,根据表单提交数据验证权限,并跳转到登录成功页;

login_success.jsp:登录成功页,显示欢迎信息;

register.jsp:提供用户的注册表单,可以输入注册新用户的用户名和密码;

doregister.jsp:注册执行页,将注册的新用户信息导入数据库;

register_success.jsp:注册成功页,可以跳转到登录页。

程序实现

1.index.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Insert title here</title>
</head>
<body>
<div align="center">
<a href="login.jsp">登录</a><br>
<a href="register.jsp">注册</a><br>
</div>
</body>
</html>

2.login.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>登录页</title>
<script type="text/javascript">
		function check(){
			var username=document.getElementById("userName").value;
			var password=document.getElementById("userPwd").value;
			if(username==''){
				alert("用户名不能为空");return false;
				}
			else if(password==''){
				alert("密码不能为空");return false;
				}
			else{
				return true;
				}
		}
</script>
</head>
<body>
    <form action="dologin.jsp" method="post">
        用户名:<input type="text" name="userName" id="userName" /><br/>
        密码:<input type="password" name="userPwd" id ="userPwd" /><br/>
        <input type="submit" value="提交" onclick="return check()">
    </form>
</body>
</html>

 3.dologin.jsp

<%@ page contentType="text/html" pageEncoding="utf-8"%>
<%@ page import="java.sql.*"%>
<%@page import="java.sql.Connection"%>
<%@page import="java.sql.ResultSet"%>
<%@page import="java.sql.DriverManager"%>
<%@page import="java.sql.PreparedStatement"%>
<html>
<head>
<title>登录验证</title>
</head>
<body>
<% String name=request.getParameter("userName").toString();
    String passwd=request.getParameter("userPwd").toString();
   
	try {
		Class.forName("com.mysql.cj.jdbc.Driver");
		String url="jdbc:mysql://localhost:3306/java_test?serverTimezone=UTC&useSSL=false&characterEncoding=UTF-8";
		String username="root";
		String password="1234";
		Connection conn=DriverManager.getConnection(url,username,password);
		String sql="select * from tb_user where userName=? ";
		PreparedStatement ps=conn.prepareStatement(sql);
		ps.setString(1, name);
		ResultSet rs=ps.executeQuery();
		out.print("警告:  ");
		rs.next();
		
		if((rs.getString("userPwd")).equals(passwd))
		{out.print("登录成功");
		request.setAttribute("userName",name);

		request.getRequestDispatcher("login_success.jsp").forward(request, response);
		
		}
		else {out.print("密码错误");}
			
		
		ps.close();
		conn.close();
	}catch(Exception e) {
		out.print("登录失败");
		e.printStackTrace();
	}

	%>
	<br>
	<a href="login.jsp">返回</a>
</body>
</html>

4.login_success.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <title>登录成功</title>
</head>
<body>
欢迎,<%=request.getAttribute("userName")%>
<a href="login.jsp">返回</a>
</body>
</html>

5.register.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>注册页</title>
<script type="text/javascript">
   function check1(){
	  var username=document.getElementById("userName").value;
	  var password=document.getElementById("userPwd").value;
	if(username==''){
		alert("用户名不能为空");return false;
		}
	else if((password=='')){
		alert("密码不能为空"); return false;
		}
	else{
	return true;
		}
	
	}

</script>
</head>
<body>
    <form action="doregister.jsp" method="post">
        用户名:<input type="text" name="userName" id="userName"/><br/>
        密码:<input type="password" name="userPwd" id="userPwd"/><br/>
        <input type="submit" value="注册" onclick="return check1()"/>
    </form>
</body>
</html>

6.doregister.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
  <%@ page import="java.sql.*"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<%
	String username=new String(request.getParameter("userName"));
	String password=new String(request.getParameter("userPwd"));
		// 数据库连接字符串
		Class.forName("com.mysql.jdbc.Driver");
		String url = "jdbc:mysql://localhost:3306/java_test?serverTimezone=UTC&useSSL=false&characterEncoding=UTF-8";
		// 数据库用户名
		String usename = "root";
		// 数据库密码
		String psw ="1234";
		Connection conn=DriverManager.getConnection(url,usename,psw); //创建连接
		String sql="insert into tb_user(userName,userPwd) values('"+username+"','"+password+"')";
		  Statement stmt=conn.createStatement();                     //获取statement对象
		  stmt.executeUpdate(sql);                                   //执行添加用户的sql语句
		  request.getRequestDispatcher("register_success.jsp").forward(request, response);  //请求转发到register_success.jsp
		
		
%>
</body>
</html>

7.register_success.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>注册成功</title>
</head>
<body>
注册成功!
<a href="login.jsp">返回登录</a>
</body>
</html>

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/m0_61526206/article/details/124614819

智能推荐

前端开发之vue-grid-layout的使用和实例-程序员宅基地

文章浏览阅读1.1w次,点赞7次,收藏34次。vue-grid-layout的使用、实例、遇到的问题和解决方案_vue-grid-layout

Power Apps-上传附件控件_powerapps点击按钮上传附件-程序员宅基地

文章浏览阅读218次。然后连接一个数据源,就会在下面自动产生一个添加附件的组件。把这个控件复制粘贴到页面里,就可以单独使用来上传了。插入一个“编辑”窗体。_powerapps点击按钮上传附件

C++ 面向对象(Object-Oriented)的特征 & 构造函数& 析构函数_"object(cnofd[\"ofdrender\"])十条"-程序员宅基地

文章浏览阅读264次。(1) Abstraction (抽象)(2) Polymorphism (多态)(3) Inheritance (继承)(4) Encapsulation (封装)_"object(cnofd[\"ofdrender\"])十条"

修改node_modules源码,并保存,使用patch-package打补丁,git提交代码后,所有人可以用到修改后的_修改 node_modules-程序员宅基地

文章浏览阅读133次。删除node_modules,重新npm install看是否成功。在 package.json 文件中的 scripts 中加入。修改你的第三方库的bug等。然后目录会多出一个目录文件。_修改 node_modules

【】kali--password:su的 Authentication failure问题,&sudo passwd root输入密码时Sorry, try again._password: su: authentication failure-程序员宅基地

文章浏览阅读883次。【代码】【】kali--password:su的 Authentication failure问题,&sudo passwd root输入密码时Sorry, try again._password: su: authentication failure

整理5个优秀的微信小程序开源项目_微信小程序开源模板-程序员宅基地

文章浏览阅读1w次,点赞13次,收藏97次。整理5个优秀的微信小程序开源项目。收集了微信小程序开发过程中会使用到的资料、问题以及第三方组件库。_微信小程序开源模板

随便推点

Centos7最简搭建NFS服务器_centos7 搭建nfs server-程序员宅基地

文章浏览阅读128次。Centos7最简搭建NFS服务器_centos7 搭建nfs server

Springboot整合Mybatis-Plus使用总结(mybatis 坑补充)_mybaitis-plus ruledataobjectattributemapper' and '-程序员宅基地

文章浏览阅读1.2k次,点赞2次,收藏3次。前言mybatis在持久层框架中还是比较火的,一般项目都是基于ssm。虽然mybatis可以直接在xml中通过SQL语句操作数据库,很是灵活。但正其操作都要通过SQL语句进行,就必须写大量的xml文件,很是麻烦。mybatis-plus就很好的解决了这个问题。..._mybaitis-plus ruledataobjectattributemapper' and 'com.picc.rule.management.d

EECE 1080C / Programming for ECESummer 2022 Laboratory 4: Global Functions Practice_eece1080c-程序员宅基地

文章浏览阅读325次。EECE 1080C / Programming for ECESummer 2022Laboratory 4: Global Functions PracticePlagiarism will not be tolerated:Topics covered:function creation and call statements (emphasis on global functions)Objective:To practice program development b_eece1080c

洛谷p4777 【模板】扩展中国剩余定理-程序员宅基地

文章浏览阅读53次。被同机房早就1年前就学过的东西我现在才学,wtcl。设要求的数为\(x\)。设当前处理到第\(k\)个同余式,设\(M = LCM ^ {k - 1} _ {i - 1}\) ,前\(k - 1\)个的通解就是\(x + i * M\)。那么其实第\(k\)个来说,其实就是求一个\(y\)使得\(x + y * M ≡ a_k(mod b_k)\)转化一下就是\(y * M ...

android 退出应用没有走ondestory方法,[Android基础论]为何Activity退出之后,系统没有调用onDestroy方法?...-程序员宅基地

文章浏览阅读1.3k次。首先,问题是如何出现的?晚上复查代码,发现一个activity没有调用自己的ondestroy方法我表示非常的费解,于是我检查了下代码。发现再finish代码之后接了如下代码finish();System.exit(0);//这就是罪魁祸首为什么这样写会出现问题System.exit(0);////看一下函数的原型public static void exit (int code)//Added ..._android 手动杀死app,activity不执行ondestroy

SylixOS快问快答_select函数 导致堆栈溢出 sylixos-程序员宅基地

文章浏览阅读894次。Q: SylixOS 版权是什么形式, 是否分为<开发版税>和<运行时版税>.A: SylixOS 是开源并免费的操作系统, 支持 BSD/GPL 协议(GPL 版本暂未确定). 没有任何的运行时版税. 您可以用她来做任何 您喜欢做的项目. 也可以修改 SylixOS 的源代码, 不需要支付任何费用. 当然笔者希望您可以将使用 SylixOS 开发的项目 (不需要开源)或对 SylixOS 源码的修改及时告知笔者.需要指出: SylixOS 本身仅是笔者用来提升自己水平而开发的_select函数 导致堆栈溢出 sylixos

推荐文章

热门文章

相关标签