210323 TIL(JSP EL 태그, JSTL 태그, JSP Action 태그)

EL(Expression Language) 태그

 

사용 목적 : front end에서 Java를 사용하지 않기 위함

 

EL태그 형식
 -->     ${값 or 연산식}

---

스크립틀릿과 EL 태그의 비교

<%
	String str = "hello";
	request.setAttribute("_str", str);
%>

<%
	String s = (String)(request.getAttribute("_str"));
%>


<%-- Java로 접근 1 --%>
<%
	out.println("s = " +s);
%>
<br><br>
<%-- Java로 접근 2 --%>
s = <%=s %>

<br><br>
<%-- EL 태그로 접근  --%>
s = ${_str }

 

- 문자 출력

<%='값' %>
${'값' }		<%-- 값 --%>

 

- 연산 가능

${2+3 }		<%-- 5 --%>

 

- 삼항연산자 가능

${3>2?100:200 }		<%-- 100 --%>

 

- 속성값(setAttribute)을 통한 문자열 출력 가능

<%
	request.setAttribute("data", "안녕하세요");
%>
${data }		<%-- 안녕하세요 --%>

 

- empty, not empty : 할당되어 있는지 (true, false)

Object가 할당되어 있는지?
<%
	Object obj = new String("world");
	if(obj != null){}
	
	obj = null;
	request.setAttribute("_obj", obj);
	
%>

<%-- empty : null인지 아닌지 true, false 반환 --%>
obj = ${empty _obj }		<%-- obj = true --%>

<%-- empty : 값이 있는지 없는지 true, false 반환 --%>
obj = ${not empty _obj }		<%-- obj = false --%>

 

- 판별식(true/false), 연산식(value)

1 < 9 = ${1 < 9 }		<%-- 1 < 9 = true --%>

1 + 3 = ${1 + 3 }		<%-- 1 + 3 = 4 --%>

 

<%
	Integer a, b;
	a = 10;
	b = 3;
	
	Boolean c;
	c = false;
	
	// 속성값에는 Object value만 사용 가능하므로 래퍼 클래스(Wrapper Class)를 사용한다.
	request.setAttribute("a", a);
	request.setAttribute("b", b);
	request.setAttribute("c", c);
%>

 

<%-- a : 10 b : 3 c : false --%>
a : ${a }
b : ${b }
c : ${c }

 

<%-- a + b : 13 a < b : false --%>
a + b : ${a+b }
a < b : ${a<b }

<%-- c:true --%>
c: ${!c }

<%--true --%>
${a == 10 && !c }

 

- DTO 접근 방법

 

<%
	MemberDto dto = new MemberDto();
	dto.setMessage("Hello EL");
%>
<%-- message: Hello EL --%>
message:  <%=dto.getMessage() %>
<br>


<%
	request.setAttribute("_dto", dto);
%>
<%-- message: Hello EL (getMessage가 아니다)--%>
message: ${_dto.message }

 

- list 사용 방법

<%
	List<String> list = new ArrayList<>();
	list.add("world");
	list.add("hello");
	
	request.setAttribute("_list", list);
%>

<%-- world --%>
<%=list.get(0) %>

<br>
<%-- world (배열처럼 사용)--%>
${_list[0] }

 

---

JSTL(Java server page Standard Tag Library)태그

      제어문 + EL 태그

 

- jstl 사용법

      상단에 아래 태그 추가

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

lib 폴더에 파일 2개 추가

          jstl.jar         standard.jar 

 

---

 

<c:set>태그 : 변수에 값을 저장 

<c:set var="_data" value="core tag + el 입니다" />

 

 

<c:out>태그 : 출력문을 만든다. EL태그와 같이 쓰인다.

<c:out value="${_data }"/>

 

 

<c:if>태그 : 조건문

 

스크립틀릿 if 조건문

<%
	request.setAttribute("count", "10");
	String scount = (String)(request.getAttribute("count"));
	int count = Integer.parseInt(scount);
	if(count >= 10) {
	%>
 	<p>count : <%=count %></p> 
	<%	
	}
%>

 

JSTL 조건문

<c:if test="${count >= 10 }">
	<p>core count : <c:out value="${count }"/></p>
</c:if>

<%
	request.setAttribute("name", "홍길동");
%>
<c:if test="${name == '홍길동' }">
	<p>'name' 속성값은 '홍길동' 입니다.</p>
</c:if>

 

 

<c:choose>태그 : else if 조건문으로 활용한다.

안쪽은 <c:when>태그에 조건을 걸고, else부분은 <c:otherwise>로 끝낸다.

<c:choose>
	<c:when test="${memID.equals(getId) }">
		<button type="button" class="btn btn-secondary" onclick="answerbbs('<%=bbs.getSeq() %>')">답글</button>
		<input type="button" class="btn btn-secondary" value="글삭제" onclick="deletePage()">
		<input type="button" class="btn btn-secondary" value="글수정" onclick="updatePage()">
		<input type="button" class="btn btn-secondary" value="글목록" onclick="goList()">
	</c:when>
	<c:otherwise>
		<button type="button" class="btn btn-secondary" onclick="answerbbs('<%=bbs.getSeq() %>')">답글</button>
		<input type="button" class="btn btn-secondary" value="글목록" onclick="goList()">
	</c:otherwise>
</c:choose>

 

 

 

 

 

<c:forEach>태그 : 반복문

<c:forEach begin="0" end="9" step="1" varStatus="i">
	<c:out value="${i.index }"/>
</c:forEach>

스크립틀릿과 비교

<%
	List<MemberDto> list = new ArrayList<>();

	MemberDto m = new MemberDto();
	m.setMessage("hello");
	list.add(m);
	
	m = new MemberDto();
	m.setMessage("world");
	list.add(m);
	
	request.setAttribute("_list", list);
%>

<c:forEach begin="0" end="1" items="${_list }" var="mem" varStatus="i">
	<p>index : <c:out value="${i.index }"/></p>
	<p>data : <c:out value="${mem.message }"/></p>
</c:forEach>

---

JSP  action 태그

 

<jsp:include> : 다른 페이지의 실행 결과를 현재 페이지에 포함

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

 

<jsp:forward> : 해당 페이지로 이동

<jsp:forward page="NewFile.jsp"></jsp:forward>

 

 

 

 

<jsp:useBean> : 자바빈(java bean)을 페이지에서 사용할 수 있게 해줌

<jsp:useBean id="dto" class="dto.MemberDto"></jsp:useBean>

<jsp:setProperty> : Property 값을 세팅할 때 사용

<jsp:setProperty property="message" name="dto" value="안녕하세요"/>

 

<jsp:getProperty> : Property 값을 가져올 때 사용

<jsp:getProperty property="message" name="dto"/>

EL태그를 통해 바로 값을 가져올 수 있다.

msg:${dto.message }		<!-- 안녕하세요 -->

 

예시 (BbsList.jsp에서 ArrowDto.java를 통해 대댓글 화살표 가져오게 하기)

 

<c:forEach items="${List }" var="bbs" varStatus="i" >
	<tr>
		<th>${i.index + 1}</th>
		<td>
			<!-- arrow함수 안쓰고 JSTL 태그로만 하는 방법
		 	<c:if test="${bbs.depth > 0 }">
				<c:forEach begin="0" end="${bbs.depth }" step="1">
					&nbsp;&nbsp;
				</c:forEach> 
				<img src='./image/arrow.png' width='20px' height='20px'/>
			</c:if> 
		 	 -->
		 	<!-- JSP 태그로 함수 호출 --> 				 	
		 	<jsp:useBean id="dto" class="dto.ArrowDto"/>
		 	<jsp:setProperty property="depth" name="dto" value="${bbs.depth }"/>
		 	<jsp:getProperty property="arrow" name="dto"/>  	 
				 	 
			<a class="text-dark" href="bbsdetail.jsp?seq=${bbs.seq }">
				${bbs.title }
			</a>
			<span class="badge badge-danger">new</span>
		</td>
		<td>${bbs.id }</td>
	</tr>
</c:forEach>

package dto;

public class ArrowDto {
	
	int depth;
	String arrow;
	
	
	public void setDepth(int depth) {
		this.depth = depth;
	}

	public String getArrow(){
		String rs = "<img src='./image/arrow.png' width='20px' height='20px'/>";
		String nbsp = "&nbsp;&nbsp;&nbsp;&nbsp;";	// 여백
		
		String ts = "";
		for(int i = 0;i < depth; i++){
			ts += nbsp;
		}
		
		return depth==0 ? "":ts + rs;	
	}
}