jsphtml登录源码的简单介绍
更新：2022-11-10 01:54
本文目录一览：
jsp登陆界面源代码
1、login.jsp文件
<%@ page language="java" contentType="text/html; charset=GB18030"
pageEncoding="GB18030"%>
<%@ page import="java.util.*" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>登录页面</title>
</head>
<body>
<form name="loginForm" method="post" action="judgeUser.jsp">
<table>
<tr>
<td>用户名:<input type="text" name="userName" id="userName"/></td>
</tr>
<tr>
<td>密码:<input type="password" name="password" id="password"/></td>
</tr>
<tr>
<td><input type="submit" value="登录" style="background-color:pink" />
<input type="reset" value="重置" style="background-color:red"/></td>
</tr>
</table>
</form>
</body>
</html>
2、judge.jsp文件
<%@ page language="java" contentType="text/html; charset=GB18030"
pageEncoding="GB18030"%>
<%@ page import="java.util.*" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>身份验证</title>
</head>
<body>
<%
request.setCharacterEncoding("GB18030");
String name = request.getParameter("userName");
String password = request.getParameter("password");
if(name.equals("abc") && password.equals("123")) {
%>
<jsp:forward page="afterLogin.jsp">
<jsp:param name="userName" value="<%=name%>"/>
</jsp:forward>
<%
} else {
%>
<jsp:forward page="login.jsp"/>
<%
}
%>
</body>
</html>
3、afterLogin.jsp文件
<%@ page language="java" contentType="text/html; charset=GB18030"
pageEncoding="GB18030"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>登录成功</title>
</head>
<body>
<%
request.setCharacterEncoding("GB18030");
String name = request.getParameter("userName");
out.println("欢迎你:" + name);
%>
</body>
</html>
扩展资料：
java web登录界面源代码：
1、Data_uil.java文件
import java.sql.*;
public class Data_uil {
public Connection getConnection() {
try {
Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver");
} catch (ClassNotFoundException e) {
e.printStackTrace();
}
String user = "***";
String password = "***";
String url = "jdbc:sqlserver://127.0.0.1:1433;DatabaseName=***";
Connection con = null;
try {
con = DriverManager.getConnection(url, user, password);
} catch (SQLException e) {
e.printStackTrace();
}
return con;
}
public String selectPassword(String username) {
Connection connection = getConnection();
String sql = "select * from login where username=?";
PreparedStatement preparedStatement = null;
ResultSet result = null;
String password = null;
try {
preparedStatement = connection.prepareStatement(sql);
preparedStatement.setString(1, username);
result = preparedStatement.executeQuery();
if (result.next())
password = result.getString("password");
} catch (SQLException e) {
e.printStackTrace();
} finally {
close(preparedStatement);
close(result);
close(connection);
}
System.out.println("找到的数据库密码为：" + password);
return password;
}
public void close(Connection con) {
try {
if (con != null) {
con.close();
}
} catch (SQLException e) {
e.printStackTrace();
}
}
public void close(PreparedStatement preparedStatement) {
try {
if (preparedStatement != null) {
preparedStatement.close();
}
} catch (SQLException e) {
e.printStackTrace();
}
}
public void close(ResultSet resultSet) {
try {
if (resultSet != null) {
resultSet.close();
}
} catch (SQLException e) {
e.printStackTrace();
}
}
}
2、login_check.jsp文件
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>验证用户密码</title>
</head>
<body>
<jsp:useBean id="util" class="util.Data_uil" scope="page" />
<%
String username = (String) request.getParameter("username");
String password = (String) request.getParameter("password");
if (username == null || "".equals(username)) {
out.print("<script language='javaScript'> alert('用户名不能为空');</script>");
response.setHeader("refresh", "0;url=user_login.jsp");
} else {
System.out.println("输入的用户名:" + username);
String passwordInDataBase = util.selectPassword(username);
System.out.println("密码：" + passwordInDataBase);
if (passwordInDataBase == null || "".equals(passwordInDataBase)) {
out.print("<script language='javaScript'> alert('用户名不存在');</script>");
response.setHeader("refresh", "0;url=user_login.jsp");
} else if (passwordInDataBase.equals(password)) {
out.print("<script language='javaScript'> alert('登录成功');</script>");
response.setHeader("refresh", "0;url=loginSucces.jsp");
} else {
out.print("<script language='javaScript'> alert('密码错误');</script>");
response.setHeader("refresh", "0;url=user_login.jsp");
}
}
%>
</body>
</html>
3、loginSucces.jsp文件
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<hr size="10" width="26%" align="left" color="green">
<font size="6" color="red">登录成功</font>
<hr size="10" width="26%" align="left" color="green">
</body>
</html>
4、user_login.jsp文件
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>登录界面</title>
</head>
<body background="C:\Users\win8\workspace\Login\image\9dcbdc339e72a5663b5c289fb5573c13_10.jpg">
<center>
<br><br><br><br><br><br>
<h1 style="color:yellow">Login</h1>
<br>
<form name="loginForm" action="login_check.jsp" method="post">
<table Border="0">
<tr>
<td>账号</td>
<td><input type="text" name="username"/></td>
</tr>
<tr>
<td>密码</td>
<td><input type="password" name="password"></td>
</tr>
</table>
<br>
<input type="submit" value="登录" style="color:#BC8F8F">
</form>
</center>
</body>
</html>
jsp登录代码
login.jsp
<%@ page language="java" pageEncoding="utf-8"%>
<html>
<head>
<title>登录</title>
<script language="javascript">
function checkform() {
if (form4.name.value.length == 0) {
alert("请输入正确的姓名！");
form4.name.focus();
return false;
}
if (form4.password.value.length == 0) {
alert("请输入正确的密码!");
form4.password.focus();
return false;
}
}
</script>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
left:16px;
top:442px;
width:276px;
height:239px;
z-index:1;
}
#Layer2 {
position:absolute;
left:29px;
top:305px;
width:181px;
height:137px;
z-index:2;
}
-->
</style>
</head>
<body>
<div id="Layer1" style="left: 16px; width: 369px;">
<form id="form4" name="form4" method="post" action="loginControl.jsp">
<table border="0" style="top: 443px; left: 17px; width: 240px; height: 240px;">
<tr>
<td colspan="3"><div align="center"><strong>用户登录</strong></div></td>
</tr>
<tr>
<td><div align="right"><strong>用户名:</strong></div></td>
<td colspan="1"><input type="text" name="name" /></td>
</tr>
<tr>
<td><div align="right"><strong>密 码:</strong><strong> </strong></div></td>
<td colspan="1"><input type="password" name="password" /></td>
</tr>
<tr>
<td height="37" colspan="3">
<label>
<input type="submit" name="Submit" value="登录" onclick="javascript:return(checkform());" />
</label>
<input type="reset" name="reset" value="重填" />
</td>
</tr>
</table>
</form>
</div>
<div id="Layer2"><img src=2.jpg width="120" height="120"/></div>
<label></label>
</body>
</html>
loginControl.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="tdb.jsp"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
left:9px;
top:363px;
width:218px;
height:133px;
z-index:1;
}
-->
</style>
<head>
<title>My JSP 'loginControl.jsp' starting page</title>
</head>
<body>
<%
String name = request.getParameter("name");
String password = request.getParameter("password");
System.out.println("成功11111");
String sql = "SELECT * FROM tdb WHERE user_Name='"+name+"' AND user_Pwd='"+password+"'";
ResultSet rs = smt.executeQuery(sql);
if (!rs.next()) {
%>
<script type="text/javascript">
alert("用户名和密码不正确！！！");
window.location.href='index.jsp';
</script>
<%
}
response.sendRedirect("main.jsp");
%>
</body>
</html>
tdb.jsp
<%
Class.forName("oracle.jdbc.OracleDriver");
java.sql.Connection con = null;
con = java.sql.DriverManager.getConnection("jdbc:oracle:thin:@127.0.0.1:1521:ABC","zhan","123");
java.sql.Statement smt = con.createStatement();
java.sql.ResultSet rs;
java.sql.PreparedStatement ps;
String sql;
%>
编写用户注册于登录的JSP页面的全部程序代码
3个jsp文件，第一个是login.jsp，第二个是judge.jsp，第三个是afterLogin.jsp。
login.jsp
<%@ page language="java" contentType="text/html; charset=GB18030"
pageEncoding="GB18030"%>
<%@ page import="java.util.*" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>登录页面</title>
</head>
<body>
<form name="loginForm" method="post" action="judgeUser.jsp">
<table>
<tr>
<td>用户名:<input type="text" name="userName" id="userName"/></td>
</tr>
<tr>
<td>密码:<input type="password" name="password" id="password"/></td>
</tr>
<tr>
<td><input type="submit" value="登录" style="background-color:pink" />
<input type="reset" value="重置" style="background-color:red"/></td>
</tr>
</table>
</form>
</body>
</html>
judge.jsp
<%@ page language="java" contentType="text/html; charset=GB18030"
pageEncoding="GB18030"%>
<%@ page import="java.util.*" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>身份验证</title>
</head>
<body>
<%
request.setCharacterEncoding("GB18030");
String name = request.getParameter("userName");
String password = request.getParameter("password");
if(name.equals("abc") && password.equals("123")) {
%>
<jsp:forward page="afterLogin.jsp">
<jsp:param name="userName" value="<%=name%>"/>
</jsp:forward>
<%
} else {
%>
<jsp:forward page="login.jsp"/>
<%
}
%>
</body>
</html>
afterLogin.jsp
<%@ page language="java" contentType="text/html; charset=GB18030"
pageEncoding="GB18030"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>登录成功</title>
</head>
<body>
<%
request.setCharacterEncoding("GB18030");
String name = request.getParameter("userName");
out.println("欢迎你:" + name);
%>
</body>
</html>
