티스토리 뷰

직전 포스팅에서 Button에 링크를 달아 회원 목록을 추출하는 list.jsp를 추가하는 간단한 문제이다. 

뭐, 앞에서 다뤘던 개념을 크게 벗어나지 않으니 바로 코드를 확인해보자.

 


◎joinForm.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Join</title>
</head>
<body>
	<h1>회원 가입</h1>
	<Form action="join.jsp" method="get">
		아이디: <input type="text" name="id" required="required"
			placeholder="20자 이내" /> <br> 비밀번호: <input type="password"
			name="pw" required="required" placeholder="영문, 숫자 조합 20자 이내" /> <br>
		이메일: <input type="email" name="email" required="required" /> <br>
		<input type="submit" /> <input type="reset" />
	</Form>
    <!-- 버튼에 링크를 달아, 클릭 시 list.jsp로 넘어간다. -->
	<button type="button" onclick="location.href='list.jsp' ">회원목록</button>
</body>
</html>

◎list.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page import="java.sql.*"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>list.jsp</title>
</head>
<body>
	<h1>회원 목록</h1>
	<%
		try {
			Class.forName("oracle.jdbc.driver.OracleDriver");
			System.out.println("Driver has been loaded!");

			String url = "jdbc:oracle:thin:@127.0.0.1:1521:XE";
			Connection conn = DriverManager.getConnection(url, "oracle_java", "1234");
			System.out.println("Connection has been successfully done!");

			String sql = "SELECT * FROM MEMBER";

			Statement stmt = conn.createStatement();
			ResultSet rs = stmt.executeQuery(sql);
			ResultSetMetaData md = rs.getMetaData();
	%>
	<table>
		<tr>
			<%
				for (int i = 1; i < 5; i++) {
			%>
			<th><%=md.getColumnLabel(i)%></th>
			<%
				}
			%>
		</tr>

		<%
			while (rs.next()) {
		%>
		<tr>
			<td><%=rs.getInt("NO")%></td>
			<td><%=rs.getString("ID")%></td>
			<td><%=rs.getString("PWD")%></td>
			<td><%=rs.getString("MAIL")%></td>
		</tr>
		<%
			}
		%>
	</table>
	<%
		} catch (ClassNotFoundException e) {
			System.out.println(e.getMessage());
		} catch (SQLException e) {
			e.printStackTrace();
		}
	%>

</body>
</html>

회원 목록 버튼을 클릭하면,

바로 목록 페이지로 넘어갈 수 있다.


오늘 배웠던 JSP 기초를 조금 더 활용해볼 수 있게끔 하는 문제이다.

 

 

 

끝!!

 

반응형
Comments