Membuat website dengan java

Sobat programmer goblog.
Kali ini berdasarkan beberapa pertanyaan seputar website menggunakan teknologi java maka pada tulisan ini penulis menyempatkan untuk memberikan pengantar pemrograman javaEE untuk membuat web atau web application berbasis java.

Seperti yang kita ketahui bahwa java terdiri dari j2se (Java 2 standard edition) java untuk pemrograman desktop; j2me (java 2 micro edition) atau java untuk perangkat mobile dan embedded device; dan j2ee (java 2  Enterprise Edition)
Kalau belajar java core pasti semua sudah mendapatkan materi di kampus atau sekolah masing masing, dan kalau membuat web dengan php pasti sudah umum dijumpai. Maka kali ini kita akan sedikit berkenalan dengan javaEE dan membuat website menggunakan teknologi ini.

Hal hal yang pertama dibutuhkan untuk belajar membuat website dinamis menggunakan java adalah JDK tentunya, kemudian dibutuhkan juga IDE dan web server untuk java. untuk JDK sobat bisa download secara gratis di website oracle java disini 
Kemudian untuk IDE bisa menggunakan eclipse for javaEE disini 
dan untuk server kita bisa menggunakan apache tomcat 7, bisa di download atau menggunakan yang telah terintegrasi dengan eclipse, pada tutorial kita ini akan menggunakan tomcat bawaan eclipse.

Sebelum lanjut ke tutorialnya penulis akan sedikit menyinggung soal metode yang akan kita gunakan. Pada tutorial ini penulis menggunakan metode MVC atau model view control karena memang penulis lebih nyaman dengan metode ini. Untuk penjelasan singkat tentang MVC ini sobat bisa membacanya disini 

Baiklah kita lanjut ke tutorial.
Pertama kita download dan install Java Development Kit (JDK)
Kemudian download dan extract eclipse for javaEE dan jalankan eclipse.

Pada jendela eclipse yang telah terbuka.
Pilih menu File -> New -> dynamic web project
input nama projectnya, kemudian click finish.

Selanjutnya pada kolom project explorer didalam java resource, klik kanan pada folder src dan pilih new package, kemudian pada jendela yang keluar ketikkan nama package dan click fisnish.

Selanjutnya pada package yang kita buat tadi kita buat satu class java untuk controller kita.
klik kanan pada package tersebut kemudian pilih new->class
Pada jendela yang muncul ketik nama classnya kemudian hilangkan centang pada bagian which method.....

kemudian click finish.
Kita biarkan dulu file tersebut.
Masih pada package yang sama kita buat satu file servlet yang akan menjadi controller kita.
Klik kanan pada package tersebut, pilih new->servlet Beri nama kemudian klik finish.

Selanjutnya kita akan membuat view yang akan menampilkan website kita, klik kanan pada folder WebContent pilih new -> Jsp File

Setelah ketiga file tersebut terbuat kita akan mulai coding..

Oke, untuk tutorial ini kita akan mencoba untuk menampilkan nama dan alamat orang.
Kita mulai dari class Model1 yang kita buat tadi.
Kita buat variable private untuk nama dan alamat.
Kemudian kita buat juga method untuk setter dan getter kedua variable tersebut.

Selanjutnya pada file controller kita, kita akan membuat script untuk menangani aksi pada website yang akan kita buat.
Pada file tersebut telah ada dua method doGet dan doPost.
Kita dapat menggunakan yang mana saja, namun pada tutorial ini kita akan menggunakan doPost, sebab kita akan membuat form input dengan metode post.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

package com.programmergoblog.belajarjavaweb; public class Model1 { private String nama=""; private String alamat=""; public String getNama() { return nama; } public void setNama(String nama) { this.nama = nama; } public String getAlamat() { return alamat; } public void setAlamat(String alamat) { this.alamat = alamat; } }

hapus coding yang sudah ada pada method tersebut dan kita buat method kita sendiri.
pertama kita akan melakukan instansiasi dari class Model1 kedalam object orang.
kemudian kita ambil post dari form jsp (akan kita buat nanti) dan memasukkannya kedalam variable nama dan alamat yang kita buat melalui instansiasi object orang tadi menggunakan method setter.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51

package com.programmergoblog.belajarjavaweb; import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; /** * Servlet implementation class Controller1 */ @WebServlet("/Controller1") public class Controller1 extends HttpServlet { private static final long serialVersionUID = 1L; /** * @see HttpServlet#HttpServlet() */ public Controller1() { super(); // TODO Auto-generated constructor stub } /** * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response) */ protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { Model1 orang = new Model1(); request.setAttribute("orang", orang); getServletContext().getRequestDispatcher("/view1.jsp").forward(request,response); } /** * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response) */ protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { Model1 orang = new Model1(); String namaDariForm = request.getParameter("nama"); String alamatDariForm = request.getParameter("alamat"); orang.setNama(namaDariForm); orang.setAlamat(alamatDariForm); request.setAttribute("orang", orang); getServletContext().getRequestDispatcher("/view1.jsp").forward(request,response); } }

selanjutnya kita forward data tersebut kembali ke file jsp untuk ditampilkan di browser.

pada file view1.jsp kita akan menangani data yang kita peroreh dari controller dan menampilkanya pada halaman browser.
tambahkan baris ini sebulum tag <html>

<jsp:useBean id="orang" scope="request" class="com.programmergoblog.belajarjavaweb.Model1"></jsp:useBean>

selanjutnya pada bagian body html kita akan menampilkan nama dan alamat tadi.

Nama : <jsp:getProperty property="nama" name="orang"/>
<br>
Alamat : <jsp:getProperty property="alamat" name="orang"/>


<form action="Controller1" method="post">
<input type="text" name="nama">
<br>
<input type="text" name="alamat">
<br>
<input type="submit" value="daftar">
</form>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <jsp:useBean id="orang" scope="request" class="com.programmergoblog.belajarjavaweb.Model1"></jsp:useBean> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Insert title here</title> </head> <body> Nama : <jsp:getProperty property="nama" name="orang"/> <br> Alamat : <jsp:getProperty property="alamat" name="orang"/> <form action="Controller1" method="post"> <input type="text" name="nama"> <br> <input type="text" name="alamat"> <br> <input type="submit" value="daftar"> </form> </body> </html>

Sekarang kita kembali pada file controller1 dan menambahkan srcipt didalam doGet.
Skrip ini diperlukan untuk menangani aksi ketika web dikunjungi pertama kali, karena method post yang kita buat sebelumnya tadi tidak terakses pada saat pertama controller kita diakses dari brower.

tambahkan scrip ini didalam method tersebut,

1 2 3

Model1 orang = new Model1(); request.setAttribute("orang", orang); getServletContext().getRequestDispatcher("/view1.jsp").forward(request,response);

kemudian kita bisa menjalankan program dengan klik menu run pilih run, pada jendela yang muncul klik finish.

Sikahkan isi form dan klik daftar untuk melihat hasil program kita tadi.


Sekian tulisan dari programmerGoBlog kali ini, semoga dapat sedikit menjadi pengantar untuk anda yang ingin belajar pemrograman web menggunakan java.
Apabila ada perbedaan pendapat, kritik, serta saran yang membangun ataupun sekedar ingin bertanya dan request tutorial terkait pemrograman, jangan ragu untuk meninggalkan jejak di kolom komentar.
Terimakasih telah berkunjung.