4.4. 책 생성 화면 뷰 생성
책 생성 컨트롤러에서 book/create 경로를 반환했으므로, 실제 화면을 담당하는 뷰 코드를 작성한다. 최종 경로는 src/main/webapp/WEB-INF/views/book/create.jsp 이다.
뷰 디렉토리를 생성한다.
- src => webapp => WEB-INF => views 우클릭 후 new => folder를 선택한다.
- 폴더 이름을 book으로 하고 finish 버튼을 누른다.
-
뷰 파일을 생성한다.
- src => webapp => WEB-INF => views => book 우클릭 후 new => file을 선택한다.
- 파일 이름을 create.jsp으로 하고 finish 버튼을 누른다.
내용이 없는 파일이 생성된다. -
4.5. 책 생성 화면 뷰 내용 작성
아래의 내용으로 create.jsp 파일을 수정한다.
src/main/webapp/WEB-INF/views/book/create.jsp
<%@ page pageEncoding="UTF-8" contentType="text/html;charset=utf-8"%>
<html>
<head>
<title>책 생성하기</title>
</head>
<body>
<h1>책 생성하기</h1>
<form method="POST">
<p>제목 : <input type="text" name="title" /></p>
<p>카테고리 : <input type="text" name="category" /></p>
<p>가격 : <input type="text" name="price" /></p>
<p><input type="submit" value="저장" />
</form>
</body>
</html>
뷰는 화면을 담당한다. 웹 어플리케이션에서 화면은 웹 브라우저가 렌더링하므로 브라우저가 읽어서 해석할 수 있는 HTML로 최종 변환될 수 있도록 작성한다.
create.jsp 뷰는 제목, 카테고리, 가격을 입력받을 수 있는 형식(form - 폼)을 가진 HTML이다.
4.6. 책 입력 화면 확인하기
서버를 클릭하고 ctrl + alt + d를 눌러 디버깅 모드로 시작하거나 ctrl + alt + r을 눌러 서버 모드로 시작한다. 물론 우클릭 후 Debug나 Start를 눌러도 관계없다.
브라우저에 http://localhost:8080/create 주소로 접속해서 화면이 나오는지 확인한다.
