javaweb中设计一个登陆界面,输入账号和密码后会根据数据库中是否存在该账号和密码来显示弹窗,如果成功则显示登录成功的弹窗并跳转到home界面,否则显示登录失败的弹窗
时间: 2024-02-27 20:54:22 浏览: 44
以下是一个简单的JavaWeb登录界面示例,包括检查数据库中是否存在该账号和密码,并根据检查结果显示弹窗并跳转页面:
1. 首先是登录页面 login.jsp:
```jsp
<html>
<head>
<title>登录</title>
</head>
<body>
<form method="post" action="login_check.jsp">
<label for="username">用户名:</label>
<input type="text" id="username" name="username" required/><br/>
<label for="password">密码:</label>
<input type="password" id="password" name="password" required/><br/>
<button type="submit">登录</button>
</form>
</body>
</html>
```
在登录页面中,我们使用了一个表单来接收用户输入的用户名和密码,并将表单的提交地址设置为login_check.jsp。
2. 接下来是登录检查页面 login_check.jsp:
```jsp
<%@ page import="java.sql.*" %>
<%
String username = request.getParameter("username"); // 获取用户名
String password = request.getParameter("password"); // 获取密码
// 数据库连接信息
String dbUrl = "jdbc:mysql://localhost:3306/mydb";
String dbUser = "root";
String dbPassword = "password";
boolean loginSuccess = false; // 是否登录成功的标志
// 检查用户名和密码是否正确
try {
Class.forName("com.mysql.jdbc.Driver");
Connection conn = DriverManager.getConnection(dbUrl, dbUser, dbPassword);
String sql = "SELECT * FROM users WHERE username = ? AND password = ?";
PreparedStatement pstmt = conn.prepareStatement(sql);
pstmt.setString(1, username);
pstmt.setString(2, password);
ResultSet rs = pstmt.executeQuery();
if (rs.next()) {
loginSuccess = true;
}
rs.close();
pstmt.close();
conn.close();
} catch (Exception e) {
e.printStackTrace();
}
// 根据检查结果显示弹窗并跳转页面
if (loginSuccess) {
%>
<script type="text/javascript">
alert("登录成功!");
window.location.href = "home.jsp"; // 跳转到home.jsp页面
</script>
<%
} else {
%>
<script type="text/javascript">
alert("登录失败!");
history.back(); // 返回上一页
</script>
<%
}
%>
```
在登录检查页面中,我们首先获取了用户输入的用户名和密码,并使用JDBC连接数据库,查询是否存在该用户名和密码。如果检查成功,则将loginSuccess标志设置为true;否则为false。然后,根据检查结果显示弹窗并跳转页面。如果登录成功,则弹出一个显示“登录成功”的弹窗并跳转到home.jsp页面;否则弹出一个显示“登录失败”的弹窗并返回上一页。
3. 最后是home.jsp页面,这里只是一个简单的示例:
```jsp
<html>
<head>
<title>Home</title>
</head>
<body>
<h1>欢迎访问我的主页!</h1>
</body>
</html>
```
在以上示例中,我们使用了JDBC连接数据库,查询了用户名和密码是否正确。你可以根据自己的情况修改数据库连接信息和查询语句。