Spring Web MVC – Quick Start with Eclipse (Episode 1)


Sebelum anda mulai mengikuti tutorial di bawah, ada beberapa hal yang harus dipersiapkan:

  1. Tau cara Start New (Dynamic Web) Project menggunakan Eclipse. Jika belum tahu silahkan baca artikel ini.
  2. Download beberapa jar yang dibutuhkan:
  • spring-2.5.6.jar (untuk contoh ini saya masih menggunakan versi 2.5.6) – download disini
  • spring-webmvc-2.5.6.jar, download disini.
  • commons-logging.jar. download disini.

Ketiga jar diatas adalah minimal untuk memulai membuat Web menggunakan Spring MVC. Tutorial lainnya menggunakan Spring MVC dapat dengan mudah anda jumpai di internet, untuk tutorial yang saya buat ini – saya usahakan mudah dimengerti untuk pemula yang belum pernah menggunakan framework dalam pemrograman nya.

Agar pembelajaran lebih mudah – saya coba tampilkan dulu hasil akhir yang diinginkan. Perhatikan gambar di bawah:

To the point saja. Silahkan ikuti langkah-langkah di bawah:

  1. Jalankan aplikasi Eclipse anda. (Pada contoh ini saya menggunakan Eclipse 3.4.0)
  2. Buat New Project dengan nama firstProgram
  3. Buat package com.firstProgram.web (untuk selanjutnya Class Controller akan dimasukkan ke dalam package ini.)
  4. Edit web.xml
    <?xml version="1.0" encoding="UTF-8"?>
    <web-app id="WebApp_ID" 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">
    
     <display-name>firstProgram</display-name>
    
     <servlet>
     <servlet-name>tjong</servlet-name>
     <servlet-class>
     org.springframework.web.servlet.DispatcherServlet
     </servlet-class>
     <load-on-startup>1</load-on-startup>
     </servlet>
     <servlet-mapping>
     <servlet-name>tjong</servlet-name>
     <url-pattern>*.asik</url-pattern>
     </servlet-mapping>
    
     <welcome-file-list>
     <welcome-file>index.jsp</welcome-file>
     </welcome-file-list>
    </web-app>
    
  5. Copy kan 3 buah jar yang sudah anda download ke dalam folder /WEB-INF/lib
  6. Perhatikan pada web.xml, disitu anda sudah menulis nama servlet anda adalah tjong, yang kebetulan adalah nama saya. :p dan menggunakan class org.springframework.web.servlet.DispatcherServlet. Pada spring, adalah suatu keharusan untuk membuat file xml dengan format nama <nama servlet yang di deklarasikan>-servlet.xml, fungsinya adalah mengatur settingan servlet anda.
  7. Buat file dengan nama tjong-servlet.xml di dalam folder WEB-INF
    <?xml version="1.0" encoding="UTF-8"?>
    
    <beans xmlns="http://www.springframework.org/schema/beans"
     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
     xmlns:context="http://www.springframework.org/schema/context"
     xmlns:p="http://www.springframework.org/schema/p"
     xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-2.0.xsd
     http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-2.5.xsd">
    
     <!-- the application context definition for the springapp DispatcherServlet -->
    <bean name="/hello.asik" class="com.firstProgram.web.HelloController"/>
    
    </beans>
    
  8. Buat folder pages di dalam folder WebContent. Untuk selanjutnya setiap file jsp yang anda buat sebaiknya disatukan di dalam folder ini.
  9. Buat file hello.jsp di dalam folder pages
    <html>
     <head><title>Example :: First Spring MVC Application</title></head>
     <body>
     <h1>Example - Spring Application</h1>
     <p>For my nakama.</p>
     </body>
    </html>
    
  10. Terakhir adalah membuat class Controller, buat file HelloController.java pada package com.firstProgram.web
    package com.firstProgram.web;
    
    import org.springframework.web.servlet.mvc.Controller;
    import org.springframework.web.servlet.ModelAndView;
    
    import javax.servlet.ServletException;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    
    import java.io.IOException;
    
    public class HelloController implements Controller {
    
     public ModelAndView handleRequest(HttpServletRequest request, HttpServletResponse response)
     throws ServletException, IOException {
    
     System.out.println("Andreas");
     return new ModelAndView("pages/hello.jsp");
     }
    
    }
    
  11. Coba jalankan aplikasi anda pada server.  Di address bar masukkan alamat berikut: http://localhost:8080/firstProgram/hello.asik.  Hasilnya kira-kira adalah seperti ini.

Daftar Pusataka:

  1. Spring MVC step by step. link

NOTE: mohon maaf sebelumnya karena ada kesalahan pengetikan yang cukup fatal pada saat publish Dec 17, 2010, Dan sudah diperbaiki per tanggal Dec 20, 2010.

Advertisement

How to get Looping index in tag c:forEach


Untuk para web designer, terutama yang menggunakan bahasa Java sebagai bahasa yang digunakan untuk mem-build websitenya, pasti akan familiar dengan yang namanya java standard tag library (jstl). Salah satu jstl yang populer digunakan adalah core – jstl, atau bisa juga dikatakan sebagai jstl dengan prefix: c.

Misalkan anda adalah pengguna Framework Spring MVC, dan anda mem-parsing sebuah model ke dalam jsp anda. Misalkan Obejct yang diparsing adalah sebuah List item, dan List item ini ingin anda tampilkan ke dalam file html anda. Salah satu cara yang dapat digunakan adalah melakukan looping pada jsp dengan menggunakan syntax <c:forEach>

Contoh:

<c:forEach items="${ListItems}" var="listItem" >
<tr>
<td>${listItem.object1}</td>
<td>${listItem.object2}</td>
</tr>
</c:forEach>

jsp akan memproses looping tersebut.

Permasalahan yang muncul adalah bagaimana caranya untuk mendapatkan index dari Looping tersebut. Caranya adalah dengan menggunakan function getLoopStatus(), lalu diambil indexnya dengan menggunakan function getIndex(). Bagaimana cara menerjemahkan function di atas ke dalam jstl-core? Mudah saja caranya  karena pada jstl-core sudah disiapkan syntax untuk menampung status dari looping, yaitu varStatus.

Jadi jika dituliskan secara syntaxis akan menjadi sebagai berikut:

<c:forEach items="${ListItems}" var="listItem" varStatus="status" >
<tr>
<td>${status.index}</td>
<td>${listItem.object1}</td>
<td>${listItem.object2}</td>
</tr>
</c:forEach>

Mudah2-an artikel ini dapat membantu anda.

Eclipse Install Maven2 Plug-in


Pendahuluan

Artikel ini saya tulis untuk para newbie yang baru menggunakan IDE Eclipse untuk memprogram JAVA, khususnya dalam penggunaan Framework Maven2 pada Eclipse. Mungkin sebagian dari para pembaca bahkan tidak mengetahui apa sebenarnya kegunaan Framework Maven2 ini. Dalam artikel ini saya akan mencoba menjelaskan dengan cukup singkat dan mudah dimengerti apa sebenarnya Framework Maven2 ini.

Isi

Maven2

Maven adalah sebuah software dan tool yang komprehensif untuk project management. Konsep dasar dari Maven adalah Project Object Model (POM), dimana Maven dapat membangun, membuat laporan, dan dokumentasi dari sebuah project. Atau secara tidak langsung kita dapat mengatakan bahwa Maven adalah sebuah framework yang bertindak sebagai repository project kita. Untuk dokumentasi dan keterangan lebih lanjut mengenai Framework Maven2 ini sendiri anda dapat langsung mengunjungi situs resminya di :

http://maven.apache.org/

Eclipse

Eclipse adalah salah satu contoh IDE yang dapat digunakan untuk membangun sebuah program JAVA. Bagaimana cara menambahkan Maven2 sebagai salah satu plug-in pada Eclipse?

Langkah-langkah yang harus anda lakukan adalah:

  1. Menginstall plug-in Subclipse
  2. Menginstall plug-in Mylyn
  3. Menginstall plug-in AspectJ Development Tool
  4. Menginstall plug-in Web Tool Platform
  5. Menginstall plug-in m2eclipse (Ini adalah plug-in Maven2 yang sebenarnya)

Cara untuk menginstall plug-in sangatlah mudah, cukup ikuti langkah-langkah berikut:

  1. Jalankan Eclipse
  2. Select Help > Software Updates > Find and Install > Remote Site. (Untuk Eclipse 3.3 kebawah), Select Help > Software Updates > Available Software > Add Site. (Untuk Eclipse 3.4)
  3. Masukkan url dari plug-in yang anda inginkan
  4. Click item yang ingin anda install, Next
  5. Eclipse akan menentukan item2 mana saja yang available dengan Eclipse saat itu.
  6. Jika sudah click Finish dan Eclipse akan mendownload secara Automatis

Next –> Creating Project using Maven2