JSTL Core Tag Plugin dengan Eclipse

Setelah kita mengetahui sedikit banyak tentang Custom tag, selanjutnya kita akan belajar mengenai JSTL core. JSTL kependekan dari JavaServer Pages (TM) Standard Tag Library, yaitu kumpulan custom tag yang dibangun oleh Java Community Proccess www.jcp.org. Nah, sebelum kita dapat menggunakan Standard Library Tag ini, kita perlu mengunduh tag plugin di sini dan selanjutnya memasangkannya di direktori lib. Bagaimana langkah selanjutnya? Berikut langkah langkahnya: (Step by step keliatannya lebih sistematis deh ya, So supaya ndak membingungkan, saya buat begini, hi hi hi...)
1. Extract file zip tersebut > dan cari folder lib.
2. Copy file jstl.jar dan standard.jar ke dalam direktori dynamic web project Eclipse/WebContent/WEB-INF/lib
3. Selanjutnya tulis file *.jsp dengan diawali <@taglib prefix="c" http://java.sun.com/jsp/jstl/core" %>.

Selanjutnya kita bisa menulis tag standard library ?>?>?>?>?>?>?>?>?>?>?>?>?>?>?>, , pada halaman web kita.

Sebagai contoh, saya akan membuat tag sederhana

<c:if>, <c:forEach> dan <c:choose>.How are the step? Now we can do this step. Oce boss..... Lanjut...!!

1. Kita buat kirman.jsp
2. Tambahkan tag <@taglib prefix="c" http://java.sun.com/jsp/jstl/core" %> pada bagian atas halaman.
3. Tambahkan tag <%@page import="java.util.Vector"%>untuk pengunaan Vektor pada tag standard JSTL.
4. Berikut secara keseluruhan kode pada body halaman :

<h2 class="style1">Tag Plugin Examples - <c:if></h2><br />Setting hasil ke sebuah variabel<br /><br /><br /><c:if test="${1==1}" var="kebenaran" scope="session"></c:if> <br /><br /><span class="style4">Hasil percobaan untuk (1==1) adalah <b>${kebenaran }</b></span><br /><br /><br /> <h3 class="style2">Secara kondisional meng-eksekusi body</h3><br /><br /><c:if test="">0}">Ini benar bahwa (2>0)!</c:if> <br /> <hr /><br /><br /><h2 class="style1">Tag Plugin Examples - <c:forEach></h2><br /><br /><h3 class="style2">Iterasi berkisar pada jarak</h3><br /><br /><br /><br /><br /><c:foreach var="item" begin="" end="10"><a class="style1"> ${item }</a> </c:forEach><h3 class="style2">Iterasi berkisar pada Vektor</h3><br /><br /><span class="style1"><br /><br /><%Vector v=new Vector(); v.add("Satu");v.add("Dua");v.add("Tiga");v.add("Empat");v.add("Lima"); pageContext.setAttribute("vektor",v); %><br /><br /><c:foreach var="item" items="${vektor}"></c:forEach><br /><br /></span><br /><br /><c:foreach var="item" items="${vektor}"> <a class="style1">${item }</a> </c:forEach> <br /> <hr /><br /><br /><h1 class="style1">Tag Plugin Examples - <c:choose></h1> <br /><br /><hr /><br /><br /><c:foreach var="index" begin="0" end="5"><br /><br /> <a class="style1"> ${index } <br /><br /> <c:choose><br /><br /> <c:when test="${index==1}"> Satu <br/></c:when><br /><br /> <c:when test="${index==3}"> Tiga <br/></c:when><br /><br /> <c:when test="${index==5}"> Lima <br/></c:when><br /><br /> <c:otherwise>Halah <br/></c:otherwise><br /><br /> </c:choose></a><br /><br /></c:forEach><br /><br />
5. Dan jika kita telah berhasil, maka kita akan melihat tampilan sebagai berikut :
Ha ha.. Tengkyu for yor kaming gais.
Semoga bermanfaat. If you have something wrong with this tutorial, you may contact to me in order get the best of you.

Read More

No comments

Custom Tag dengan IDE Eclipse

Salah satu keunggulan JSP dari pemrograman web lainnya adalah tersedianya custom tag. Custom tag ini merupakan sebuah action tag yang didefinisikan oleh user melalui fasilitas ekstensi JSP. Tag ini juga dapat digunakan untuk menggerakkan logika karangan halaman JSP dan informasi ke dalam tag kelas java. Nah jika kita telah tahu minimal bahasa tag HTML atau tag-tag bahasa pemrograman web yang lain, mungkin kita tidak akan kesulitan mempelajari custom tag ini. Sebab ternyata memuat custom tag itu mudah. (Asal dengan satu syarat, sabar, tekun dan teliti. Soalnya gw udah ngalami seh.. he.. he...).

Sebenarnya sudah banyak custom tag yang dibuat sehingga membentuk sebuah library, sebagai contoh adalah custom tag yang dibuat oleh Jakarta project. (Bukan kota Jakarta lho ye...). Custom tag ini sudah banyak digunakan, karena sifatnya yang open source. Tidak hanya itu saja, kita juga dapat menemukan custom tag library ini di http://jsptags.com, http://jspin.com/. (Tapi saya belum mencoba nyari yang di dua site terakhir ini. Sebab yang dari Jakarta Apache udah nangani semua. Tar aja kali ye, kalo ada waktu lagi.. hi.. hi.. Tutorialnya juga banyak disitu, kalo pening yang lebih lengkap + males baca tutorial gw yang ngebosenin kalee....).

(Udah ah, jangan lama-lama lagi buat custom tag dengan Eclipse-nya. Ocee bosss...)
Nah, bagaimana kita akan memulai membuat custom tag dengan bantuan IDE Eclipse tersebut? Begini neh ceritanya. (Pake nomer aja yah, biar lebih terarah..)
1. File > New > Other > Web > Dynamic web project > Beri nama project > Finish. Contoh gambarnya kayak gini neh :

2. Buat file index.jsp agar tidak terjadi error saat pertama kali project di load. Caranya, klik kanan pada nama project > new > JSP > index.jsp (misal namanya index.jsp). Kenapa harus index.jsp? Sebenarnya kita bisa memberikan nama apa saja, hanya saja kita harus merubah file web.xml yang disediakan oleh sistem wizard agar tidak error ketika file dijalankan. Dan sistem wizard tersebut menyediakan welcome file pada web.xml dengan nama index.jsp, index.html,dll.

3. Buat kelas java baru dengan nama hello. Pada contoh kali ini saya menggunakan package yang saya simpan di com.blogspot.kirmanan. Sehingga script java-nya seperti berikut :

4. Buat file baru dengan nama simple.tld pada direktori WEB-INF. Edit listing tersebut sehingga menjadi seperti berikut:


5. Edit file index.jsp dan tambahkan script :?>?>?>

Jika telah berhasil, maka kita akan melihat tulisan Hasil : Hello, Sukirman!

Read More

No comments