JSTL使用の例 (1 / 2)

JSTLを使うためにはまず

jar パイルのダウンロードが必要です。

https://tomcat.apache.org/download-taglibs.cgi

このサイトの下

impl と specの jar パイル二つだけダウンロードして下さい.

その後

WEB-INF フォルダの下 Lib フォルダを作り

そこにコピーします。

Eclipseの場合、これらの過程だけでJSTLコードを使うことができますが intellij ideaの場合モジュールでライブラリを追加してくれる必要があります。

パイルの project structureに入ってください。

モジュール(modules) ページで、

ライブラリの追加ボタンを押した後、Libの経路にjarファイルを追加してください。

これらのプロセスが完了したら、JSTLを使用する準備が整えました。

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

jsp ページの上にこれらを入力してください。そうすればすべての準備が終わります。

下には、JSTLの活用方法とその結果をまとめます。

1. コード

<c:out value="Hello, JSTL!"></c:out>

1. 結果

2. コード

<c:set var="userName" value="오쌤"></c:set>
userName: <c:out value="${userName}"></c:out><br/>

<%
    pageContext.setAttribute("name", "아우기");
%>
name: <%=pageContext.getAttribute("name") %><br/>

<hr/>
<%-- Member オブジェクトをつくります。
pageContext.setAttribute("member", new Member());
((Member) pageContext.getAttribute("meber")).setUserId("admin");
--%>
<c:set var="member" value="<%=new Member()%>" />
<c:set target="${member}" property="userId" value="admin" />
<c:set target="${member}" property="pwd" value="admin1234" />
<c:set target="${member}" property="email" value="admin@test.com" />

id: <c:out value="${member.userId}" /><br/>
pw: <c:out value="${member.pwd}" /><br/>
email: <c:out value="${member.email}" /><br/>

2. 結果

userNameにユーザ名をを設定した後、データを取る形式のコードです。

以下は、あらかじめ作っておいたmember classを利用して

モデルを作成した後、モデルの形式に合わせて作成されたコードです。

3. コード

<h1>내장 객체의 범위(Scope)</h1>
<%
EL: ${myVar }<br/>
<hr/><c:set var="myVar2" value="111" scope="page"></c:set>
<c:set var="myVar2" value="222" scope="request"></c:set>
<c:set var="myVar2" value="333" scope="session"></c:set>
<c:set var="myVar2" value="444" scope="application"></c:set>

<c:remove var="myVar2" scope="page"/>
<c:remove var="myVar2" scope="request"/>
myVar2: ${myVar2}<br/>

<h1>내장 객체의 범위(Scope)</h1>

<%
    pageContext.setAttribute("myVar", "Page 변수");
    request.setAttribute("myVar", "Request 변수");
    session.setAttribute("myVar", "Session 변수");
    application.setAttribute("myVar", "Application 변수");
%>
Page: <%=pageContext.getAttribute("myVar") %><br/>
Request: <%=request.getAttribute("myVar") %><br/>
Session: <%=session.getAttribute("myVar") %><br/>
Application: <%=application.getAttribute("myVar") %><br/>

EL: ${myVar }<br/>

<hr/>

<c:set var="myVar2" value="111" scope="page"></c:set>
<c:set var="myVar2" value="222" scope="request"></c:set>
<c:set var="myVar2" value="333" scope="session"></c:set>
<c:set var="myVar2" value="444" scope="application"></c:set>

<c:remove var="myVar2" scope="page"/>
<c:remove var="myVar2" scope="request"/>
myVar2: ${myVar2}<br/>

3. 結果

ウェブで使用される変数だちの範囲を記録するため作ったコードです。

javaでのpublic private package と似た性質を持っています。

4. コード

<head>
    <meta charset="UTF-8">
    <title>  </title>
    <style>
        .red{
            color: red
        }
        .green{
            color: green
        }
        .blue{
            color: blue
        }
    </style>

</head>
<body>

<h1>JSTL &lt;c:if&gt;태그</h1>

<form action="04_if.jsp" method="get">
    <select name="color">
        <option value="r">Red</option>
        <option value="g">Green</option>
        <option value="b">Blue</option>
    </select>
    <input type="submit" value="색 변경"/>
</form>

<c:if test="${param.color eq 'r'}">
    <c:set var="color" value="red"></c:set>
</c:if>
<c:if test="${param.color eq 'g'}">
    <c:set var="color" value="green"></c:set>
</c:if>
<c:if test="${param.color eq 'b'}">
    <c:set var="color" value="blue"></c:set>
</c:if>

<div class="${color}">
    글자 색깔이 어떻게 보이나요?
</div>

4. 結果

JSTLを使って簡単な字の色を変えるコードｄす。

5. コード

<h1>JSTL &lt;c:choose&gt; 태그</h1>
<form>
    <select name="color">
        <option value="1">Red</option>
        <option value="2">Green</option>
        <option value="3">Blue</option>
    </select>
    <input type="submit" value="색 변경">
</form>

<c:choose>
    <c:when test="${param.color eq 1}">
        <div style="color: red;">빨강</div>
    </c:when>
    <c:when test="${param.color eq 2}">
        <div style="color: green;">초록</div>
    </c:when>
    <c:when test="${param.color eq 3}">
        <div style="color: blue;">파랑</div>
    </c:when>
    <c:otherwise>
        <div>몰라요</div>
    </c:otherwise>
</c:choose>

5. 結果

上のコードと似ていますが、今度はchooseを使ってやりました。

6. コード

<h1>JSTL &lt;c:forEach&gt; 태그</h1>

<%-- for(int num = 0; num<10; num++){ } --%>
<c:forEach var="num" begin="0" end="10">
    ${num}<br/>
</c:forEach>
<hr/>
<c:forEach var="num" begin="0" end="10" step="2">
    ${num}<br/>
</c:forEach>

6. 結果

Javaのforと同じコードです。
varは変数の名を意味し
beginは初めの数字
endは最後の数字
stepは幅を意味します。

7. コード

<%
    String[] array = {"아저씨","범죄도시","해바라기","저스티스리그"};
    pageContext.setAttribute("movieList",array);
%>
<%--<c:set var="movieList" value="<%=array%>" scope="page"/>--%>
<%-- for(String x : array) { ... } --%>
<ul>
    <c:forEach var="movie" items="${movieList}">
        <li>${movie}</li>
    </c:forEach>
</ul>

<hr/>

<%
    ArrayList<Member> list = new ArrayList<>();
    list.add(new Member("aaa","111","aaa@test.com"));
    list.add(new Member("bbb","222","bbb@test.com"));
    list.add(new Member("ccc","333","ccc@test.com"));
    list.add(new Member("ddd","444","ddd@test.com"));
    list.add(new Member("eee","555","eee@test.com"));

    pageContext.setAttribute("memberList",list);
%>

<table>
    <thead>
        <tr>
            <th>ID</th>
            <th>Password</th>
            <th>Email</th>
        </tr>
    </thead>
    <tbody>
    <c:forEach var="m" items="${memberList}">
        <tr>
            <td>${m.userId}</td>
            <td>${m.pwd}</td>
            <td>${m.email}</td>
        </tr>
    </c:forEach>

    <%for(Member m : list){%>
    <tr>
        <td><%=m.getUserId()%></td>
        <td><%=m.getPwd()%></td>
        <td><%=m.getEmail()%></td>
    </tr>
    <%}%>
    </tbody>
</table>

7. 結果

forEachを応用してみました。
itemは予め作っておいたオブジェクトのIDを意味します。

8. コード

<h1>JSTL &lt;c:redirect&gt; TAG</h1>
<c:redirect url="http://www.google.com/"></c:redirect>

8. 結果

Googleのページに利移します。

Author Description