Notice
Recent Posts
Recent Comments
Link
«   2025/01   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Tags more
Archives
Today
Total
관리 메뉴

개발자되기 프로젝트

[Servlet, JSP] MVC 적용 본문

인프런/[인프런] 스프링 MVC 1

[Servlet, JSP] MVC 적용

Seung__ 2021. 9. 9. 23:44

1. MVC 패턴 적용

서블릿을 컨트롤러로 사용하고, JSP를 뷰로 사용해서 MVC 패턴을 적용
Model은 HttpServletRequest 객체를 사용한다. request는 내부에 데이터 저장소를 가지고 있음.
request.setAttribute() , request.getAttribute() 를 사용하면 데이터를 보관하고, 조회할 수 있다

 

 

2. Controller

  • Request, Response를 받아서 view에 제어권 넘김.
  • RequestDispatcher : Defines an object that receives requests from the client and sends them to any resource 
    (such as a servlet, HTML file, or JSP file) on the server.
  • dispatcher.forward(request, resposne) view에 request, reponse 객체 넘김.
    • dispatcher.forward() : 다른 서블릿이나 JSP로 이동할 수 있는 기능이다. 
    • 서버 내부에서 다시 호출이 발생함(메서드 호출하듯이 ㅋ) -> Redirect 아님! -> url이 변경이 안됨. ㅋㅋ
  • 즉 Controller는 client로부터 요청을 받고 Request, Response객체를 view에 넘김.
/**
 * Controller
 */
@WebServlet(name = "MvcMemberFormServlet", urlPatterns = "/servlet-mvc/members/new-form")
public class MvcMemberFormServlet extends HttpServlet {
    @Override
    protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        String viewPath = "/WEB-INF/views/new-form.jsp";

        //controller -> view 이동
        RequestDispatcher dispatcher = request.getRequestDispatcher(viewPath);
        //제어건원 dispatcher에 넘김. request, response객체 같이 넘겨줌.
        dispatcher.forward(request, response); //이동!

    }
}

 

3. VIEW - 회원등록 FORM

  • /WEB-INF
    • 이 경로안에 JSP가 있으면 외부에서 직접 JSP를 호출할 수 없다.
    • 항상 컨트롤러를통해서 JSP를 호출하기를 원함. ㅋㅋ 다른데선 안됨 ㅋㅋ
  • 상대경로 : save ->현재 경로 + /save
    • 현재 계층 경로: /servlet-mvc/members/
    • 결과: /servlet-mvc/members/save
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <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>

 

4. redirect vs forward

  • redirect 는 실제 클라이언트(웹 브라우저)에 응답이 나갔다가,
  • 클라이언트가 redirect 경로로 다시 요청함.
  • 따라서 클라이언트가 인지할 수 있고, URL 경로도 실제로 변경된다. (주소창이 바뀜!)
  • 반면에 forward는 서버내부에서 일어나는 호출이기 때문에 클라이언트가 전혀 인지하지 못한다.
    (그냥 메서드 호출하듯이 호출해버림 ㅋㅋ)

 

5. Controller - 회원 저장

/**
 * Controller
 */
@WebServlet(name = "MvcMemberSaveServlet", urlPatterns = "/servlet-mvc/members/save")
public class MvcMemberSaveServlet extends HttpServlet {

    private MemberRepository memberRepository = MemberRepository.getInstance();

    @Override
    protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        String username = request.getParameter("username");
        int age = Integer.parseInt(request.getParameter("age"));

        Member member = new Member(username, age);
        memberRepository.save(member);

        //model에 data를 보관해보자.(K&V)
        request.setAttribute("member", member);

        String viewPath = "/WEB-INF/views/save-result.jsp";
        RequestDispatcher dispatcher = request.getRequestDispatcher(viewPath);
        dispatcher.forward(request, response);
    }
}

 

 

 

6. View - 회원저장

  • JSP는 ${} 문법을 제공 ->property 접근 법 : getter 사용.
  • ${}를 사용하면 Request의 Attribute에 담긴 데이터(model에 담긴 데이터)를 쉽게 조회함.
  • ${member.id} ㅎ...간단하다.
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</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>

 

 

7. Controller - 목록조회

@WebServlet(name = "MvcMemberListServlet", urlPatterns = "/servlet-mvc/members")
public class MvcMemberListServlet extends HttpServlet {

    private MemberRepository memberRepository = MemberRepository.getInstance();

    @Override
    protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        List<Member> members = memberRepository.findAll();

        //모델에 담기
        request.setAttribute("members", members);

        String viewPath = "/WEB-INF/views/members.jps";
        RequestDispatcher dispatcher = request.getRequestDispatcher(viewPath);
        dispatcher.forward(request, response);

    }
}

 

 

8. View - 목록조회

JSTL을 사용하면 LOOP를 간략하게 사용이 가능. 

아래와 같이 선언 필요.

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
  • <c:forEach var="" items="${collections}">
<%@ 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>

9. GitHub : 210909 WebApplication with MVC

 

GitHub - bsh6463/MVC1

Contribute to bsh6463/MVC1 development by creating an account on GitHub.

github.com

 

'인프런 > [인프런] 스프링 MVC 1' 카테고리의 다른 글

Front Controller 패턴  (0) 2021.09.10
[Servlet, JSP] MVC 패턴 - 한계, 정리  (0) 2021.09.09
[Servlet, JSP] MVC 패턴  (0) 2021.09.09
[JSP] 회원 관리 웹 애플리케이션  (0) 2021.09.09
[Servlet] 회원 관리 웹 애플리케이션  (0) 2021.09.09
'인프런/[인프런] 스프링 MVC 1' Related Articles more
Comments