WEB/JSP

jsp include file 응용

ITGenerations 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 지시어보다는 다른 방법을 사용하는게 낫다.

하지만, 위 예시와 같이 어떻게 사용되는지는 알고 있으면 좋다.



저작자표시 비영리 변경금지 (새창열림)