LAB ACTIVITY STRUTS2 JENI 5

LAB ACTIVITY STRUTS2 JENI 5 Pada lab activity ini saya akan mencoba membuat web sederhana dengan menggunakan MVC struts2, software yang saya persiapkan adalah eclipse dan apache tomcat 6.0.18, dengan asumsi java sudah diinstall. Pertama copi dahulu eclipse ke salah salah satu drive computer , kemudian buat sekalian sebuah forlder untuk menyimpan semua project-project yang dibuat nanti. Saya sendiri mencoba menempatkan eclipse di drive D:/> dan saya buat folder jeni5 di D: Langkah berikutnya jalankan file eclipse yang bertipe application sehingga keluar tampilan seperti berikut ini :

Selanjutnya akan keluar tampilan sebagai berikut:

Kemudian Browsing dimana folder tempat menyimpan project-project yang nantinya dibuat, kemudian Ok. Sehingga masuk ke tampilan pertama dari eclipse seperti berikut :

1

Langkah berikutnya saya coba membuat project baru, langkahnya > File > New > Other > pada Select Wizard pilih Web > Dynamic Web Project kemudian Next , kemudian keluar menu lagi. Pada Project name diisi struts2, tampilannya dibuat seperti berikut ini :

Kemudian klik Finish

2

Jika keluar menu dengan pertanyaan This kind of project is associated with the Java EE perspective . Do you want to open this perspective now ? maka klik yes Sehingga akan tampil seperti berikut ini :

Langkah selanjutnya adalah menambahkan server yang akan digunakan, saya mencontohkan dengan menggunakan apache tomcat 6 yang sudah saya letakkan di C:\AppServ\apache-tomcat-6.0.18. Cara menambahkan servernya saya masuk ke tab Server > klik kanan New > Server seperti tampilan berikut ini :

3

Sehingga keluar tampilan seperti berikut :

Pilih servernya Apache Tomcat v6.0 Server kemudian Next

4

Pada Tomcat installation directory dibrowse dan dicari sesuai dengan letak dimana server tomcatnya, punya saya seperti tampilan di atas. Kemudian Next, kemudian keluar tampilan lagi, masukkan project struts2 ke configured projects dengan cara klik struts2 kemudian Add > Finish, sehingga server Tomcatnya bisa masuk di menu server. Untuk menyakinkan apakah servernya berjalan dengan baik maka klik kanan server Tomcatnya kemudian Start , sehingga Statenya menjadi Started seperti berikut :

5

Agar Project yang nantinya dibuat mendukung strust2 sekalian dimasukkan Librarynya yaitu : commons-logging-1.0.4 freemarker-2.3.8 ognl-2.6.11 servlet-api struts2-core-2.0.11 xwork-2.0.4 caranya dengan mengcopy langsung file2 tersebut ke folder lib yang terletak pada WebContent/WebINF, sederhananya saya tinggal copy file-file tersebut melalui Windows Explorer kemudian kembali ke eclipse WebContent/Web-INF/lib lalu paste saja sehingga hasilnya seperti berikut :

6

Selanjutnya perlu saya buat sebuah file index.html dan diletakkan di WebContent dengan isi codingnya sebagai berikut :

 

Untuk menyakinkan apakah project bisa berjalan dengan baik atau tidak, maka saya test dulu dengan cara klik kanan project struts2 kemudian > Run As > Run on Server > Pilih server Tomcat 6 nya kemudian Finish, sehingga hasilnya seperti berikut :

7

Sampai disini kelihatannya tidak ada masalah, project berjalan dengan baik, namun jika hyperlink pada Strus2 Hello World Application tersebut diklik ya jelas error karena memang belum dibuat isinya. Sekarang saya lanjutkan lagi. Kemudian pada file web.xlm yang terletak di WebContent/Web-INF isi codingnya dibuat seperti berikut (jika file web.xml tidak bisa diedit codingnya, klik kanan web.xml > Open With > Text Editor) : <web-app id="WebApp_9" version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"> Meruvian Hello World struts2 org.apache.struts2.dispatcher.FilterDispatcher struts2 /* <welcome-file-list> <welcome-file>index.html

Langkah selanjutnya buatlah package dengan nama org.meruvian yang diletakkan di Java Resources : src dan sebuah class dengan nama HelloWorld.java yang ada di dalam package tersebut dengan coding seperti berikut : package org.meruvian; import com.opensymphony.xwork2.ActionSupport; import java.util.Date; public class HelloWorld extends ActionSupport { /** * */ private static final long serialVersionUID = 1L; public static final String MESSAGE = "Struts 2 Hello World Tutorial!"; public String execute() throws Exception { setMessage(MESSAGE); return SUCCESS; } private String message; /** * @return the message */ public String getMessage() { return message; }

8

public void setMessage(String message) { this.message = message; } /** * @return the mESSAGE */ public static String getMESSAGE() { return MESSAGE; } public String getCurrentTime(){ return new Date().toString(); } }

Sehingga hasilnya seperti berikut :

Setelah membuat HelloWorld.java saya lanjutkan lagi dengan membuat sebuah folder yang diletakkan di WebContent dengan nama ”pages” langkahnya klik kanan WebContent kemudian New > Folder dan Folder name diisi “pages”kemudian finish. Selanjutnya buat file didalam folder “pages” dengan nama ”HelloWorld.jsp “dengan coding sebagai berikut : <%@ taglib prefix="s" uri="/struts-tags" %>

<s:property value="message" />

Waktu Saat ini : <s:property value="currentTime" />

9



Sehingga hasilnya tampak seperti berikut :

Langkah selanjutnya adalah membuat file struts.xml , file struts.xml diletakkan di Java Resources : src. Cara membuatnya klik kanan Java Resources : src > New > Other > Keluar menu Wizard seperti berikut :

Jangan lupa pilih folder XML dan type file xml kemudian klik Next sehingga keluar tampilan lagi seperti berikut :

10

File namenya diberi nama struts.xml dan letak filenya di struts2/src kemudian Finish Sedangkan coding dari struts.xml adalah sebagai berikut : <struts> <package name="meruvian" namespace="/meruvian" extends="struts-default">

11

/pages/HelloWorld.jsp

Sampai disini tahapan mencoba membuat project struts2 dengan eclipse sudah selesai, secara keseluruhan saya perlu tampilkan lagi seperti berikut :

Tampaknya perlu untuk dirunning, langkahnya klik kanan project struts2 kemudian Run As > Run on Server dan hasilnya sebagai berikut :

12

Jika diklik linknya muncul sebagai berikut :

Akhirnya selesai juga membuat Lab Activity Struts2 ini. Selamat mencoba. Apabila ada kesalahan atau ada step-step yang kurang jelas atau justru step saya sendiri yang keliru silahkan kirim email ke [email protected]

13