jsp 登入與註冊
阿新 • • 發佈:2020-12-30
login.jsp
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>登入</title>
<style type="text/css" >
form {
width: 440px;
background-color:aqua;
text-align: center;
}
input {
border: solid 1px #93FEFF;
}
</style>
</head>
<body>
<form action="index1.jsp" method="post">
<span><h1>使用者登入<h1></span>
<span>使用者名稱:</span> <input type="text" name="username" placeholder="請輸入使用者名稱" /><br/>
<span style="position: relative;left: 3.3%"><span>密碼:</span><input type="password"name="password" placeholder="請輸入密碼" /></span> <br/>
<span style="position: relative;left: -10%"><input type="submit"value="登入" /></span>
<span style="position: relative;left: 3.3%"><a href="login2.jsp"><input type="button" value="註冊" /></a></span>
</form>
</body>
</html>
login2.jsp
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>註冊</title>
<style type="text/css">
form {
width: 440px;
background-color:aqua;
text-align: center;
}
input {
border: solid 1px #93FEFF;
}
</style>
</head>
<body>
<form action="index2.jsp" method="post">
<span><h1>使用者註冊<h1></span>
<span>使用者名稱:</span><input type="text" name="username" placeholder="請輸入使用者名稱" /><br/>
<span style="position: relative;left: 3.3%"><span>密碼:</span><input type="password"name="password" placeholder="請輸入密碼" /></span><br/>
<input type="submit" value="註冊" />
</form>
</body>
</html>
index1.jsp
<%@ page language="java" import="java.sql.*"
contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<%
String url = "jdbc:oracle:thin:localhost:1521:orcl";
String user = "scott";
String password = "tiger";
Connection conn = null;
PreparedStatement psmt = null;
ResultSet rs = null;
try {
String sql = "select USERNAME,PASSWORD from T_USRE where USERNAME=? and PASSWORD=?";
//載入驅動
Class.forName("oracle.jdbc.driver.OracleDriver");
//建立資料庫連線
conn = DriverManager.getConnection(url, user, password);
//建立PreparedStatement物件
psmt = conn.prepareStatement(sql);
//字元編碼
request.setCharacterEncoding("utf-8");
//使用者名稱
String name=request.getParameter("username");
//使用者密碼
String password1=request.getParameter("password");
psmt.setString(1,name);
psmt.setString(2,password1);
rs = psmt.executeQuery();
if(rs.next()){//有值
out.print("<h1>"+"歡迎"+name+"</h1>");
out.print("<h3>"+"登入成功!"+"</h3>");
}else{
out.print("<h1>"+"登入失敗!"+"</h1>");%>
<a href="login2.jsp">去註冊</a>
<%}
} catch (ClassNotFoundException e) {
// TODO Auto-generated catch block
e.printStackTrace();
} catch (SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
} finally {
try {
if (rs != null) {
rs.close();
rs = null;
}
if (psmt != null) {
psmt.close();
psmt = null;
}
if (conn != null) {
conn.close();
conn = null;
}
} catch (SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
%>
</body>
</html>
index2.jsp
<%@ page language="java" import="java.sql.*"
contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<%
String url = "jdbc:oracle:thin:localhost:1521:orcl";//地址
String user = "scott";//oracle 使用者
String password = "tiger";//oracle 密碼
Connection conn = null;
PreparedStatement psmt = null;
ResultSet rs = null;
try {
String sql = "insert into t_usre values(?,?)";
//載入驅動
Class.forName("oracle.jdbc.driver.OracleDriver");
//建立資料庫的連線
conn = DriverManager.getConnection(url, user, password);
//建立PreparedStatement物件
psmt = conn.prepareStatement(sql);
//設定字元編碼
request.setCharacterEncoding("utf-8");
//獲得使用者名稱
String name=request.getParameter("username");
//獲得密碼
String password1=request.getParameter("password");
//傳參
psmt.setString(1,name);
psmt.setString(2,password1);
//填充結果集
rs = psmt.executeQuery();
if(rs.next()){
out.print("<h1>"+"註冊成功!"+"</h1>");
}
} catch (ClassNotFoundException e) {
// TODO Auto-generated catch block
e.printStackTrace();
} catch (SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
} finally {
try {
if (rs != null) {
rs.close();
rs = null;
}
if (psmt != null) {
psmt.close();
psmt = null;
}
if (conn != null) {
conn.close();
conn = null;
}
} catch (SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
%>
</body>
</html>
效果圖: