참조 : Spring MVC 어플리케이션 개발 <9> JSP 화면 작성

이전에 컨트롤러를 만들고 viewResolver를 등록해서 적당한 jsp파일에 적당한 객체가 주어지도록 했습니다.[footnote]index.jsp 파일에 memberList 객체를 memberList 라는 이름으로 전달해 주었습니다.[/footnote] 하지만~ 그 객체를 써먹진 않고 그냥 “OK~”만 화면에 출력을 했었습니다.

이번에는 jstl을 사용해서 전달 받은 객체를 가지고 화면에 출력하는 jsp페이지를 만들겠습니다.

JSTL을 사용하기 위해서는 jstl.jar파일과 standard.jar파일이 필요합니다. 이 파일들은 http://jakarta.apache.org/site/downloads/downloads_taglibs-standard.cgi 이곳에서 Taglib를 다운 받아 압축을 풀면 lib 디렉토리에서 찾을 수 있습니다.

위 두 파일을 WEB-INF/lib 폴더에 복사해서 추가를 한 뒤 index.jsp파일을 다음과 같이 수정했습니다.
[#M_ more.. | less.. | <%@ page language=”java” contentType=”text/html; charset=UTF-8″
    pageEncoding=”UTF-8″%>
<%@ taglib prefix=”c” uri=”http://java.sun.com/jstl/core_rt”%&gt;

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
<html xmlns=”http://www.w3.org/1999/xhtml”&gt;
<head>
<title>Agile Java Network</title>
</head>
<body>
<table border=”1″>
    <caption>Agile Java Network’s All Members</caption>
    <tr align=”left”>
        <th>Name</th>
        <th>Blog</th>
        <th>E-mail</th>
        <th>Messenger ID</th>
        <th>Phone</th>
        <th>&nbsp;</th>
        <th>&nbsp;</th>
    </tr>
    <c:forEach var=”member” items=”${memberList}”>
        <tr>
            <td>${member.name}</td>
            <td><a href=”${member.blogAddress}” targer=”_blank”>보러가기</a></td>
            <td><a href=”mailto:${member.email}” target=”_blank”>보내기</a></td>
            <td>${member.messengerId}</td>
            <td>${member.phone}</td>
            <td><a href=”modify.do?id=${member}”>수정하기</a></td>
            <td><a href=”delete.do?id=${member.id}”>삭제하기</a></td>
        </tr>
    </c:forEach>
</table>
<table border=”1″>
    <tr>
        <td>Name</td>
        <td>Blog</td>
        <td>E-mail</td>
        <td>Messenger ID</td>
        <td>Phone</td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td><input type=”text” name=”name” /></td>
        <td><input type=”text” name=”phone” /></td>
        <td><input type=”text” name=”email” /></td>
        <td><input type=”text” name=”blogAddress” /></td>
        <td><input type=”text” name=”messengerID” /></td>
        <td><input type=”submit” value=”Add” /></td>
    </tr>
</table>
</body>
</html>_M#]
그리고 프로그램을 실행시켜 봅시다.
bl105.bmp
휴~ 기나긴 여정의 끝이 보이기 시작합니다.

앞으로 남은 일

1. 삭제하기 버튼을 클릭했을 때 정말 삭제할 것인지 확인 하는 팝업 창이 뜬 뒤에 수정을 해주고 다시 리스트를 뿌려주는 일.

2.수정하기 버튼을 클릭했을 때 수정하는 화면으로 넘어가는 일

3.수정하기 화면에서 수정 완료 버튼을 클릭하면 수정이 완료되었슴을 알리는 글자를 출력하고 다시 이 화면으로 넘어 오는 일

4. 새로운 멤버 추가 버튼(Add)을 클릭하면 새로운 멤버의 정보가 추가되었슴을 알려주고 다시 위 리스트를 보여주기.