1. 程式人生 > 其它 >jsp 登入與註冊

jsp 登入與註冊

技術標籤:作品javajsp

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>

效果圖:
在這裡插入圖片描述
在這裡插入圖片描述