JSP 화면 작성
참조 : 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"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<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> </th>
<th> </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> </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)을 클릭하면 새로운 멤버의 정보가 추가되었슴을 알려주고 다시 위 리스트를 보여주기.