tutorial grocery crud indonesia

  • tutorial grocery crud indonesia

tutorial grocery crud indonesia

GROCERY CRUD adalah library open source yang digunakan untuk melakukan generate fitur CRUD (Create Read Update Delete) secara otomatis pada aplikasi berbasis web yang dibuat menggunakan framework codeigniter atau sering juga disebut dengam sebutan codeigniter CRUD Generator, karena hanya cukup dengan 5 baris script saja anda sudah mempunyai fitur CRUD yang powerfull. tentunya ini akan sangat bermanfaat jika anda sedang mengerjakan sebuah proyek yang memiliki banyak tabel master, dari pada membuat CRUD nya satu persatu lebih pakai pakai GROCERY CRUD saja untuk menghemat waktu pengerjaan proyek.

“grocery crud merupakan plugin yang sangat cepat untuk membuat crud di codeigniter sangat ototmatis dan tanpa coding ,ini merupakan plugin terbaik codeigniter untuk membeuat crud secara otomatis ” (7/27/2017)

Integrasi Grocery CRUD Dengan Codeigniter

Untuk bisa menggunakan library ini tentunya kita harus melakukan integrasi GROCERY CRUD dengan proyek kita terlebih dahulu, silahkan ikuti intruksi berikut :

  1. Download library GROCERY CRUD pada situs resminya grocerycrud.com.
  2. extrack grocery-crud-1.5.7.zip kedalam project codeigniter.

Konfigurasi Dasar Codeigniter

untuk codeigniter yang baru di install/ fresh install maka ada beberapa konfigurasi sederhana yang harus anda dilakukan, salah satunya adalah setting base url nya, settingan ini bisa anda temukan pada application/config/config.php dan cari settingan berikut :

diganti menjadi :

selanjutnya pengaturan koneksi database yang bisa anda temukan pada application/config/database.php

setelah itu kita perlu melakukan load otomatis untuk library dan helper yang akan sering kita gunakan, anda bisa melakukan konfigurasi ini pada file application/config/autoload.php :

sampai pada tahap ini anda sudah selesai melakukan konfigurasi codeigniter dan GROCERY CRUD.

Membuat Database Dan Tabel

GROCERY CRUD menyediakan database bawaan yang bisa kita gunakan untuk praktek, anda bisa menemukan file examples_database.sql.zip didalam source code GROCERY CRUD yang sudah anda download tadi, silahkan extrack file tersebut lalu butalah sebuah database baru dengan nama example dan lakukan import database melalui PhpMyadmin.

database_grocery_crud

Cara Menggunakan GROCERY CRUD

salah satu kelebihan grocery crud yang powerfull adalah hanya dengan satu function dalam sebuah controller sudah bisa menghandle sebuah proses CRUD untuk sebuah tabel, misalnya anda punya sebuah function employees dalam controller Data maka anda sudah mempunyai fitur CRUD untuk tabel employees, dan jika anda ingin tambahkan fitur CRUD lain maka anda bisa membuat function baru pada controller yang sama sehingga lebih hemat file dan coding yang ditulis, sekarang silahkan buat sebuah file baru dengan nama Data.php pada folder controller dan tulis script berikut :

langkah selanjutnya kita akan membuat sebuah view untuk menampilkan hasil generate dari GROCERY CRUD, sebenarnya library ini sudah menyediakan sebuah view dengan nama example.php tapi terkadang kita punya template sendiri yang sudah kita buat sedemikian rupa untuk di integrasikan dengan proyek yang sedang kita kerjakan, oleh karena itu silahkan buat sebuah file baru dengan nama template.php pada folder view dan tulislah script berikut :

setelah itu jangan lupa melakukan save untuk menyimpan perubahan lalu  untuk melihat hasilnya silahkan buka web browser dan akses url http://localhost/ci3/index.php/data/employees

frocery-crud-1

Menampilkan Custom Field

jika pada script di atas kita menampilkan semua data dalam tabel employees maka kali ini kita akan belajar cara menampilkan beberapa kolom saja, GROCERY CRUD sudah menyediakan fungsi columns yang digunakan untuk menampilkan custom Field pada sebuah tabel, sebagai contoh misalnya kita hanya ingin menampilkan field firstName, lastName dan email dari tabel employees maka script nya menjadi seperti ini :

Menggunakan Validation

jika anda sudah terbiasa menggunakan library validation maka pada GROCERY CRUD  juga anda bisa melakukan hal yang sama untuk melakukan validasi data sebelum diproses, sebagai contoh misalnya kita ingin membuat validasi inputan email yang dimasukan oleh users harus berformat email maka kita bisa menggunagakan fungsi set_rule seperti dibawah ini

Menampilkan Data Dari tabel Yang Berelasi

mungkin ini adalah salah satu bagian yang paling anda tunggu yaitu bagaimana cara nya menampilkan data dari tabel yang berelasi, jika anda mempelajari struktur database bawaan GROCERY CRUD GENERATOR maka anda akan menemukan tabel employees dan offices, kedua tabel ini berelasi dengan officeCode sebagai PK pada tabel offices dan menjadi FK pada tabel employees seperti gambar dibawah ini

relation-example
lalu anda ingin menampilka field city sebagai pengganti pengganti field officeCode yang ada pada tabel employees sehingga scriptnya menjadi seperti ini

Upload File/ Upload Field

kasus selanjutnya adalah bagaimana caranya untuk membuat field yang akan kita gunakan sebagai interface untuk mengupload file ke server. dalam hal ini GROCERY CRUD Generator sudah menyediakan function set_field_upload dengan format seperti dibawah ini:

sehingga jika kita implementasikan secara menyeluruh makan script CRUD nya menjadi seperti ini

set_field_upload_1

proses upload file menggunakan teknik ajax

set_field_upload_3
anda juga bisa melakukan drop file dan arahkan ke dalam form untuk melakukan proses upload

set_field_upload_5set_field_upload_2set_field_upload_4

Baca juga : report pdf dengan php

Menambahkan Button Action Pada Halaman Utama

secara default library GROCERY CRUD hanya menampilkan button untuk untuk melihat detail data, button edit dan button delete, lalu jika anda ingin menambahkan custom button maka anda bisa menggunakan function add_action seperti dibawah ini

jika anda lihat pada script line 5 maka anda akan menemukan fungsi set_theme, sesuai dengan nama nya bahwa fungsi ini digunakan untuk mengganti tema yang digunakan, GROCERY CRUD menyediakan 2 jenis theme yang bisa anda gunakan yaitu datatables dan flexigrid.
template

Fitur Callback GROCERY

untuk memudahkan developer dalam melakukan manipulasi bisniss proses maupun modifikasi tampilan, maka  GROCERY CRUD menyediakan sebuah fitur yang disebut callback,  dengan fitur ini kita bisa memberikan modifikasi pada textbox form atau membuat custom function yang akan dipanggil ketika sebuah proses di eksekusi.

contoh pertama adalah callback_add_field, fitur ini digunakan untuk memodifikasi kolom inputan, misalnya saya ingin memberikan kode area +62 sebelum textbox phone maka scriptnya jadi seperti ini

callback_add

contoh kedua adalah callback_edit_field, fitur ini digunakan untuk memodifikasi kolom pada form edit, beda nya pada function ini kita bisa mendapatkan value dari kolom yang di edit, contoh script nya seperti ini :

silahkan save dan refresh web browser yang anda gunakan untuk melihat perubahan

callback_edit

selanjutnya ada function callback_before_insert yang digunakan untuk memanggil function lain yang akan di eksekusi sebelum proses insert dilakukan, sebagai contoh kita akan melakukan pengecekan data kode POS yang di input oleh pengguna, jika kode pos nya dibiarkan kosong maka sistem akan menyimpan string “kosong” kedalam field, ini hanya  sekedar contoh saja, tentu pada implementasinya bisa dilakukan hal lain yang lebih luas, berikut scriptnya seperti dibawah ini :

selain callback_before_insert, masih ada juga fungsi lain yang bisa anda gunakan seperti :

  1. callback_after_insert
  2. callback_before_update dan callback_after update
  3. callback_after_delete dan callback_before_delete
  4. callback_before_upload dan callback_after_upload

untuk keterangan lebih lanjut tentang fitur yang belum dibahas silahkan baca dokumentasi dari GROCERY CRUD

Jika ada yang ingin di tanyakan mengenai “tutorial grocery crud indonesia” silahkan komentar di bawah

 

referensi artikel : belajarphp[dot]net

Related Posts
Leave a reply