[Spring MVC 1] - MVC 프레임워크 - Model 추가

model 분리 개요

 

1. 서블릿 종속성 제거

컨트롤러 입장에서는 HttpServletRequest, HttpServletResponse가 꼭 필요할까?

요청 파라미터 정보는 자바의 Map으로 대신 넘기도록 하면 지금 구조에서는 컨트롤러가 서블릿 기술을 몰라도 동작할 수 있다.

그리고 request객체를 Model로 사용하는 대신에 별도의 Model 객체를 만들어서 반환하면 된다.

 

 

2. 뷰 이름 중복 제거  

컨트롤러에서 지정하는 뷰 이름에 중복이 있음을 확인할 수 있다.

컨트롤러는 뷰의 논리 이름을 반환하고, 실제 물리 위치의 이름은 프론트 컨트롤러에서 처리하도록 단순화 한다.

이렇게 하면 후에 뷰의 폴더 위치가 함께 이동해도 프론트 컨트롤러만 수정하면 된다.

 

ex) "/WEB-INF/views/-.jsp" -> members (-에 해당하는)

 

** 변경의 지점을 하나로 만든다는 것 = 좋은 설계

 

Goal : 기존 코드를 최대한 유지하면서, 모델을 분리해본다.

 

Model 분리

v3 구조 아키텍쳐

 

ModelView

지금까지 컨트롤러에서 서블릿에 종속적인 HttpServletRequest를 사용했다. 그리고 Model도 request.setAttribute()를 통해 데이터를 저장하고 뷰에 전달했다. 서블릿의 종속성을 제거하기 위해 Model을 직접 만들고 추가로 View 이름까지 전달하는 객체를 만든다.

(이번 버전에서는 컨트롤러에서 HttpServletRequest를 사용할 수 없다. 따라서 직접 request.setAttrivute()를 호출할 수도 없으므로, Model이 별도로 필요하다)

 

 

ModelView 객체

hello/servlet/web/ModelView.java

package hello.servlet.web;


import java.util.HashMap;
import java.util.Map;

public class ModelView {
    private String viewName;
    private Map<String, Object> model = new HashMap<>();

    public ModelView(String viewName) {
        this.viewName = viewName;
    }

    public String getViewName() {
        return viewName;
    }

    public void setViewName(String viewName) {
        this.viewName = viewName;
    }

    public Map<String, Object> getModel() {
        return model;
    }

    public void setModel(Map<String, Object> model) {
        this.model = model;
    }
}

• 뷰의 이름과 뷰를 렌더링할 때 필요한 model 객체를 가지고 있다. model은 단순히 map으로 되어 있으므로 컨트롤러에서 뷰에 필요한 데이터를 key, value로 넣어주면 된다.

 

ControllerV3

hello/servlet/web/frontcontroller/v3/ControllerV3.java

package hello.servlet.web.frontcontroller.v3;

import hello.servlet.web.ModelView;

import java.util.Map;

public interface ControllerV3 {

    ModelView process(Map<String,String> paramMap);

}

• ModelView를 반환
• v2랑 비교하면 굉장히 단순하고 프레임워크에 종속적인 것이지, 서블릿에 종속적이지 않음

 

MemberFormControllerV3

hello/servlet/web/frontcontroller/v3/controller/MemberFormControllerV3.java

package hello.servlet.web.frontcontroller.v3.controller;

import hello.servlet.web.ModelView;
import hello.servlet.web.frontcontroller.v3.ControllerV3;

import java.util.Map;

public class MemberFormControllerV3 implements ControllerV3 {

    @Override
    public ModelView process(Map<String, String> paramMap) {
        return new ModelView("new-form");
    }
}

• new-form이라는 논리 이름만 반환
• 서블릿 기술을 사용하지 않아 구현이 단순해진다. HttpServletRequest가 제공하는 파라미터는 프론트 컨트롤러가 paramMap에 담에서 호출해주면 된다. 응답 결과로 뷰 이름과 뷰에 전달할 Model 데이터를 포함하는 ModelView 객체를 반환하면 된다.

 

MemberSaveControllerV3

hello/servlet/web/frontcontroller/v3/controller/MemberSaveControllerV3.java

package hello.servlet.web.frontcontroller.v3.controller;

import hello.servlet.domain.member.Member;
import hello.servlet.domain.member.MemberRepository;
import hello.servlet.web.ModelView;
import hello.servlet.web.frontcontroller.v3.ControllerV3;

import java.util.Map;

public class MemberSaveControllerV3 implements ControllerV3 {

    private MemberRepository memberRepository = MemberRepository.getInstance();

    @Override
    public ModelView process(Map<String, String> paramMap) {
        String username = paramMap.get("username");
        int age = Integer.parseInt(paramMap.get("age"));

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

        ModelView mv = new ModelView("save-result");
        mv.getModel().put("member", member);

        return mv;
    }
}

 

MemberListControllerV3

hello/servlet/web/frontcontroller/v3/controller/MemberListControllerV3.java

package hello.servlet.web.frontcontroller.v3.controller;

import hello.servlet.domain.member.Member;
import hello.servlet.domain.member.MemberRepository;
import hello.servlet.web.ModelView;
import hello.servlet.web.frontcontroller.v3.ControllerV3;

import java.util.List;
import java.util.Map;

public class MemberListControllerV3 implements ControllerV3 {

    private MemberRepository memberRepository = MemberRepository.getInstance();

    @Override
    public ModelView process(Map<String, String> paramMap) {
       List<Member> members = memberRepository.findAll();
       ModelView mv = new ModelView("members");
       mv.getModel().put("members", members);
       return mv;
    }
}

• paramMap.get("username"); - 파라미터 정보는 map에 담겨있다. map에서 필요한 요청 파라미터를 조회하면 된다.
• mv.getModel().put("member", member); - 모델은 단순한 map이므로 뷰에서 필요한 memeber 객체를 담고 반환한다.

FrontControllerServletV3

hello/servlet/web/frontcontroller/v3/FrontControllerServletV3.java

package hello.servlet.web.frontcontroller.v3;

import hello.servlet.web.ModelView;
import hello.servlet.web.frontcontroller.MyView;
import hello.servlet.web.frontcontroller.v3.controller.MemberFormControllerV3;
import hello.servlet.web.frontcontroller.v3.controller.MemberListControllerV3;
import hello.servlet.web.frontcontroller.v3.controller.MemberSaveControllerV3;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.HashMap;
import java.util.Map;

@WebServlet(name="frontControllerServletV3", urlPatterns = "/front-controller/v3/*")
public class FrontControllerServletV3 extends HttpServlet {

    private Map<String, ControllerV3> controllerMap = new HashMap<>();

    public FrontControllerServletV3(){
        controllerMap.put("/front-controller/v3/members/new-form", new MemberFormControllerV3());
        controllerMap.put("/front-controller/v3/members/save", new MemberSaveControllerV3());
        controllerMap.put("/front-controller/v3/members", new MemberListControllerV3());
    }

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

        String requestURI = request.getRequestURI();

        ControllerV3 controller = controllerMap.get(requestURI);

        if(controller == null){
            response.setStatus(HttpServletResponse.SC_NOT_FOUND);
            return;
        }

        //paramMap
        Map<String, String> paramMap = createParamMap(request);
        ModelView mv =  controller.process(paramMap);

        //논리 이름을 물리 이름으로 바꿔야함
        String viewName = mv.getViewName(); // 논리이름 new-form !!

        //뷰 리졸버는 뷰 논리이름을 가지고 실제 물리이름을 만들면서 마이뷰를 반환해준다.
        MyView view = viewResolver(viewName);

        view.render(mv.getModel(),request, response);
    }

    private static MyView viewResolver(String viewName) {
        return new MyView("/WEB-INF/views/" + viewName + ".jsp");
    }

    private static Map<String, String> createParamMap(HttpServletRequest request) {
        Map<String, String> paramMap = new HashMap<>();
        request.getParameterNames().asIterator()
                .forEachRemaining(paramName -> paramMap.put(paramName, request.getParameter(paramName)));
        return paramMap;
    }
}

• paramMap을 넘겨줘야함
• level을 맞추기 위해 createParamMap 메서드를 따로 만듦 
• 논리 이름을 물리 이름으로 바꾸고, render를 하면 됨

 

MyView

hello/servlet/web/frontcontroller/MyView.java

package hello.servlet.web.frontcontroller;

import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.Map;

public class MyView {
    private String viewPath;

    public MyView(String viewPath){
        this.viewPath = viewPath;
    }

    public void render(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException{
        RequestDispatcher dispatcher = request.getRequestDispatcher(viewPath);
        dispatcher.forward(request,response); //forward 하면 실제 렌더링 됨
    }

	//해당 메서드 추가
    public void render(Map<String, Object> model, HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException{
        modelToRequestAttribute(model, request);
        RequestDispatcher dispatcher = request.getRequestDispatcher(viewPath);
        dispatcher.forward(request, response);
    }
    private static void modelToRequestAttribute(Map<String, Object> model, HttpServletRequest request) {
        model.forEach((key, value) -> request.setAttribute(key,value));
    }
}

• render가 오면 model에 있는 값을 꺼내 httpservletreqeust의 setattribute에 세팅하고 jsp가 포워드 됨. 그리고 jsp가 request.getattribute를 이용한다.

뷰 리졸버

MyView view = viewResolver(veiwName) 컨트롤러가 반환한 논리 뷰 이름을 실제 물리 뷰 경로로 변경한다. 그리고 실제 물리 경로가 있는 MyView 객체를 반환한다.

• 논리 뷰 이름 : members
• 물리 뷰 경로 : /WEB-INF/views/members.jsp
• view.render(mv.getModel(), request, response)
• 뷰 객체를 통해 html 화면을 렌더링 한다
• 뷰 객체의 render()는 모델 정보도 함께 받는다
• jsp는 request.getAttribute()로 데이터를 조회하기 때문에, 모델의 데이터를 꺼내서 request.setAttrivute()로 담아둔다
• jsp로 포워드 하여 jsp를 렌더링 한다.

 

http://localhost:8080/front-controller/v3/members/new-form 등록 실행 결과

 

http://localhost:8080/front-controller/v3/members 목록 조회 실행 결과

 

 

 

 

---

게을렀던 지난주를 회개하는 월요일은 스프링mvc!!

정신차려라 로지포지 이럴 때가 아니다