반응형
▶ 인클루드 디렉티브 태그 ( Include Directive Tag)
→ 여러 JSP 페이지에서 사용되는 공통 JSP 페이지를 만든 후 다른 JSP 페이지에서 공통 JSP 페이지를 포함시켜 사용하는 기능
웹페이지의 제목 / 로고를 표시하는 상단, 메뉴를 표시하는 왼쪽은 화면이 바뀌더라도 일정하게 유지되는 경우가 많습니다.
공통된 화면을 일일이 페이지마다 만들어야 한다면 불편할 것입니다.
따라서 JSP에서는 공통으로 사용되는 JSP 페이지를 미리 만들어 놓고 다른 JSP 페이지 요청 시 인클루드 디렉티브 태그를 사용합니다.
˙ 인클루드 디렉티브 태그의 특징
- 재사용성이 높다
- JSP 페이지의 유지관리가 쉽다.
˙인클루드 디렉티브 태그의 형식
|
1
|
<%@ include file="공통기능.jsp" %>
|
cs |
▶ 인클루드 디렉티브 태그 이용해 이미지 삽입
① WebContent > image 경로에 원하는 이미지를 삽입합니다.
② WebContent 에 flower_image.jsp를 생성하고 실행합니다.
|
1
2
3
4
5
6
7
8
9
10
11
12
|
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>flower_image</title>
</head>
<body>
<img src="./image/flower.jpg">
</body>
</html>
|
cs |
③ WebContent 에 include.jsp를 생성하고 실행합니다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>include directive</title>
</head>
<body>
<h1>Hello JSP!!! START!!</h1><br>
<%@ include file="flower_image.jsp" %><br>
<h1>Good Bye JSP!!! END!!</h1>
</body>
</html>
|
cs |
인클루드 디렉티브를 통해 전에 만든 flower_image.jsp 를 include 하고 위, 아래는 원하는 문구를 적어줍니다.
반응형
'코딩 기록 > JSP' 카테고리의 다른 글
| [JSP] 특정 회원 정보 조회하기(스크립트 요소 이용, 오라클 연동) (0) | 2021.05.11 |
|---|---|
| [JSP] Welcome 파일 지정하기 (0) | 2021.05.11 |
| [JSP] 디렉티브 태그 (0) | 2021.05.11 |
| [JSP] 세션 로그인 예제 (DB 연동) (0) | 2021.05.11 |
| [JSP] 서블릿에서 쿠키 사용하기 (0) | 2021.05.10 |