반응형

JSP의 여러가지 액션 태그 

 

이름 형식 설명
인클루드 액션 태그 jsp:include 이미 있는 JSP를 현재 JSP에 포함하는 태그
포워드 액션 태그 jsp:forward 서블릿에서 RequestDispatcher 클래스의 포워딩 기능을 대신하는 태그
유즈빈 액션 태그 jsp:useBean 객체를 생성하기 위한 new 연산자를 대신하는 태그
셋프로퍼티 액션 태그 jsp:setProperty setter를 대신하는 태그
겟프로퍼티 액션 태그 jsp:getProperty getter를 대신하는 태그

 

 

 

▶ 인클루드 액션 태그 사용하기 

 

˙ 인클루드 액션 태그 형식

 

1
2
3
<jsp:include page="jsp페이지" flush="true 또는 false">
            ...
</jsp:include>
cs

 

 

▶ 인클루드 액션 태그 VS 인클루드 디렉티브 태그 

 

항목 인클루드 액션 태그 인클루드 디렉티브 태그
기능 JSP 레이아웃 모듈화 JSP 레이아웃 모듈화
처리 시간 요청 시간에 처리 JSP를 자바 코드로 변환 시 처리
데이터 처리 방법 param 액션 태그를 이용해 동적 처리 가능 정적 처리만 가능
포함된 JSP
자바 파일 변환 여부
포함되는 JSP가 각각 자바 파일로 생성 포함되는 JSP가 포함하는 JSP에 합쳐져
자바 파일로 생성

 

※ 인클루드 디렉티브 태그가 궁금하다면?

maxtime1004.tistory.com/66

 

[JSP] 인클루드 디렉티브 태그(include directive tag) 사용하기

▶ 인클루드 디렉티브 태그 ( Include Directive Tag) → 여러 JSP 페이지에서 사용되는 공통 JSP 페이지를 만든 후 다른 JSP 페이지에서 공통 JSP 페이지를 포함시켜 사용하는 기능 웹페이지의 제목 / 로고

maxtime1004.tistory.com

 

 

 

▶ 예제 

 

① Webcontent > main.jsp 를 생성하고 코드를 작성합니다.

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
    request.setCharacterEncoding("utf-8");
    String name = request.getParameter("name");
    String imgName = request.getParameter("imgName");
%>
 
 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>이미지</title>
</head>
<body>
<br><br>
<h1>이름은 <%=name %> 입니다.</h1><br><br>
<img src="./image/<%=imgName %>">
 
</body>
</html>
cs

 

이 jsp 파일은 공통으로 들어가게 하고 싶은 내용을 적어줍니다.

형태는 같지만 이름과 사진이 달라지기 때문에 이 부분은 파라미터로 처리해줍니다.

 

 

 

WebContent > image 경로에 원하는 이미지를 2개 넣어줍니다.

 

 

 

Webcontent > include1.jsp 를 생성하고 코드를 작성합니다.

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
    request.setCharacterEncoding("utf-8");
%>
<!DOCTYPE html>
<html>
<head>
<style>
img{
    width: 300px;
    height: 300px;
}
</style>
<meta charset="UTF-8">
<title>include1.jsp</title>
</head>
<body>
안녕하세요 JSP 시작 입니다!!!<br>
<jsp:include page="main.jsp" flush="true">
    <jsp:param value="사진1" name="name"/>
    <jsp:param value="image1.jpg" name="imgName"/>
</jsp:include>
<br>
안녕하세요 JSP 끝 부분 입니다!!!
 
</body>
</html>
cs

 

원하는 내용을 적고 중간은 include 하는데, name과 imgName을 파라미터로 보냅니다.

 

 

 

 

Webcontent > include2.jsp 를 생성하고 코드를 작성합니다.

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
    request.setCharacterEncoding("utf-8");
%>
<!DOCTYPE html>
<html>
<head>
<style>
img{
    width: 300px;
    height: 300px;
}
 
</style>
<meta charset="UTF-8">
<title>include2.jsp</title>
</head>
<body>
안녕하세요 JSP 시작 입니다!!!<br>
<jsp:include page="main.jsp" flush="true">
    <jsp:param value="사진2" name="name"/>
    <jsp:param value="image2.jpg" name="imgName"/>
</jsp:include>
<br>
안녕하세요 JSP 끝 부분 입니다!!!
 
</body>
</html>
cs

 

마찬가지로 원하는 내용을 적고 중간은 include 하는데 name과, imgName을 파라미터로 보냅니다.

 

반응형
반응형

▶ 인클루드 디렉티브 태그 ( 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 하고 위, 아래는 원하는 문구를 적어줍니다.

 

반응형

+ Recent posts