[스프링MVC 24] MVC 프레임워크 만들기: Model 추가 (*중요)

[스프링MVC 23] MVC 프레임워크 만들기: View 분리 (tistory.com)

[스프링MVC 23] MVC 프레임워크 만들기: View 분리

• 서블릿 종속성 제거
  • 컨트롤러 입장에서 HttpServletRequest, HttpServletResponse이 꼭 필요할까? 요청 파라미터 정보는 자바의 Map으로 대신 넘기도록 하면, 지금 구조에서는 컨트롤러가 서블릿 기술을 몰라도(컨트롤러가 서블릿 기술을 전혀 사용하지 않아도) 동작할 수 있다. 또, req 객체를 Model로 사용하는 대신에, 별도의 Model 객체를 만들어서 반환하면 된다. →이렇게 하면 구현 코드도 매우 단순해지고, 테스트 코드 작성이 쉽다.

 

• 뷰 이름 중복 제거
  • 컨트롤러에서 지정하는 뷰 경로에 중복이 있는 것을 확인할 수 있다. 컨트롤러는 뷰의 논리 이름을 반환하고, 실제 물리 위치의 이름은 프론트 컨트롤러에서 처리하도록 단순화하자.
  • 이렇게 해두면 향후 뷰의 폴더 위치가 함께 이동해도 프론트 컨트롤러만 고치면 된다.

//return new MyView("/WEB-INF/views/new-form.jsp");  //물리 이름
return new ModelView("new-form"); //논리 이름

 

---

구조

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

• ModelView

public class ModelView {

    private String viewName;  //뷰의 논리 이름
    private Map<String, Object> model=new HashMap<>();  //model 객체

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

    //Getters and Setters
    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로 넣어주면 된다.

 

---

 

• 이 컨트롤러는 서블릿 기술(HttpServletRequest)을 전혀 사용하지 않는다.

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

• HttpServletRequest가 제공하는 파라미터는 프론트 컨트롤러가 paramMap에 담아서 호출해주면 된다. 응답 결과로 뷰 이름과 뷰에 전달할 Model 데이터를 포함하는 ModelView 객체를 반환하면 된다.

 

---

 

• 회원 등록 폼
  • ModelView를 생성할 때 new-form이라는 view의 논리적인 이름을 지정한다. 실제 물리적인 이름은 프론트 컨트롤러에서 처리한다.

/**회원 등록 폼*/
public class MemberFormControllerV3 implements ControllerV3 {

    @Override
    public ModelView process(Map<String, String> paramMap) {
        return new ModelView("new-form");
        //컨트롤러는 뷰의 논리 이름을 반환 (실제 물리 이름은 프론트 컨트롤러가)
    }

}

• 회원 저장

/**회원 저장*/
public class MemberSaveControllerV3 implements ControllerV3 {
    private MemberRepository memberRepository = MemberRepository.getInstance();

    @Override
    public ModelView process(Map<String, String> paramMap) {
        //paramMap.get
        //파라미터 정보가 담긴 map에서, 필요한 요청 파라미터를 조회
        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); //모델에 뷰에서 필요한 member 객체(데이터)를 담고 반환
        return mv;
    }
}

• 회원 목록

/**회원 목록*/
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;
    }
}

 

 

---

 

• FrontController

@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 req, HttpServletResponse resp) throws ServletException, IOException {
        String requestURI = req.getRequestURI();

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

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

        String viewName = mv.getViewName();  //뷰 논리 이름
        MyView view= viewResolver(viewName);    //실제 물리 경로가 있는 MyView 객체를 반환

        view.render(mv.getModel(), req, resp); //MyView 객체를 통해서 HTML 화면을 렌더링
    }

    //HttpServletRequest가 제공하는 파라미터는 paramMap에 담아서 호출
    private Map<String, String> createParamMap(HttpServletRequest req) {
        //1. HttpServletRequest에서 파라미터 정보를 꺼내서 Map으로 변환 ( paramMap )
        Map<String, String> paramMap=new HashMap<>();

        //2. 해당 Map( paramMap )을 컨트롤러에 전달하면서 호출
        req.getParameterNames().asIterator()
                .forEachRemaining(paramName -> paramMap.put(paramName, req.getParameter(paramName)));
        return paramMap;
    }

    //뷰 리졸버: 컨트롤러가 반환한 논리 뷰 이름을 실제 물리 뷰 경로로 변경
    private MyView viewResolver(String viewName) {
        return new MyView("/WEB-INF/views/" + viewName + ".jsp"); //실제 물리 위치 이름
    }

}

1. createParamMap()
   • HttpServletRequest에서 파라미터 정보를 꺼내서 Map으로 변환한다. 
2. 해당 Map( paramMap )을 컨트롤러에 전달하면서 호출하고, ModelView(mv) 반환
3. MyView view = viewResolver(viewName)
   • 컨트롤러가 반환한 논리 뷰 이름(viewName)을 실제 물리 뷰 경로로 변경한다. 그리고 실제 물리 경로가 있는 MyView 객체를 반환한다.
4.  render(model) 호출
   • 뷰 객체를 통해 HTML 화면을 렌더링

 

---

 

• •  view.render(mv.getModel(), req, resp) →MyView 객체에 필요한 메서드 추가

public class MyView {
    private String viewPath;

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

    public void render(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        RequestDispatcher dispatcher = req.getRequestDispatcher(viewPath);
        dispatcher.forward(req, resp);
    }

    //뷰 객체의 render()는 모델 정보도 함께 받는다
    public void render(Map<String, Object> model, HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException{

        //모델의 데이터를 모두 꺼내서 req.setAttribute()로 담아둔다
        model.forEach((key, value)-> req.setAttribute(key,value));

        RequestDispatcher dispatcher = req.getRequestDispatcher(viewPath);
        dispatcher.forward(req, resp); //JSP로 포워드 해서 JSP를 렌더링
    }

}

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

 

 

---

---

//MyView view=new MyView("/WEB-INF/views/" +viewName +".jsp");  
//메소드 자동생성 단축키: ctrl+alt+m

MyView view= viewResolver(viewName);    

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

• 논리 뷰 이름: members
• 물리 뷰 경로: /WEB-INF/views/members.jsp

---

[스프링MVC 20] MVC 패턴으로 회원 관리 웹 애플리케이션 (tistory.com)

[스프링MVC 20] MVC 패턴으로 회원 관리 웹 애플리케이션

[스프링MVC 19] MVC 패턴 (tistory.com)

[스프링MVC 19] MVC 패턴

[스프링MVC 22] MVC 프레임워크 만들기: 프론트 컨트롤러 (FrontController) (tistory.com)

[스프링MVC 22] MVC 프레임워크 만들기: 프론트 컨트롤러 (FrontController)