본문 바로가기

BackEnd : Spring/Spring MVC

[Spring MVC] FrontController : Model 추가하기

서블릿 종속성 제거

https://nymagicshop16.tistory.com/76

 

[Spring MVC] FrontController : 뷰 분리하기

앞의 FrontController 구조에서 뷰를 분리하여 코드의 반복을 없앨 수 있다. MyView package hello.servlet.web.frontcontroller; import jakarta.servlet.RequestDispatcher; import jakarta.servlet.ServletException; import jakarta.servlet.http.

nymagicshop16.tistory.com

위 글과 이어지는 내용이다.

지금 구조에서는 컨트롤러가 서블릿 기술을 몰라도 동작할 수 있다.

request 객체를 Model로 사용하는 대신에 Model 객체를 만들어서 반환하면 된다. 우리가 구현하는 컨트롤러가 서블릿 기술을 전혀 사용하지 않도록 변경해보면 된다.

뷰 이름 중복 제거

  • /WEB-INF/views/new-form.jsp -> new-form
  • /WEB-INF/views/save-result.jsp -> save-result
  • /WEB-INF/views/members.jsp -> members

ModelView

package hello.servlet.web.frontcontroller;

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

public class ModelView {
    private String viewName; // 뷰의 이름
    private Map<String, Object> model = new HashMap<>(); // 뷰를 렌더링할때 필요한 model

    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;
    }
}

컨트롤러에서 뷰에 필요한 데이터를 key, value 형태로 model Map에 넣어주면 된다.

 

ControllerV3

package hello.servlet.web.frontcontroller.v3;

import hello.servlet.web.frontcontroller.ModelView;

import java.util.Map;

public interface ControllerV3 {
    ModelView process(Map<String, String> paramMap);
}

이 컨트롤러는 서블릿 기술을 전혀 사용하지 않아 코드가 간단해졌다.

HttpServletRequest가 제공하는 파라미터(request, response)는 FrontController가 paramMap에 담아서 호출해주면 된다.

뷰 이름과 뷰에 전달할 Model 데이터를 포함하는 ModelView 객체가 반환된다.

FrontControllerServletV3

@Override
    protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        System.out.println("FrontControllerServletV2.service");

        String requestURI = request.getRequestURI();

        ControllerV3 controller = controllerMap.get(requestURI);
        if (controller == null) {
            response.setStatus(HttpServletResponse.SC_NOT_FOUND);
            return;
        }

        //paramMap
        //메서드 뽑기 : option + command + m
        Map<String, String> paramMap = createParamMap(request);
        ModelView mv = controller.process(paramMap);

        String viewName = mv.getViewName();
        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;
    }

다른 코드는 기존의 FrontController와 동일하다.

createParamMap

이제 FrontController에서 HttpServletRequest을 통해 받아온 파라미터를 Map으로 반환하여 paramMap에 넘겨준다.

controller.process(paramMap) 으로 컨트롤러에 해당 파라미터들을 전달하면서 호출한다.

viewResolver

controller를 통해 받아온 ModelView에서 ViewName을 받아오고, viewResolver에 이 viewName을 전달한다.

컨트롤러가 반환한 논리 뷰 이름을 실제 물리 뷰 경로로 반환한다.

view.render(mv.getModel(), request, response) : 모델 정보도 함께 받아 html 화면을 렌더링한다.

 

수정된 MyView - Render

    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));
    }

jsp는 request.getAttribute로 데이터를 조회하기 때문에, 모델의 데이터를 꺼내서 request.setAttribute()로 담아둔다.

ModelFormController

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

import hello.servlet.web.frontcontroller.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");
    }
}

ModelView를 생성할 때 new-form이라는 view의 논리적인 이름을 지정한다.

ModelSaveController

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

import hello.servlet.domain.member.Member;
import hello.servlet.domain.member.MemberRepository;
import hello.servlet.web.frontcontroller.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;
    }
}

기존에는 HttpServletRequest를 통해 받아온 parameter를 통해 username과 age를 받아왔다.

여기서는 paramMap을 통해 username과 age 정보를 받아와 이를 통해 Member 객체를 생성한다.

회원 저장 컨트롤러이므로 "save-result" 논리 이름으로 ModelView를 생성하고, 이 ModelView에 member 객체를 저장한다.

MemberListController

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

import hello.servlet.domain.member.Member;
import hello.servlet.domain.member.MemberRepository;
import hello.servlet.web.frontcontroller.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;
    }
}

MemberSave와 같은 논리이다.

여기서는 member 리스트를 모두 반환하여 ModelView에 저장하고 이 객체를 반환한다.