공부하는 블로그

(웹개발) header footer 나누기 본문

Develop/JSP

(웹개발) header footer 나누기

모아&모지리 2017. 9. 28. 12:48


view/common 폴더를 만들고 그 밑에 footer.jsp 파일과 header.jsp 파일을 생성한다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="<c:url value="/css/common-style.css"/>" />
<link rel="stylesheet" href="<c:url value="/css/layout-style.css"/>" />
</head>
<body>
    <div id="wrapper">
        <jsp:include page="/WEB-INF/view/member/login.jsp" />
cs


↑header파일

1
2
3
4
5
6
7
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
    
    </div>
</body>
</html>
cs


↑footer파일


1
2
3
4
5
6
7
8
9
10
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<jsp:include page="/WEB-INF/view/common/header.jsp" />
        
 
<!--공통부분-->
 
 
<jsp:include page="/WEB-INF/view/common/footer.jsp" />
cs


공통부분에서만 화면개발 작업을 하면 되므로 편리하다.

저작자표시

'Develop > JSP' 카테고리의 다른 글

HTML폼과 요청파라미터의 처리 (예제)  (0) 2018.03.06
스크립트릿 예제  (0) 2018.03.06
현재시간을 출력해주는 JSP코드  (0) 2018.03.06
Tomcat서버 띄우기  (0) 2018.02.20
'Develop/JSP' Related Articles more