728x90
- 서블릿을 컨트롤러로 사용하고, JSP를 뷰로 사용해서 MVC 패턴을 적용해보자.
- Model은 HttpServletRequest 객체를 사용한다. request는 내부에 데이터 저장소를 가지고 있는데, request.setAttribute() , request.getAttribute()를 사용하면 데이터를 보관하고, 조회할 수 있다.
등록 Form으로 이동하는 Servlet/JSP 만들기
- 등록 Form으로 이동하는 Servlet(Controller)
- Servlet에게 제어권을 전달받은 JSP
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!-- 상대경로 사용, [현재 URL이 속한 계층 경로 + /save] -->
<form action="save" method="post">
username: <input type="text" name="username" />
age: <input type="text" name="age" />
<button type="submit">전송</button>
</form>
</body>
</html>- dispatcher.forward() : 다른 서블릿이나 JSP로 이동할 수 있는 기능이다. 서버 내부에서 다시 호출이 발생한다
- 클라이언트에 응답이 갔다 오는 redirect가 아닌 서버 안에서 JSP를 호출하여 해당 JSP에 제어권을 준 것이다.
- /WEB-INF
- 이 경로안에 JSP가 있으면 외부에서 직접 JSP를 호출할 수 없다. 우리가 기대하는 것은 항상 컨트롤러를 통해서 JSP를 호출하는 것이다
- redirect vs forward
- 리다이렉트는 실제 클라이언트(웹 브라우저)에 응답이 나갔다가, 클라이언트가 redirect 경로로 다시 요청한다. 따라서 클라이언트가 인지할 수 있고, URL 경로도 실제로 변경된다. 반면에 포워드는 서버 내부에서 일어나는 호출이기 때문에 클라이언트가 전혀 인지하지 못한다
- 여기서 form의 action을 보면 절대 경로(로 시작)가 아니라 상대 경로(로 시작 X)하는 것을 확인할 수 있다. 이렇게 상대 경로를 사용하면 폼 전송 시 현재 URL이 속한 계층 경로 + save가 호출된다.
- 현재 계층 경로: /servlet-mvc/members/
- 결과: /servlet-mvc/members/save
저장, 등록 내역 보여주는 Servlet 만들기
- 저장하는 Servlet(Controller)
- 저장한 내역을 보여주는 JSP
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
성공
<ul>
<li>id=${member.id}</li>
<li>username=${member.username}</li>
<li>age=${member.age}</li>
</ul>
<a href="/index.html">메인</a>
</body>
</html>- HttpServletRequest를 Model로 사용한다.
- request가 제공하는 setAttribute() 를 사용하면 request 객체에 데이터를 보관해서 뷰에 전달할 수 있다.
- 뷰는 request.getAttribute() 를 사용해서 데이터를 꺼내면 된다
- <%= request.getAttribute("member")%> 로 모델에 저장한 member 객체를 꺼낼 수 있지만, 너무 복잡해진다.
- JSP는 ${} 문법을 제공하는데, 이 문법을 사용하면 request의 attribute에 담긴 데이터를 편리하게 조회할 수 있다
전체 Member 내역 보여주는 Servlet 만들기
- 전체 Member 내역을 조회하는 Servlet(Controller)
- 조회된 내역을 view로 뿌려주는 JSP
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<a href="/index.html">메인</a>
<table>
<thead>
<th>id</th>
<th>username</th>
<th>age</th>
</thead>
<tbody>
<c:forEach var="item" items="${members}">
<tr>
<td>${item.id}</td>
<td>${item.username}</td>
<td>${item.age}</td>
</tr>
</c:forEach>
</tbody>
</table>
</body>
</html>- request 객체를 사용해서 List members 를 모델에 보관했다.
- 모델에 담아둔 members를 JSP가 제공하는 taglib기능을 사용해서 반복하면서 출력했다.
- members 리스트에서 member 를 순서대로 꺼내서 item 변수에 담고, 출력하는 과정을 반복한다.
- <c:forEach>이 기능을 사용하려면 다음과 같이 선언해야 한다.(jstl)
- <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
- JSP와 같은 뷰 템플릿은 이렇게 화면을 렌더링 하는데 특화된 다양한 기능을 제공한다.
728x90
'스프링 MVC 1편 (백엔드 웹 개발 핵심 기술)' 카테고리의 다른 글
| Ch04. MVC 프레임워크 만들기 - 프론트 컨트롤러 패턴 소개 (0) | 2022.03.04 |
|---|---|
| Ch03. 서블릿, JSP, MVC 패턴 - MVC 패턴(한계) (0) | 2022.03.03 |
| Ch03. 서블릿, JSP, MVC 패턴 - MVC 패턴(개요) (0) | 2022.03.03 |
| Ch03. 서블릿, JSP, MVC 패턴 - JSP로 회원 관리 웹 애플리케이션 만들기 (0) | 2022.03.03 |
| Ch03. 서블릿, JSP, MVC 패턴 - 서블릿으로 회원 관리 웹 애플리케이션 만들기 (0) | 2022.03.03 |