반응형
- 페이지 디렉티브 태그 정의와 사용법
| 속성 | 기본값 | 설명 |
| info | 없음 | 페이지를 설명해 주는 문자열 지정함 |
| language | "java" | JSP 페이지에서 사용할 언어를 지정함 |
| contentType | "text/html | JSP 페이지 출력 형식을 지정함 |
| import | 없음 | JSP 페이지에서 다른 패키지의 클래스를 임포트할 때 지정함 |
| session | "true" | JSP 페이지에서 Http |
| buffer | "8kb" | |
| autoFlush | "true" | |
| errorPage | "false" | |
| isErrorPage | "false" | |
| pageEncoding | "ISO-8859-1" | |
| isELIgnored | "true" |
- header.jspf
jsp파일에서 f를 붙여서 구분해줌
부트스트랩4 를 가져옴
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>
<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
<a class="navbar-brand" href="#">Logo</a>
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="content01.jsp">Link 1</a>
</li>
<li class="nav-item">
<a class="nav-link" href="content02.jsp">Link 2</a>
</li>
<li class="nav-item">
<a class="nav-link" href="content03.jsp">Link 3</a>
</li>
</ul>
</nav>
- footer.jspf
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<div class="jumbotron">
<h1>푸터 영역</h1>
</div>
</body>
</html>
- content01.jsp, content02.jsp, content03.jsp
// content01==================================
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ include file="header.jspf" %>
<h1>본문1입니다</h1>
<h1>본문1입니다</h1>
<h1>본문1입니다</h1>
<h1>본문1입니다</h1>
<h1>본문1입니다</h1>
<%@ include file="footer.jspf" %>
// content02==================================
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ include file="header.jspf" %>
<h1>본문02입니다</h1>
<h1>본문02입니다</h1>
<h1>본문02입니다</h1>
<h1>본문02입니다</h1>
<h1>본문02입니다</h1>
<%@ include file="footer.jspf" %>
// content03==================================
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ include file="header.jspf" %>
<h1>본문03</h1>
<h1>본문03</h1>
<h1>본문03</h1>
<h1>본문03</h1>
<h1>본문03</h1>
<%@ include file="footer.jspf" %>
위쪽 Link1,2,3 을 누르면 해더와 푸터는 고정되고 내용만 바뀜
반응형
'학습 > JSP' 카테고리의 다른 글
| 22. useBean, setProperty, getProperty 액션 태그 사용 (0) | 2022.11.17 |
|---|---|
| 21. JSP 스크립트 요소 기능 (0) | 2022.11.16 |
| 18. Filter API (0) | 2022.11.16 |
| 17. 여러가지 URL 패턴 적용 (0) | 2022.11.16 |
| 19. 여러 가지 서블릿 관련 Listener API (0) | 2022.11.15 |
댓글