티스토리 뷰

WEB/DynamicWeb

[JSP] JSP 기초 <Include로 페이지 참조>

춘햄 2021. 4. 20. 14:53

JSP는 편리하게도 Include 지시자를 활용하여 이미 만들어 놓은 페이지를 참조하여 코드의 재사용성을 높일 수 있다. 

◎main.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE>
<html>
<head>
	<meta charset="UTF-8">
	<title>프론트(메인) 페이지</title>
</head>
<body>
	<h3> 프론트 페이지 </h3>
	<a href = "sub.jsp">서브 페이지 이동</a>
	<%@ include file = "footer.jsp" %>
	<!--  footer 참조 -->
</body>
</html>

◎sub.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE>
<html>
<head>
<meta charset="UTF-8">
<title>서브 페이지 화면</title>
</head>
<body>
	<h3>서브 페이지</h3>
	<a href = "main.jsp">메인 페이지 이동</a>
	<%@ include file = "footer.jsp" %>
		<!--  footer 참조 -->
</body>
</html>

◎footer.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<hr />  <!-- 한줄 쭉 -->
<div id = "copyright">
 	All contents Copyright 2021 freeflux Inc. all rights reserved<br /> 
	Contact mail: Choonham4@gmail.com
</div>

이와 같이 간단하게 코드를 구성하여 다른 페이지에서 단 한줄로 이미 만들어놓은 footer를 참조받아 사용할 수 있다. 

결과를 확인해보면, 

 

메인과 서브 페이지 모두 footer를 동일하게 가지고 있는 것을 확인할 수 있다!

반응형

'WEB > DynamicWeb' 카테고리의 다른 글

[JSP] forward 활용  (0) 2021.04.21
[JSP] sendRedirect(Post Method)의 한글 깨짐  (0) 2021.04.21
[JSP] JSP 기초 <예외 처리, 에러 페이지 지정>  (0) 2021.04.20
[JSP] JSP 기초 <간단한 시간 출력>  (0) 2021.04.20
[JSP] JSP 기초 활용 <간단한 쇼핑몰>  (0) 2021.04.20
공유하기 링크
Comments
Related Articles more