728x90
반응형
id를 primary key로 설정해서, link 이동하는 예제
JSP
/step8-list.jsp
<%@page import="model.MemberVO"%>
<%@page import="java.util.ArrayList"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>step8-list.jsp</title>
<link type="text/css" rel="stylesheet" href="css/mystyle.css">
</head>
<body>
<%
ArrayList<MemberVO> list = new ArrayList<MemberVO>();
list.add(new MemberVO("java", "파프리카", "판교", "남"));
list.add(new MemberVO("tomcat", "당근", "제주", "여"));
list.add(new MemberVO("model2", "파프리카", "LA", "여"));
%>
<table>
<thead>
<tr>
<th>순번</th>
<th>이름</th>
<th>주소</th>
<th>성별</th>
</tr>
</thead>
<tbody>
<%-- tr td를 list를 이용해서 동적으로 생성하되,
이름부분은 링크를 부여해 id가 전송되도록 한다
(id가 Primary Key라는 전재)
--%>
<% for(int i=0; i<list.size(); i++) { %>
<tr>
<% String id = list.get(i).getId(); %>
<td><%=i+1 %></td>
<td> <%-- name부분에 링크 부여(query string방식으로 id값 주기) --%>
<a href = "step8-action.jsp?id=<%=id%>">
<%=list.get(i).getName() %></a>
</td>
<td><%=list.get(i).getAddress() %></td>
<td><%=list.get(i).getGender() %></td>
</tr>
<% } %>
</tbody>
</table>
</body>
</html>
/step8-action.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>회원 상세 정보</title>
</head>
<body>
<%-- 받아오는 값은 "id" !! --%>
<%=request.getParameter("id") %> 아이디를 가진
회원정보를 DB에서 조회
</body>
</html>
VO Class
/MemberVO.java
package model;
public class MemberVO {
private String id;
private String name;
private String address;
private String gender;
public MemberVO(String id, String name, String address, String gender) {
super();
this.id = id;
this.name = name;
this.address = address;
this.gender = gender;
}
public String getId() {
return id;
}
public void setId(String id) {
this.id = id;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getAddress() {
return address;
}
public void setAddress(String address) {
this.address = address;
}
public String getGender() {
return gender;
}
public void setGender(String gender) {
this.gender = gender;
}
}
브라우저 화면
--> 순번 1의 파프리카 클릭 (query string방식으로 id값으로 보냄)
--> 순번 3의 파프리카 클릭 (query string방식으로 id값으로 보냄)
728x90
반응형
'Java Web Programming > 4. JSP' 카테고리의 다른 글
| [JSP/Model2] Model 2 Architecture ( Singleton Pattern 싱글톤 패턴) (0) | 2020.08.27 |
|---|---|
| [JSP/Model2] Model 2 Architecture ( MVC Pattern ) / Model 1 설계방식과 차이점 ? (0) | 2020.08.27 |
| [JSP] Model 1 Architecture (설계방식) (0) | 2020.08.27 |
| [JSP] JSP 기초 2 - Form 연동 (link, radio, select(onchange), checkbox, js) (0) | 2020.08.26 |
| [JSP] JSP 기초 basic - 기본 문법 / JSP LifeCycle / table / form과 연동 (0) | 2020.08.25 |
