Programming/JSP

Day 3(9/19) 회원리스트 화면 만들기

juyinjang25 2016. 9. 19. 17:38

2번 화면 만들기



<구성 요소>


1) 글꼴, 색상 설정

font-size: 12px;

color: blue;

text-transform: uppercase;(모든 문자를 대문자로)

*lowercase(모든 문자를 소문자로)

**capitalize(각 단어 첫글자 대문자로)


2) 데이터 출처

<%List<MemberVo> memList = (List)request.getAttribute("memList"); %>


MemberVo 클래스의 List를 받아온다.


3) 열 속성 이름



<tr>
                                    <th>num</th>
                                    <th>id</th>
                                    <th>pwd</th>
                                    <th>name</th>
</tr>


4) 튜플(행 집합)





<tr>

                                    <td><%=NUM 데이터 %></td>
                                    <td><%=ID 데이터 %></td>
                                    <td><%=PWD 데이터 %></td>
                                    <td><%=NAME 데이터 %></td>


</tr>


5) 수정 버튼

<td><a href='./MemberDetail?num=<%=NUM 데이터 %>'>수정</a></td>

<a href='주소': 일종의 하이퍼 링크


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
 
<%@ page language="java" contentType="text/html; charset=EUC-KR"
            pageEncoding="EUC-KR"%>
<%@ page import="java.util.List, source.MemberVo"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
<style type="text/css">
th {
            text-transform: uppercase;
            font-size: 12px;
            color: blue;
}
</style>
</head>
<body>
            <%List<MemberVo> memList = (List)request.getAttribute("memList"); %>
            <!-- set,getAttribute는 한 쌍 -->
            <h1>MemberList.jsp</h1>
            <table border='1'>
                        <tr>
                                    <th>num</th>
                                    <th>id</th>
                                    <th>pwd</th>
                                    <th>name</th>
                                    <th>email</th>
                                    <th>phone</th>
                                    <th>indate</th>
                                    <th>admin</th>
                                    <th>수정</th>
                        </tr>
                        <%                                                                   
                        for(int i=0;i<memList.size();i++){
                                    
%>
                        <tr>
                                    <td><%=memList.get(i).getNum() %></td>
                                    <td><%=memList.get(i).getId() %></td>
                                    <td><%=memList.get(i).getPwd() %></td>
                                    <td><%=memList.get(i).getName() %></td>
                                    <td><%=memList.get(i).getEmail() %></td>
                                    <td><%=memList.get(i).getPhone() %></td>
                                    <td><%=memList.get(i).getIndate() %></td>
                                    <td><%=memList.get(i).getAdmin() %></td>
 
                                    <td><a href='./MemberDetail?num=<%=memList.get(i).getNum() %>'>수정</a></td>
                        </tr>
                        <%
                        }           
%>
            </table>
</body>
</html>
 
cs