티스토리 뷰
프로젝트를 톰캣 서버를 사용하여 run할 때, 기본 경로는 web.xml내에 welcome file로 지정되어 있는 파일이다. 지금까지는 그냥 index.jsp나 index.html 을 생성해서 default 값을 사용했다.
하지만, mvc model2 패턴을 사용하여 프로젝트를 구성한다면 index.jsp 또한 ActionFactory를 사용하여 마찬가지로 index.html에서 Controller에게 요청하여 index.jsp 로 이동하게끔 구성하는 방법도 있다.
이 방법을 사용하면, 물론 설계 초반에 좀 더 손이 가겠지만, index.jsp 파일을 url 직접적으로 노출시키지 않고 또한 header나 footer를 고정시킨 상태에서 그 내부 컨텐츠를 좀 더 쉽게 변경할 수 있다는 장점이 있다.
방법은 생각보다 간단하다. 바로 한번 확인해보자.
우선 프로젝트가 실행됐을 때, 곧 바로 호출되는 index.html 파일부터 살펴보면,
◎index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="refresh" content = "0; url=NonageServlet?command=index">
<title>index.html</title>
<!--
html의 <meta> 태그를 이용하여 서블릿에게 요청 사항을 전달
1. http-equiv: 요청 사항에 대한 결과를 받기 전 웹 브라우저를 마치 새로고침 하는 것 처럼
초기화 할 수 있는 값을 설정 => "refrash"
2. content : 요청할 주소(즉, 대상)
url = 대상
-->
</head>
<body>
</body>
</html>
위와 같이 <meta> 태그로 콘텐츠의 url 경로를 설정해주면, 요청 사항에 대한 결과를 받기 전에 새로고침한 효과와 함께 해당 url로 이동한다.
Servlet 쪽은 일반적인 MVC 구조와 동일하다.
◎NonageServlet
package com.choonham.controller;
import java.io.IOException;
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 com.choonham.controller.action.Action;
/**
* Servlet implementation class NonageServlet
*/
@WebServlet("/NonageServlet")
public class NonageServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
/**
* @see HttpServlet#HttpServlet()
*/
public NonageServlet() {
super();
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
String command = request.getParameter("command");
System.out.println("웹 브라우저로부터 요청 받음 : " + command);
ActionFactory af = ActionFactory.getInstance();
Action action = af.getAction(command);
if(action != null) {
action.execute(request, response);
}
}
/**
* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
*/
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
request.setCharacterEncoding("UTF-8");
doGet(request, response);
}
}
실제 index.jsp로 포워딩하는 기능을 하는 객체는 IndexAction 객체
◎ IndexAction.java
package com.choonham.controller.action;
import java.io.IOException;
import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class IndexAction implements Action {
public IndexAction() {
// TODO Auto-generated constructor stub
}
@Override
public void execute(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
String url = "/index.jsp";
RequestDispatcher rd = request.getRequestDispatcher(url);
rd.forward(request, response);
}
}
이제ActionFactory에서 command = index 값을 받을 때, 객체 생성을 해주면 끝!
◎ActionFactory.java
package com.choonham.controller;
import com.choonham.controller.action.Action;
import com.choonham.controller.action.IndexAction;
public class ActionFactory {
private static ActionFactory instance = null;
private ActionFactory() {
super();
}
public static ActionFactory getInstance() {
if(instance == null) {
instance = new ActionFactory();
}
return instance;
}
public Action getAction(String command) {
Action action = null;
if(command.equals("index")) {
action = new IndexAction();
}
return action;
}
}
그럼 아래와 같이 구성한 index.jsp의 url을 직접적으로 드러내지 않고 빠르게 로드할 수 있다.
◎index.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<%@ include file = "header.jsp" %>
여기에 상품을 진열합니다.
<%@ include file = "footer.jsp" %>
</body>
</html>
또한 위와 같이 header와 footer를 따로 가지고 있는 구조를 가지고 있기 때문에 해당 header, footer는 고정한 상태로 따로 내부 content만 제어하기도 쉬워진다.
'WEB > DynamicWeb' 카테고리의 다른 글
[Web] <a> 태그를 이용한 File Download (0) | 2021.06.01 |
---|---|
[Web] MVC 패턴 예제 <비밀번호를 사용하는 게시판> (0) | 2021.05.31 |
[MVC] MVC의 이해 (0) | 2021.05.26 |
[Web] file Upload Form & Method 사용 (0) | 2021.05.11 |
[Web] 종합 활용 예제 <회원 가입> (0) | 2021.04.30 |
- AsyncStorage
- 맛집
- react
- 이탈리안 레스토랑
- 인천 구월동 이탈리안 맛집
- react-native
- redux
- redux-thunk
- Promise
- await
- Async
- 정보보안기사 #실기 #정리
- 파니노구스토
- 인천 구월동 맛집
- javascript
- Total
- Today
- Yesterday