[yii2] Template Gii CRUD untuk Satu Halaman Ajax

5 Oktober 2021

Home » Blog » Teknologi » [yii2] Template Gii CRUD untuk Satu Halaman Ajax

Gii adalah , yang menyediakan generator kode berbasis web untuk menghasilkan model, form, modul, CRUD, dan sebagainya.

Secara default, generator berikut tersedia

  • Model Generator – Menghasilkan kelas ActiveRecord untuk tabel database yang ditentukan.
  • CRUD Generator – Menghasilkan pengontrol dan tampilan yang mengimplementasikan operasi CRUD (Buat, Baca, Perbarui, Hapus) untuk model yang ditentukan.
  • Controller Generator – Menghasilkan kelas pengontrol baru dengan satu atau beberapa tindakan pengontrol dan tampilan yang sesuai.
  • Form Generator – Menghasilkan file skrip tampilan yang menampilkan formulir untuk mengumpulkan input untuk kelas model yang ditentukan.
  • Module Generator – Menghasilkan kode kerangka yang dibutuhkan oleh modul Yii.
  • Extension Generator – Menghasilkan file yang dibutuhkan oleh Yii.
TOP TUTORIALS:  Cara Instal Microsoft PowerToys pada Windows

Dengan menggunakan Gii, penulisan kode menjadi lebih cepat dan mudah. Ketika kita ingin membuat operasi CRUD terjadi dalam satu halaman, tanpa berpindah halaman, template default dari Gii belum bisa melakukan hal itu.

Dalam artikel ini, kita akan belajar menggunakan yang sudah mendukung operasi CRUD dalam satu halaman dengan menggunakan yang dibuat oleh johnitvn

Langkah-langkah membuat CRUD dalam satu halaman dengan Ajaxcrud

  1. Instal johnitvn/- menggunakan
php composer.phar require --prefer-dist johnitvn/yii2-ajaxcrud "dev-master"

atau tambahkan kode berikut ini ke file .json

"johnitvn/yii2-ajaxcrud": "dev-master"
  1. Ekstensi ini juga membutuhkan Font Awesome, salah satu alternatifnya adalah menggunakan FontAwesomeAsset dari kartik-v/-icons dengan menambahkan kode berikut pada file .json.
 "kartik-v/yii2-icons": "*"
  1. Kemudian buka Gii dengan Url: “http://localhost/-advanced/frontend/web/index.php?r=gii”. Jika semua proses berjalan lancar, akan ada menu baru pada Gii, yaitu “Ajax CRUD Generator”
TOP TUTORIALS:  Asterisk Password Spy 11.0 - Tampilkan kata sandi tersembunyi di balik tanda bintang (******)
ajaxcrud 01
  1. Setelah semuanya siap, kita membuat model dari tabel database. Dalam contoh ini kita membuat model dari tabel “country”
ajaxcrud 02
  1. Setelah kita membuat model, langkah selanjutnya adalah kita membua CRUD dengan “Ajax CRUD Generator”
ajaxcrud 03
  1. Kemudian buka dengan Url: “http://localhost/yii2-advanced/frontend/web/index.php?r=country”. Anda akan melihat ada tombol “Actions” dan “New record” yang tidak muncul.
ajaxcrud 04
  1. Agar tombol tersebut muncul, edit “frontend/views/country/index.php” dan register “FontAwesomeAsset” dari “kartik-v/yii2-icons” seperti berikut
............
............
use kartikiconsFontAwesomeAsset;
FontAwesomeAsset::register($this);
............
............
  1. Buka lagi Url: “http://localhost/yii2-advanced/frontend/web/index.php?r=country”. Anda akan melihat hasilnya seperti ini
TOP TUTORIALS:  Menampilkan URL Tersembunyi yang Diakses oleh Aplikasi Windows
ajaxcrud 05

Selamat mencoba…..

Semoga bermanfaat

0 Komentar