Anda di halaman 1dari 6

Wicket Framework Using Eclipse

By : Dwi Ardi Irawan

Wicket adalah salah satu dari sekian banyak java web framework ( Struts, Webwork, JSF,
Tapestry dll). Wicket adalah framework yang berbasis komponen dengan paradigma yang sama
ketika kita membangun sebuah aplikasi desktop.

Sebelumnya tools atau software yang kita perlukan antara lain


 Java SDK 1.4 or higher
 Eclipse IDE
 Jetty (http://dist.codehaus.org/jetty/jetty-5.1.11.zip)
 Wicket 1.2.5 (http://wicket.sourceforge.net/)
 Wicketbench (http://www.laughingpanda.org/mediawiki/index.php/Wicket_Bench)

Berikut adalah cara setting environment untuk pengembangan aplikasi wicket menggunakan
eclipse IDE.

1. Download wicket : wicket 1.2.5 , kemudian extract.


2. Install wicketbench (plugins eclipse untuk wicket) ke dalam eclipse. Melalui New Remote
Site... : http://www.laughingpanda.org/svn/wicket-bench/trunk/wicket-bench-site . Atau
download : wicketbench 0.4.zip . ( http://download.yousendit.com/3E35361E3F0CEA40 )

3. Buat Project Wicket. New -> Project -> Wicket -> Wicket Project. Klik Next.

1
4. Isi form ‘New Wicket Project’ dengan,

Letak main class


aplikasit

5. Klik finish.

2
6. Secara default akan muncul tampilan sebagai berikut. Perhatikan, pada method Class
getHomePage() masih muncul error, hal ini di karenakan return value bernilai null bukan
Class.

7. Karena wicketbench 0.4 masih menggunakan wicket 1.2.2, ganti dengan wicket 1.2.5 yang
sudah diextract tadi. Caranya, buat folder library pada project. Kemudian kopikan file-file
yang ada dalam direktori wicket-1.2.5\lib dan file wicket-1.2.5.jar yang ada dalam direktori
wicket-1.2.5 ke folder library pada project yang telah kita buat tadi.

8. Pada Project klik kanan Properties -> Java Build Path dan tekan tombol Add JARs...
Masukkan semua library yg telah kita kopi tadi dan Hapus library wicket 1.2.2 dan library
bawaan wicketbench yang sama dengan library yang telah kita tambahkan.

3
Hapus library wicket
1.2.2.jar dan library
bawaan wicketbench
yang sama dengan
library yg telah kita
tambahkan tadi.

9. Buat Class baru ( pada package yang sama dengan Class MyApplication ) dengan extend
ke class WebPage bawaan wicket.

4
10. Pada Class HelloWorld tersebut ketik kode sebagai berikut

package edu.example;

import wicket.markup.html.WebPage;
import wicket.markup.html.basic.Label;

public class HelloWorld extends WebPage {


public HelloWorld(){
add(new Label("message", "Hello World!"));

}
}

11. Sekarang mari kita buat template dari class HelloWorld dengan cara membuat file HTML
(pada package yang sama) dan ketik code sebagai berikut :

<html>
<body>
<span wicket:id="message">Message goes here</span>
</body>
</html>

NOTE : nama template harus sama dengan nama java class-nya

12. Kembali pada class MyApplication, sekarang pada method getHomePage ketik code
sebagai berikut :
package edu.example;

import wicket.protocol.http.WebApplication;

/**
* @author DeEtrY
*/
public class MyApplication extends WebApplication {
public MyApplication() {

@Override
public Class getHomePage() {
return HelloWorld.class;
}
}

13. Klik kanan Run As -> Run...


Pada window Run, pilih Jetty Web, klik tombol new, tentukan letak folder webapp ( yang
didalamnya terdapat file konfigurasi web.xml )
Kemudian Klik tombol Run

5
14. Buka Browser dah ketikkan http://localhost/app

Anda mungkin juga menyukai