티스토리 뷰
직전 포스팅에서 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 기초를 조금 더 활용해볼 수 있게끔 하는 문제이다.
끝!!
반응형
'WEB > DynamicWeb' 카테고리의 다른 글
[JSP] JSP 기초 <간단한 시간 출력> (0) | 2021.04.20 |
---|---|
[JSP] JSP 기초 활용 <간단한 쇼핑몰> (0) | 2021.04.20 |
[JSP] JSP 기초 활용 <간단한 게시판> (0) | 2021.04.20 |
[JSP] JSP 기초 문법과 get메서드를 활용한 간단한 로그인 화면 (0) | 2021.04.15 |
[Get Ready] 아파치 서버 설정 및 이클립스 인코딩 설정 (0) | 2021.04.15 |
Comments
최근에 올라온 글
최근에 달린 댓글
TAG
- await
- Async
- 이탈리안 레스토랑
- redux
- 인천 구월동 이탈리안 맛집
- 맛집
- 파니노구스토
- react
- 정보보안기사 #실기 #정리
- react-native
- 인천 구월동 맛집
- AsyncStorage
- redux-thunk
- javascript
- Promise
- Total
- Today
- Yesterday