JSP实现登陆页面(表单提交、连接数据库、实现页面跳转)

最新推荐文章于 2024-06-23 15:58:26 发布
置顶 最新推荐文章于 2024-06-23 15:58:26 发布
阅读量3.9w 收藏 454
点赞数 58
分类专栏： JAVA 文章标签： java jdbc web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43627631/article/details/107384606
版权

JSP实现登陆页面(表单提交、连接数据库、实现页面跳转)

1.数据库设计

在这里插入图片描述

2.主页面展示

在这里插入图片描述

3.代码展示：

index.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登陆页面</title>
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
</head>
<body>
	<div id="bigBox">
			<h1>LOGIN</h1>
			<div class="inputBox">
				<form action="check.jsp" method="post">
					<div class="inputText">
						<i class="fa fa-user-circle" style="color: whitesmoke;"></i>
						<input type="text" placeholder="手机号或邮箱" name="username"/>
					</div>
					<div class="inputText">
						<i class="fa fa-key" style="color: whitesmoke;"></i>
						<input type="password" placeholder="密码" name="password"/>
					</div>
					<input type="submit" class="inputButton" value="LOGIN" />
				</form>
			</div>
		</div>
</body>
</html>

登录页面对应的CSS文件

body{
	margin: 0;
	padding: 0;
	background-image: url(../img/国漫.jpg);
	background-repeat: no-repeat;
}
a{
	color: #666;
	text-decoration: none;
}
#bigBox
{
	margin: 0 auto;
	margin-top: 100px;
	padding: 20px 50px;
	background-color: #000000;
	width: 500px;
	height: 400px;
	border-radius: 20px;
	text-align: center;
	background-image: linear-gradient(60deg, #29323c 0%, #485563 100%);
}
#bigBox h1
{
	font-size: 40px;
	color: floralwhite;
}
#bigBox .inputBox
{
	margin-top: 35px;
}
#bigBox .inputBox .inputText
{
	margin-top: 20px;
}
#bigBox .inputBox .inputText input
{
	border: 0;
	padding: 10px 10px;
	border-bottom: 1px solid white;
	background-color: #00000000;
	color: white;
	width: 200px;
	height: 40px;
	font-size: 20px;
}
#bigBox .inputBox .inputText i
{
	color: white;
}
#bigBox .inputBox .inputButton
{
	border: 0;
	width: 200px;
	height: 50px;
	color: white;
	margin-top: 55px;
	border-radius:20px;
	background-image: linear-gradient(to right, #b8cbb8 0%, #b8cbb8 0%,#b465da 0%, #cf6cc9 33%, #ee609c 66%, #ee609c 100%);
}

check.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="java.sql.*"  %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
	<%
		String username = request.getParameter("username");
		String password = request.getParameter("password");
		
		Connection connection = null;
		Statement statement = null;
		ResultSet rs = null;
		
		
		try {
			// 导入驱动，加载具体的驱动类
			Class.forName("com.mysql.jdbc.Driver");
			
			//与数据库建立连接
			connection = DriverManager.getConnection("jdbc:mysql://localhost:3306/test01", "root", "root");
			statement = connection.createStatement();
			//发送sql语句，执行
			String sql = "select count(*) from login where username = '"+username+"' and password = '"+password+"'  ";
			rs = statement.executeQuery(sql);
			//处理结果
			int count = -1;
			if (rs.next()) {
				count = rs.getInt(1);
			}
			if (count > 0) {
				request.getRequestDispatcher("success.jsp").forward(request, response);
			}else {
				request.getRequestDispatcher("error.jsp").forward(request, response);
			}
		} catch (ClassNotFoundException e) {
			e.printStackTrace();
		} catch (SQLException e) {
			e.printStackTrace();
		}finally {
				try {
					if(rs != null) rs.close();
					if(statement != null) statement.close();
					if(connection != null) connection.close();
				} catch (SQLException e) {
					e.printStackTrace();
				}
		}
	%>
</body>
</html>

success.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登陆成功</title>
	<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
	<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
	<div id="main">
		<i class="fa fa-diamond fa-5x" style="color: #ed9db2; size: 50;"></i>
		<h3 style="display: inline-block; ">登陆成功！！</h3>
	</div>
</body>
</html>

在这里插入图片描述

error.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登陆失败</title>
	<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
	<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
	<div id="main">
		<i class="fa fa-exclamation-triangle fa-5x" style="color: darkgrey; size: 50;"></i>
		<h3 style="display: inline-block; ">登陆失败，请重新检查用户名或密码是否正确！！</h3>
	</div>
</body>
</html>

在这里插入图片描述

白芷加茯苓
关注
  • 58
    点赞
  • 踩
  • 454
    收藏
    觉得还不错? 一键收藏
  • 42
    评论
专栏目录
JSP技术实现用户登录
qq_40555264的博客
05-26 1万+
一、实验目的：1. 掌握JSP语法；2. 了解JSP生命周期；3. 掌握JSP请求转发和包含。二、实验内容：1. 创建login.jsp页面，其有用户名，密码及对应的文本框；2. 创建ControlLogin.java类，验证用户名和密码是否正确，如果用户名等于自己的学号，密码等于123456，则跳转到index.jsp页面，并显示欢迎用户名您好，否则显示登录失败。三、软硬件环境：jdk1.8，t...
jsp页面，连接数据库实现增删改查
11-02
**JSP页面与数据库连接实现增删改查** 在Web开发中，JavaServer Pages (JSP) 是一种常用的服务器端脚本语言，用于创建动态、交互式的网页。JSP技术结合了HTML、Java代码和内置对象，使得开发者可以方便地在页面上...
jsp唯美登录界面，附源码
05-09
登录界面设计，不随浏览器大小变化而变化，采用div布局
jsp+servlet实现最基本的注册登陆功能
02-21
使用jsp，servlet实现的注册和登陆功能源码和数据库，详细介绍网址http://www.cnblogs.com/biehongli/p/6424406.html
JSP表单开发
最新发布
2203_75655824的博客
06-23 117
【代码】JSP表单开发。
jsp直接显示数据库表格信息
junruit的博客
10-04 1万+
一个非常简单的jsp输出数据库的内容 一开始看书上想使用action的方法 后来发现action无法触发 对于后端java根本无法调用 后来发现只在jsp上直接调用操作就能输出了 数据库mysql与java链接后作为resultset参数传入java
jsp实现表单提交跳转
络小绎
08-13 2万+
页面介绍 login.jsp 用户登录页面，提交给process.jsp。 process.jsp 处理页面，若用户名为“admin”，密码为“000”，则跳转到show.jsp，否则跳转login.jsp。 show.jsp 列出登录页面的属性。 源代码 login.jsp <form action="process.jsp" method="post"> ...
用 JSP 连接 MySQL 登入注册项目实践(JSP + HTML + CSS + MySQL)
程序猿追的博客
04-28 1万+
哈喽~大家好，这篇呢我们来看看用 JSP 连接 MySQL 登入注册项目实践，这里就可能有人问了，唉？追桑~前些天不是写了 jsp 登入注册的项目吗？怎么这次还在写呢？哈哈，您别担心，这次呢，肯定和上次不同，我们先来看看效果吧！...
HTML页面跳转及表单详解
m0_67444136的博客
07-18 9819
HTML页面跳转及表单详解
jsp连接mysql数据库，实现含验证码的用户登录
Paranoidyang的博客
05-04 1万+
功能简介捣腾了几天，总算实现这个小小的登录功能，在此记录一下。 功能：输入框中输入用户名和密码和验证码，提交到服务器进行处理，如果验证码正确，就连接数据库查看用户名和密码是否存在，存在则进入主界面，否则重定向到登录界面。如果勾选了十天内免登录，则Cookie会记录用户名和密码，下次进入登录界面，就会自动填充上去。 所需的所有文件如下：下面一步一步讲解如何实现的。数据库相关准备因为要连接mysql
JAVA web简单的登录界面jsp实现
qq_49093974的博客
08-02 4210
转载自https://www.cnblogs.com/yibao/p/6441213.html 此次试验所用到的软件是myeclipse10,tomcat7,Dreamweaver,sqlserver2008数据库。可以实现用户使用用户名和密码登录。如果登录成功，页面会显示登录成功，如果密码错误，则页面会显示登录失败。连接数据库使用的事javabean方法，需要实现下载好sqlserver2008的驱动程序，在web project文件夹下的src文件夹下新建包“Bean”，并在此包下新建“DBBean.
JSP_1.zip_JSP实现页面跳转_jsp学易网登录
09-21
2. **验证**：JSP页面接收到表单提交后，会使用Java代码来验证用户输入的信息，这可能涉及到数据库查询或其他身份验证机制。 3. **跳转**：验证成功后，使用`sendRedirect()`方法将用户重定向到登录成功的页面，如...
JSP之使用jsp:forward实现用户信息验证的页面跳转
03-27
在这个例子中，用户提交表单后，请求会被发送到`checkLogin.jsp`。在这个页面中，我们可以使用Java脚本来验证用户输入： ```jsp ; charset=UTF-8" pageEncoding="UTF-8"%> String username = request....
SSH项目后台JSP页面.zip
04-07
在后台，Hibernate会处理JSP页面提交的数据，进行数据验证、存储或更新数据库。 接下来，我们关注"WebContent"目录，这是标准的Web应用目录结构： - **WEB-INF**：此目录包含Web应用的配置文件，如`web.xml`，它是...
JSP连接数据库的简易登陆界面
07-21
**JSP连接数据库的简易登陆界面** 在网页开发中，JSP（JavaServer Pages）是一种动态网页技术，常用于构建Web应用程序。本项目是关于如何使用JSP来创建一个简单的登录界面，它与SQL Server 2008数据库进行交互，以...
使用jsp简单实现用户登录
persistence_PSH的博客
04-11 1304
首页 <%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %> <!DOCTYPE html> <html> <head> <title>学生管理系统——首页</title> </head> <body> </h1>学生管理系统 <h1/> <!--提供首页跳转的超链，因为需要在一个类内进行
jsp连接数据库实现用户登录功能
热门推荐
hoho_12
12-22 4万+
jsp连接数据库实现用户登录功能
jsp练习——登录界面
m0_65995252的博客
03-19 170
jsp界面转跳练习
02——用form表单简单实现登陆页面
weixin_47886206的博客
07-07 2688
用form表单简单实现登陆页面
创建一个dynamic web project项目,做到： 把用户在index.jsp界面中输入的内容提交到result.jsp中， 并在result.jsp中显示用户输入的这些信息。
05-25
好的，下面是具体步骤： 1. 在Eclipse中新建一个动态Web项目，命名为“DynamicWebProject”。 2. 在WebContent目录下创建两个JSP文件：index.jsp和result.jsp。 3. 在index.jsp中添加一个表单，用于接收用户输入的信息，并将其提交到result.jsp页面。 ```jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Index Page</title> </head> <body> <form action="result.jsp" method="post"> <label for="name">Name:</label> <input type="text" name="name" required><br> <label for="age">Age:</label> <input type="number" name="age" required><br> <input type="submit" value="Submit"> </form> </body> </html> ``` 4. 在result.jsp中获取并显示用户输入的信息。 ```jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Result Page</title> </head> <body> <h1>Result Page</h1> <p>Name: <%= request.getParameter("name") %></p> <p>Age: <%= request.getParameter("age") %></p> </body> </html> ``` 5. 运行项目并访问index.jsp页面，在输入框中输入姓名和年龄，点击“Submit”按钮，即可跳转到result.jsp页面并显示用户输入的信息。 注意：在Eclipse中需要配置Tomcat服务器才能运行项目。如果还没有配置，可以在“Servers”视图中右键单击，选择“New” -> “Server”，然后选择Tomcat服务器进行配置。
评论 42
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值