<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
</head>
<body>
<form action="/jsp/members/save.jsp" method="post">
username: <input type="text" name="username" />
age: <input type="text" name="age" />
<button type="submit">전송</button>
</form>
</body>
</html>회원 등록폼 만들기
<%@ page import="hello.servlet.domain.member.MemberRepository" %>
<%@ page import="hello.servlet.domain.member.Member" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
MemberRepository memberRepository = MemberRepository.getInstance();
System.out.println("save.jsp");
String username = request.getParameter("username");
int age = Integer.parseInt(request.getParameter("age"));
Member member = new Member(username, age);
System.out.println("member = " + member);
memberRepository.save(member);
%>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
성공
<ul>
<li>id=<%=member.getId()%></li>
<li>username=<%=member.getUsername()%></li>
<li>age=<%=member.getAge()%></li>
</ul>
<a href="/index.html">메인</a>
</body>
</html>회원 등록 후 저장된 화면 표출
<%@ page import="java.util.List" %>
<%@ page import="hello.servlet.domain.member.MemberRepository" %>
<%@ page import="hello.servlet.domain.member.Member" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
MemberRepository memberRepository = MemberRepository.getInstance();
List<Member> members = memberRepository.findAll();
%>
<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>
<%
for (Member member : members) {
out.write(" <tr>");
out.write(" <td>" + member.getId() + "</td>");
out.write(" <td>" + member.getUsername() + "</td>");
out.write(" <td>" + member.getAge() + "</td>");
out.write(" </tr>");
}
%>
</tbody>
</table>
</body>
</html>회원 목록조회
build.gradle에서 JSP를 추가하고
첫줄은 JSP문서라는 뜻이고 항상 이렇게 시작해야한다.
회원 등록 폼JSP는 HTML과 첫줄을 제외하곤 똑같다. JSP는 서버 내부에서 서블릿으로 변환되는데,
이전에 만들었던 MemberFormServlet과 거의 비슷한 모습으로 변환된다.
JSP는 자바 코드를 그대로 다 사용할 수 있다.
<% ~%> 여기 안에는 자바 코드를 입력할 수 있다.
<%= ~%>는 자바 코드를 출력할 수 있다.
서블릿, JSP의 한계
서블릿으로 개발할 때는 View(화면)을 위한 HTML을 만드는 작업이 자바 코드에 섞여서 지저분하고 복잡했다.
JSP를 사용한 덕분에 뷰를 생성하는 HTML 작업을 깔끔하게 가져가고, 중간중간 동적으로 변경이 필요한 부분에만
자바 코드를 적용했다. 그런데 이렇게 해도 고민이 남는다.
회원 저장 JSP를 보면 코드의 상위 절반은 회원을 저장하기위한 비즈니스 로직이고, 나머지 하위 절만만 결과를 보여주기위한 뷰 영역이다.
Java코드, 데이터를 조회하는 리포지토리 등 다양한 코드가 노출되어 있고 JSP가 너무 많은 역할을 한다. 수백 수천줄이 넘어가는 JSP르 떠올려보면 유지보수에 힘겨울 것이다.
MVC 패턴의 등장
비즈니스 로직은 서블릿 처럼 다른곳에서 처리하고, JSP는 목적에 맞게 HTML로 화면을 그리는 일에 집중하도록 하자.
'웹프로그래밍 > 스프링 MVC' 카테고리의 다른 글
| 22. MVC 패턴 - 적용 (0) | 2022.03.21 |
|---|---|
| 21. MVC 패턴 - 개요 (0) | 2022.03.21 |
| 19. 서블릿으로 회원 관리 웹 어플리케이션 만들기 (0) | 2022.03.17 |
| 18. 회원 관리 웹 애플리케이션 요구사항 (0) | 2022.03.17 |
| 17. HTTP 응답 데이터 - API JSON (0) | 2022.03.16 |