-
jsp include file 응용WEB/JSP 2018. 10. 23. 23:25
폴더 include
-menu.jsp
-news.jsp
-shopping.jsp
-test.jsp
test.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>title</title>
<script type="text/javascript" src="/js/jquery-3.3.1.min.js"></script>
<style>
#body {
margin: auto 0px;
}
#top {
font-size:x-large;
text-align:center;
background-color:red;
}
.table1{
margin: auto 0px;
padding: auto 0px;
height:300px;
width:800px;
background-color:yellow;
align:center;
}
.tr1 {
margin: auto 0;
padding: auto 0;
height:100px;
text-align: center;
}
.td1 {
margin: auto 0;
padding: auto 0;
text-align: center;
}
.td2_1 {
margin: auto 0;
text-align: center;
}
.td2_2 {
margin: auto 0;
text-align: center;
}
</style>
<script>
</script>
</head>
<body>
<br>
<div id="top">include 지시어 테스트</div>
<br>
<hr>
<table class="table1">
<tr class="tr1"><td colspan="2" class="td1"><%@ include file="menu.jsp" %></td></tr>
<tr class="tr2">
<td class="td2_1"> <%@ include file="news.jsp" %></td>
<td class="td2_2"><%@ include file="shopping.jsp"%></td>
</tr>
</table>
</body>
</html>
menu.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>title</title>
<script type="text/javascript" src="/js/jquery-3.3.1.min.js"></script>
<style>
</style>
<script>
</script>
</head>
<body>
<div style="text-align:center;">
<a href="/include/game.jsp">[게임]</a>
<a href="/include/shopping.jsp">[쇼핑]</a>
<a href="/include/news.jsp">[뉴스]</a>
</div>
</body>
</html>
news.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>title</title>
<script type="text/javascript" src="/js/jquery-3.3.1.min.js"></script>
<style>
</style>
<script>
</script>
</head>
<body>
<div style="text-align:center;"><a href="/include/shopping.jsp">[최신뉴스]</a><hr style="border:solid 1px black; width:80%;"></div>
<div style="text-align:center;">2013.00.00:자바웹 프로그래밍 전면 개정판 출간!!! <br>
2013.00.00:스프링프레임워크 적용확산.</div>
</body>
</html>
shopping.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>title</title>
<script type="text/javascript" src="/js/jquery-3.3.1.min.js"></script>
<style>
</style>
<script>
</script>
</head>
<body>
<div style="text-align:center;"><a href="/include/news.jsp">[쇼핑정보]최신 인기 상품 정보입니다</a><hr style="border:solid 1px black; width:80%;"></div>
<div style="text-align:center;">
1. 최신 스마트폰<br>
2. 10.1인치 최신 태블릿 pc</div>
</body>
</html>
include 지시어는 페이지 분할 관리 기법으로써 편리하게 사용할 수 있지만, 좋은 퍼포먼스를 뽑아내지 못하므로 권장되는 기법은 아니다. 대규모 사이트 구성에는 단순한 페이지 분할 뿐만 아니라, 레이아웃 관리를 비롯한 고급 기능이 요구되므로 JSP의 include 지시어보다는 다른 방법을 사용하는게 낫다.하지만, 위 예시와 같이 어떻게 사용되는지는 알고 있으면 좋다.'WEB > JSP' 카테고리의 다른 글
홈페이지 주소 기본 페이지 설정 (0) 2018.11.04 Request 객체의 메소드 사용하여 웹브라우저와 서버의 정보를 출력하는 예제 (0) 2018.10.24 jsp 경로를 이동하면 파일 다운로드 받는 방법 (0) 2018.10.23 JSP 에러페이지 (0) 2018.10.23 web.xml 파일이 없을때 해결법 (1) 2018.10.23 댓글