TUTORIAL APLIKASI CRUD DENGAN JSF, JPA, NETBEANS Yang dibutuhkan untuk membuat aplikasi ini adalah:

1. Netbeans IDE

2. MySQL

LANGKAH 1 Buat basisdata dalam MySQL bernama mydatabase yang memiliki tabel product. Bila sudah pernah melakukan

koneksi ke MySQL maka klik pada Tab Service dan pilih database MySQL. Klik kanan dan pilih Connect.

Basisdata baru bisa dibuat lewat Netbeans seperti contoh berikut.

Klik kanan pada koneksi yang baru dibuat dan pilih Execute Command. Masukkan query SQL berikut.

Tabel product

LANGKAH 2 Buat new Java EE Enterprise Application project dan beri nama JSFApp dan pilih server Glasfish.

LANGKAH 3 Buat 2 package baru pada project JSFApp-ejb (Klik kanan pada JSFApp-ejb -> Source Packages -> New -> Java

Package) dan beri nama entity dan model. Buat package baru pada project JSFApp-war (Klik kanan pada JSFApp-

war -> Source Packages -> New -> Java Package) dan beri nama controller.

Pilih New Data Source

Beri nama pada jndi dengan demo dan pillih database connection yang telah dibuat sebelumnya untuk tabel uji.

Klik OK.

LANGKAH 4 Buat kelas entitas dari basisdata (Klik kanan pada project JSFApp-ejb -> New -> Entity Classes From Database).

Pilih data source demo.

Pilih Add All

Klik Next

Pada Mapping Option, pilih Collection Type -> Java.util.list

Klik Finish

LANGKAH 5 Buat session bean dari kelas entitas. (Klik kanan pada project JSFApp-ejb -> New -> Session Bean from Entity

Classes). Klik Add All. Klik Next. Klik Finish

LANGKAH 6 Tambahkan framework JSF di project JSFApp-war (Klik kanan Project JSFApp-war -> Properties -> Frameworks )

Klik Add, pilih Java Server Faces. Klik OK.

Hapus file index.html pada folder

LANGKAH 7 Buat baru JSF managed Bean pada package controller (Klik kanan pada project JSFApp-war -> New ->Other->Java

Server Faces-> JSF Managed Bean). Beri nama ProductController. Pilih scope session. Klik Finish.

LANGKAH 8 Buka file ProductController.java lalu ketikkan kode berikut:

package controller; import javax.enterprise.context.SessionScoped; import java.io.Serializable; import java.util.*; import javax.inject.Named; import entity.*; import javax.ejb.EJB; import model.ProductFacade; @Named(value = "productController")

@SessionScoped public class ProductController implements Serializable { @EJB private ProductFacade productFacade; private Product p = new Product(); public Product getP() { return p; } public void setP(Product p) { this.p = p; } //menampilkan semua data produk public ProductController() { } public List findAll() { return this.productFacade.findAll(); } //menambahkan data barang public String add(){ this.productFacade.create(this.p); return "index"; } public void delete(Product p){ this.productFacade.remove(p); } //untuk mengambil data yang akan diedit public String edit(Product p){ this.p = p; return "edit"; } //untuk menyimpan data yang telah diedit public String edit(){ this.productFacade.edit(this.p); return "index"; } }

LANGKAH 9 Buka file index.xhtml dan ketikkan kode berikut:

Facelet Title

Id Name Price Option |

LANGKAH 10 Buat 2 file JSF baru (klik kanan pada JSFApp-war-> New -> JSF Page) dengan nama add dan edit

Buka file add.xhtml dan hapus hello from Facelets.

Pada bagian yang telah dihapus, klik kanan -> Insert Code -> JSF Form From Entity.

Pilih Entity entity.Product dan Managed Bean Property productController.p

Tambahkan kode untuk menampilkan button Simpan dbawah kode yang degenerate seperti berikut

Isi file add.xhtml menjadi sebagai berikut:

Facelet Title

LANGKAH 11 Buka file edit.xhtml dan hapus kode hello from Facelets.

Pada bagian yang telah dihapus, klik kanan -> Insert Code -> JSF Form From Entity.

Pilih Entity entity.Product dan Managed Bean Property productController.p

Edit file edit.xhtml sehingga menjadi sebagai berikut:

Facelet Title

Lakukan Clean and Build lalu Run