JSP实现登录注册并链接数据库页面

最新推荐文章于 2024-06-07 10:36:57 发布
置顶 最新推荐文章于 2024-06-07 10:36:57 发布
阅读量10w+ 收藏 676
点赞数 94
分类专栏： JSP 文章标签： 登录注册 界面 链接数据库 WebJ2EE JSP
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_28306215/article/details/53221722
版权

        在学习了页面跳转及部分知识后做了登录注册界面，并经过本博主调试bug后完善的更进一步，大家有什么问题也可以留言，本博主以更广泛学习讨论为目的。

        内容介绍：实现页面的跳转；注册登录时实现读取数据库，并对数据库实现插入(insert)和查询(select)功能。

        几点注意：sqljdbc.jar包的导入和环境变量；数据库的登录读取，可以参考数据库的测试。

登录注册界面的代码实现

index.jsp

 
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'Feilong_index.jsp' starting page</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
  </head>
  <body>
    <center>
    <font face = "宋体" size = "6" color = "#000">欢迎使用飞龙科技</font><hr>
    <div>
        <img alt="" width = "600" height = "400" src="D:\我的图片\QImages\小人团队.jpg">
    </div>
    <table width = "200" border ="1" bordercolor = "#00F">
        <tr>
          <td><input type = "button" value = "登      陆" onclick = "window.location.href('login.jsp')"></td>
          <td><input type = "button" value = "注      册" onclick = "window.open('register.jsp')"></td>
        </tr> 
    </table>
  </center>
  </body>
</html>

login.jsp  //登录界面 

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'Feilong_login.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->

  <body>
    <center>
  	<font face="楷体" size="6" color="#000" >登录界面</font>
  	<%  
    String flag = request.getParameter("errNo");  
    try{
         if(flag!=null)
            out.println("用户名不存在或密码错误");
    }catch(Exception e){
        e.printStackTrace();
    }
   %>
  	<form action = "loginCh.jsp" method="post">
      <table width="300" height = "180" border="5" bordercolor="#A0A0A0"> 
 		<tr>
 		  <th>账  户：</th>
 		  <td><input type="text" name="name"  value = "请输入用户名" maxlength = "16" onfocus = "if(this.value == '请输入用户名') this.value =''"></td>
 	    </tr>
 	    <tr>
 		  <th>密  码：</th>
 		  <td><input type="password" name="pwd" maxlength = "20"></td>
 	    </tr>
 	    <tr>
 	      <td colspan = "2" align = "center">
 		    <input type="submit" name="submit" value="登       录">
 		    <input type="button" value="返       回"
 			  οnclick="window.location.href('/webText')">
 	      </td>
 	    </tr>
 	  </table>
 	</form>
  </center>
  </body>
</html>
loginCh.jsp  //登录检验 
<%@ page language="java" import="java.util.*,java.sql.*,java.net.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'Feilong_loginCh.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->

  </head>
  <body>
    <%      //接收用户名和密码  
            String user = new String(request.getParameter("name").getBytes("ISO-8859-1"),"UTF-8");  
            String pwd = request.getParameter("pwd");

            String driverClass = "com.microsoft.sqlserver.jdbc.SQLServerDriver";
            String url = "jdbc:sqlserver://localhost:1433; DatabaseName = db_01";
            String username = "sa";
            String password = "123";
            Class.forName(driverClass);//加载驱动 
            Connection conn = DriverManager.getConnection(url,username,password);//得到连接
            PreparedStatement pStmt = conn.prepareStatement("select * from tb_user where UName = '" + user + "' and Pwd = '" + pwd + "'");
              ResultSet rs = pStmt.executeQuery();
                if(rs.next()){
                    response.sendRedirect("success.jsp?username="+URLEncoder.encode(user)); //解决乱码 
                }else{
                    response.sendRedirect("login.jsp?errNo");//密码不对返回到登陆  
                }
     rs.close();
     pStmt.close();
     conn.close();
     %>
  </body>
</html>
success.jsp  //登录成功界面 

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    <title>Feilong_登录成功</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
  </head>
  <body>
    <center>
    <%
     String name = new String(request.getParameter("username").getBytes("8859_1"));
     out.println("欢迎你:" + name);
    %><br>
    <a href="login.jsp">重新登陆</a>
    </center>
  </body>
</html>

register.jsp  //注册界面

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    <title>My JSP 'Feilong_register.jsp' starting page</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
    <script>
		function addCheck(){
			var username=document.getElementById("username").value;
			var password=document.getElementById("password").value;
			var newword=document.getElementById("newword").value;
			if(username==""){
				alert("用户名不能为空!");
				document.getElementById("username").focus();  
				return false;
                }
			if(password==""){
				alert("密码不能为空!");
				 document.getElementById("password").focus();
				 return false;
				 }
			if(password != newword){
				alert("两次输入密码不相同!");
				 document.getElementById("newword").focus();
				 return false;
				 }
		}
		function validate(){
		    var flag = addCheck();
		    if(flag == false)
		        return false;
		    return true;
	    }
	</script>
  <body>
    <center>
	<font face="楷体" size="6" color="#000">注册界面</font>
	<form action = "checkRegister.jsp" method = "post" onsubmit = "return validate()">
  	<table width="300" height = "180" border="5" bordercolor="#A0A0A0">
  	  <tr>
		<th>用户名：</th>
		<td><input type="text" name="username" value="输入16个字符以内" maxlength = "16" onfocus = "if(this.value == '输入16个字符以内') this.value =''"></td>
 	  </tr>
 	  <tr>
 		<th>输入密码：</th>
 		<td><input type="text" name="password" value="输入20个字符以内" maxlength = "20" onfocus = "if(this.value == '输入20个字符以内') this.value =''"></td>
 	  </tr>
 	  <tr>
 		<th>确认密码：</th>
 		<td><input type="text" name="newword" value="重新输入密码" maxlength = "20" onfocus = "if(this.value == '重新输入密码') this.value =''"></td>
 	  </tr>
	  <tr>
 		<td colspan = "2" align = "center">
 		  <input type="submit" value="注  册">    
 		  <input type="reset" value="重  置">
 		</td>
	  </tr>
	</table>
    </form>
    </center>
  </body>
</html>

checkRegister.jsp //验证注册用户并导入数据库 

<%@ page language="java" import="java.util.*,java.sql.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'Feilong_chechRegister.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->

  </head>
  <body>
    <%      
            String user = new String(request.getParameter("username").getBytes("ISO-8859-1"),"UTF-8");  
            String pwd = request.getParameter("password");

            String driverClass = "com.microsoft.sqlserver.jdbc.SQLServerDriver";
            String url = "jdbc:sqlserver://localhost:1433; DatabaseName = db_01";
            String username = "sa";
            String password = "123";
            Class.forName(driverClass);//加载驱动 
            Connection conn = DriverManager.getConnection(url,username,password);//得到连接
            PreparedStatement pStmt = conn.prepareStatement("select * from tb_user where UName = '" + user + "'");
              ResultSet rs = pStmt.executeQuery();
                if(rs.next()){
                    out.println("<script language='javascript'>alert('该用户已存在，请重新注册！');window.location.href='register.jsp';</script>");
                }else{
                    PreparedStatement tmt = conn.prepareStatement("Insert into tb_user values('" + user + "','" + pwd + "')");
                        int rst = tmt.executeUpdate();
                        if (rst != 0){
                              out.println("<script language='javascript'>alert('用户注册成功！');window.location.href='index.jsp';</script>");  
                        }else{
                           out.println("<script language='javascript'>alert('用户注册失败！');window.location.href='register.jsp';</script>");  
                        }
                }
     %>
  </body>
</html>

以上代码若有问题，首先执行下面数据库的测试代码：

执行下面代码前，首先在数据库中创建名为‘db_01’的数据库，在表中创建名为‘user’的表

login1.jsp

<%@ page language="java" import="java.util.*,java.sql.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'Feilong_login.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->

  </head>
  <body>
    <%
    String driverClass = "com.microsoft.sqlserver.jdbc.SQLServerDriver";
    String url = "jdbc:sqlserver://localhost:1433; DatabaseName = db_01";
    String username = "sa";
    String password = "123";
    Class.forName(driverClass);//这步错可能是因为.jar包导入问题
    Connection conn = DriverManager.getConnection(url,username,password);//这步错可能是因为数据库属性安全中的名、密码不对或SQL的IP端口不是‘1433’
    PreparedStatement pStmt = conn.prepareStatement("select * from tb_user");
           ResultSet rs = pStmt.executeQuery();
                while(rs.next()){
                      out.println("用户名： " + rs.getString(1) 
                             + " 密码： " + rs.getString(2));
                }
     rs.close();
     pStmt.close();
     conn.close();
     %>
  </body>
</html>

小人团队.jpg

以上代码都是经过本博主细心敲打修改并实现的。转载请注明本博客的地址。

Fellon9
关注
  • 94
    点赞
  • 踩
  • 676
    收藏
    觉得还不错? 一键收藏
  • 46
    评论
专栏目录
jsp连接mysql数据库登录
05-02
这是一个基于jsp的简单的连接数据库（mysql）登录界面，如果用户名和密码和数据库中的一致就跳转到主界面，否则会在登录界面停留，具有js验证
JavaWeb实现简易的注册登录功能（与数据库连接）
weixin_73509711的博客
09-27 5494
与数据库连接的简易登录注册页面
JSP+MySQL实现网页登录注册
zally_1994的博客
09-13 2万+
一、环境配置 IDE：Eclipse 服务器：Tomcat 数据库：MySQL+Navicat for MySQL（后者是可视化操作数据库的软件，操作数据库更方便） 环境搭建步骤： 1.配置JAVA开发工具（JDK），具体请看教程：https://www.cnblogs.com/dgj15222301178/p/7842789.html 2.Eclipse JSP/Servlet 环境...
JSP实现简单的登录和注册界面详细全过程
最新发布
云加速
06-07 128
创建一个简单的登录和注册界面通常包括前端页面的设计、后端逻辑的编写以及数据库的交互。创建两个JSP页面，一个用于注册（`register.jsp`），一个用于登录（`login.jsp`）。创建两个Servlet，`RegisterServlet`和`LoginServlet`。在注册逻辑中添加密码加密的步骤，可以使用BCrypt等库来加密密码。在项目的`WEB-INF/web.xml`中配置Servlet映射。在IDE中创建一个新的Web项目，并设置好项目的构建路径。// 这里需要添加密码加密的逻辑。
php留言板的登陆页面和注册页面
selecthch的博客
05-28 7618
1、登陆界面如下  功能包括注册，登陆到留言界面，判断用户是否注册，密码或账号是否正确&lt;?php session_start(); ?&gt; &lt;!--设置使用session--&gt; &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/
javaWeb 简单注册登录(含数据库连接) -- （一）页面
热门推荐
退役ACMer
07-03 6万+
说在前面: 自己尝试下写了这个, 最近web学的东西都在里面了, 虽然还是很渣, 但也算第一步了, 我姑且算它为一个“项目”, 咳咳 今天刚看到十年前一位学长的毕业设计报告(AOJ评测系统), 只能%%%, 不知道我毕业时能写出什么东西来 项目知识点 前端 HTML + CSS + JS Web端: tomcat服务器、jsp、 Servlet、 上下文参数/属性、HTTP请求和相应 数据库
[JDBC封装与设计模式]JSP链接数据库实现用户登录，注册功能 通用模板
0x3F3F3F3F
10-22 1239
[JDBC封装与设计模式]JSP链接数据库实现用户登录，注册功能 通用模板。
JSP连接数据库实现注册登录
A0G001的博客
08-30 4563
数据库的连接使用单例来连接一次即可，执行完sql语句后不能关流
JSP实现用户登录、注册和退出功能
10-22
在本文中，我们将探讨如何使用Java Server Pages（JSP）技术实现用户登录、注册和退出功能。这些功能是任何Web应用程序的基础部分，尤其对于需要用户身份验证的系统而言至关重要。我们将按照以下步骤进行介绍： 1. ...
javaweb+mysql数据库实现注册登录程序
03-06
本项目"javaweb+mysql数据库实现注册登录程序"旨在教你如何使用Java Web技术和MySQL数据库来创建这样一个系统。以下是这个项目涉及到的关键知识点： 1. **Java Web基础**：Java Web开发主要涉及Servlet、JSP（Java...
用JSP链接到数据库.rar_jsp链接数据库
09-22
本文将深入探讨如何使用JSP来链接数据库，以实现数据的存取和展示。 首先，我们需要理解JDBC（Java Database Connectivity），它是Java平台的标准API，用于与各种类型的数据库进行通信。在JSP中，通过JDBC我们可以...
JSP数据库链接、增删改实现
05-29
本教程将详细探讨如何在JSP中实现数据库连接以及进行基本的CRUD（创建Create、读取Read、更新Update、删除Delete）操作。我们将主要关注以下几个关键知识点： 1. **JDBC（Java Database Connectivity）**：JDBC是...
jsp读取数据库实现分页技术简析
01-08
在本文中，我们将探讨如何使用JavaBean和JSP页面实现基于Mysql数据库的数据分页显示。首先，我们来看一下核心的JavaBean类`databaseBean.java`。 `databaseBean.java`是一个用于处理数据库连接和查询的基本类，它...
Jsp实现注册登录（连接Mysql）
蓝Builing的博客
05-22 1万+
Jsp实现注册登录（连接mysql） 最近在学jsp连接数据库，存个档吧 先在mysql里创建一个数据库 创建表 写一个用户注册的页面 registered.jsp <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>注册</title> </head> <body> <form m
Java GUI 连接数据库完成登录注册页面
low666的博客
06-11 1万+
运用GUI连接数据库进行登录注册 登录页面 详细代码 package com.itheima.denglu; import java.awt.Container; import java.awt.EventQueue; import java.awt.LayoutManager; import javax.swing.ImageIcon; import javax.swing.JFrame;...
用 JSP 连接 MySQL 登入注册项目实践(JSP + HTML + CSS + MySQL)
程序猿追的博客
04-28 1万+
哈喽~大家好，这篇呢我们来看看用 JSP 连接 MySQL 登入注册项目实践，这里就可能有人问了，唉？追桑~前些天不是写了 jsp 登入注册的项目吗？怎么这次还在写呢？哈哈，您别担心，这次呢，肯定和上次不同，我们先来看看效果吧！...
jsp连接数据库（实现用户的注册）
qq_45668618的博客
11-25 3800
在实际应用中，连接数据库步骤类似
JSP+MySQL+JDBC实现登录、注册、增删查改——简单网站开发（没有加上查询哦）
qq_44760912的博客
06-17 1万+
前言 JSP+MySQL+JDBC实现登录、注册、增删查改——简单网站开发 这算是一个比较完全的jsp简易项目了，希望大家耐心指教！，本想录个视频展示一下的，但是又放弃了，呜呜呜… 所需软件： tomact服务器，推荐7.0及以上版本 eclipse/myclipse用来搭载tomact服务器，编写jsp文件 HBuilder——快速编写html，css，js（主要用来判断注册，登录） MySQL数据库（推荐5.6以上）+Navicat Premium 12以及jdbc jar包 所需页
网页注册登录数据库（二）
guttaoqibao的博客
10-23 2148
注册页面           注册页面    function isValid(form)   {   if (form.username.value=="")    {    alert("用户名不能为空");    return false;    }   if (form.pwd.value!=form.pwd2.value)   { 
jsp写登陆页面并链接数据库
06-03
好的，我可以提供一个简单的 JSP 登录页面示例，并演示如何与数据库进行链接和验证用户登录信息。 首先，我们需要创建一个包含以下表单元素的 JSP 页面： ```html <html> <head> <title>Login Page</title> </head> <body> <h1>Login</h1> <form method="post" action="login.jsp"> <label>Username:</label> <input type="text" name="username" required><br> <label>Password:</label> <input type="password" name="password" required><br> <input type="submit" value="Submit"> </form> </body> </html> ``` 在这个表单中，我们使用了 `post` 方法提交数据到 `login.jsp` 页面。表单中包含了用户名和密码两个输入框。 接下来，我们需要在 `login.jsp` 页面中处理表单提交的数据，并验证用户登录信息。我们可以使用 JDBC 来链接数据库并进行查询操作。以下是一个简单的 JSP 页面示例： ```jsp <%@ page import="java.sql.*" %> <% // 获取表单提交的数据 String username = request.getParameter("username"); String password = request.getParameter("password"); // 链接数据库 String url = "jdbc:mysql://localhost:3306/mydatabase"; String user = "root"; String dbpassword = "password"; Connection conn = DriverManager.getConnection(url, user, dbpassword); // 查询用户信息 String query = "SELECT * FROM users WHERE username = ? AND password = ?"; PreparedStatement stmt = conn.prepareStatement(query); stmt.setString(1, username); stmt.setString(2, password); ResultSet rs = stmt.executeQuery(); // 验证用户信息 if (rs.next()) { out.println("Login successful!"); } else { out.println("Invalid username or password!"); } // 关闭数据库链接 rs.close(); stmt.close(); conn.close(); %> ``` 在这个 JSP 页面中，我们首先获取表单提交的用户名和密码，并链接到数据库。然后，我们使用 `PreparedStatement` 执行查询操作，并验证用户信息。最后，我们关闭数据库链接。 这是一个简单的 JSP 登录页面示例，并演示了如何链接数据库和验证用户登录信息。请注意，这只是一个示例，实际应用中需要更加完善和安全的处理用户输入和数据库操作。
评论 46
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值