[JSP] include

JAVA/JSP

[JSP] include

로아다 2023. 7. 3. 00:15

728x90

JSP include

- 포워드처럼 request와 response를 다른 jsp로 보냈다가 다시 돌아오는 기능

- 다른 페이지로 잠깐 갔다가 돌아오는 기능이기 때문에 page scope의 값을 사용할 수는 없다.

<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>

<jsp:include page="/include/top.jsp" />

<h1>제목</h1>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. 
Impedit necessitatibus temporibus non quam ullam perspiciatis maiores facil
is aspernatur commodi culpa fugiat voluptas optio consequatur dicta a odio
 omnis voluptatibus corrupti. </p>
 
<jsp:include page="/include/bottom.jsp" />

/include/top.jsp

<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>top.jsp에서 정한 제목</title>
</head>
<body>

        <table border="1">
                <tr>
                        <th>메뉴소개</th>
                        <th>찾아오시는 길</th>
                        <th>체인점</th>
                        <th>사이트맵</th>
                        <th>고객센터</th>
                </tr>
                <tr>
                        <th>
                                <ul>
                                        <li>side menu1</li>
                                        <li>side menu2</li>
                                        <li>side menu3</li>
                                        <li>side menu4</li>
                                        <li>side menu5</li>
                                </ul>
                        </th>
                        <td colspan="4">

/include/bottom.jsp

<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!DOCTYPE html>
        </td>
        </tr>
<tr>
        <th colspan="5">
                전화번호: 123-1235-1234 | 사업자등록번호 : 123-123-123
                | FAX : 1234-1234-1234 ...
        </th>
</tr>
</table>

</body>
</html>

File include

- 해당 파일 내용을 읽어서 현재 jsp 내부에 포함시키는 기능.

- 컴파일 이전에 파일 내용을 포함시킨 후 컴파일을 진행하게 된다.

- page scope의 값을 사용할 수 있다.

<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Fragments Include</title>
<style>
        #grid-container {
                display: grid;
                grid-template-columns: repeat(5, 1fr);
                column-gap: 5px;
                row-gap: 5px;
        }
        
        #grid-container > div {
                border: solid 1px black;
        }
        
        .footer {
                grid-column: 1 / 6;
        }
</style>
</head>
<body>
        
        <c:set var="message" value="I am a message from index.jsp" scope="page"/>
        
        <div id="grid-container">
                <%@ include file="./frags/thead.jsp" --%>
                <%@ include file="./frags/tbody.jsp" --%>
        </div>
        
</body>
</html>

./frags/thead.jsp

<%@ page language="java" contentType="text/html; charset=EUC-KR"
        pageEncoding="EUC-KR"%>
<div class="thead">first name</div>
<div class="thead">last name</div>
<div class="thead">address</div>
<div class="thead">phone number</div>
<div class="thead">manager id</div>

./frags/tbody.jsp

<%@ page language="java" contentType="text/html; charset=EUC-KR"
	pageEncoding="EUC-KR"%>
<c:forEach begin="1" end="10" var="i">
	<div>${i}-1</div>
	<div>${i}-2</div>
	<div>${i}-3</div>
	<div>${i}-4</div>
	<div>${i}-5</div>
</c:forEach>

<div class="footer">
	<div>${message}</div>
</div>

728x90

저작자표시 비영리 변경금지