Lab Activity Struts2 Jeni 5

February 21, 2009 at 8:15 am 1 comment

Materi Lab Activiy Jeni 5 sudah aku upload, yang membutuhkan bisa didownload.

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 :

struts21

Selanjutnya akan keluar tampilan sebagai berikut:

struts22

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

struts23

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 :

struts24

Kemudian klik Finish

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 :

struts25

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 :

struts26

Sehingga keluar tampilan seperti berikut :

struts27

Pilih servernya Apache Tomcat v6.0 Server kemudian Next

struts28

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 :

struts29

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/Web-INF, 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 :

struts210

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

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”>

<html>

<head>

<title>Meruvian.Org Struts 2 Tutorial</title>

</head>

<body>

<div align=“center”>

<center>

<table border=“0” cellpadding=“0” cellspacing=“0” width=“400”>

<tr>

<td><font color=“#000080” size=“5”><b>Meruvian.Org

Struts 2 Tutor</b><br>

&nbsp;&nbsp;&nbsp;</font></td>

</tr>

<tr>

<td>

<ul>

<li><a href=“meruvian/HelloWorld.action”>Struts 2 Hello

World Application</a></li>

</ul>

</td>

</tr>

</table>

</center>

</div>

<p align=“center”>&nbsp;</p>

</body>

</html>

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:

struts211

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) :

<?xml version=”1.0″ encoding=”UTF-8″?>

<web-app id=”WebApp_9″ version=”2.4″ xmlns=”http://java.sun.com/xml/ns/j2ee&#8221; xmlns:xsi=”http://www.w3.org/2001/XMLSchema-instance&#8221; xsi:schemaLocation=”http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd”&gt;

<display-name>Meruvian Hello World</display-name>

<filter>

<filter-name>struts2</filter-name>

<filter-class>

org.apache.struts2.dispatcher.FilterDispatcher

</filter-class>

</filter>

<filter-mapping>

<filter-name>struts2</filter-name>

<url-pattern>/*</url-pattern>

</filter-mapping>

<welcome-file-list>

<welcome-file>index.html</welcome-file>

</welcome-file-list>

</web-app>

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;

}

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 :

struts212

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” %>

<html>

<head>

<title>Struts 2 Hello World Application!</title>

</head>

<body>

<h2><s:property value=“message” /></h2>

<p>Waktu Saat ini : <b><s:property value=“currentTime” /></b>

</body>

Sehingga hasilnya tampak seperti berikut :

struts215

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 :

struts216

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

struts217

File namenya diberi nama struts.xml dan letak filenya di struts2/src kemudian Finish

Sedangkan coding dari struts.xml adalah sebagai berikut :

<?xml version=”1.0″ encoding=”UTF-8″ ?>

<!DOCTYPE struts PUBLIC

“-//Apache Software Foundation//DTD Struts Configuration 2.0//EN”

http://struts.apache.org/dtds/struts-2.0.dtd”&gt;

<struts>

<constant name=”struts.enable.DynamicMethodInvocation”

value=”false” />

<constant name=”struts.devMode” value=”true” />

<package name=”meruvian” namespace=”/meruvian”

extends=”struts-default”>

<action name=”HelloWorld” class=”org.meruvian.HelloWorld”>

<result>/pages/HelloWorld.jsp</result>

</action>

</package>

</struts>

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

struts2171

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

struts219

Jika diklik linknya muncul sebagai berikut :

struts220

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 hary@amik-kebumen.ac.id

Entry filed under: Web Programming. Tags: .

MEMBUAT DAFTAR ISI OTOMATIS TRIK MENGERJAKAN SKILL EXAM JENI 3

1 Comment Add your own

  • 1. eni  |  March 5, 2009 at 3:29 am

    tenkyu pak hary,,,
    coba yuuukkk….

    Reply

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Trackback this post  |  Subscribe to the comments via RSS Feed


February 2009
M T W T F S S
« Jan   Mar »
 1
2345678
9101112131415
16171819202122
232425262728  

%d bloggers like this: