[yii2] Template Gii CRUD untuk Satu Halaman Ajax

bardimin pic

Bardimin

5 Oktober 2021
ajaxcrud

[yii2] Template Gii CRUD untuk Satu Halaman Ajax

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

Gii adalah ekstensi, 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 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 ekstensi Yii.

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 template Gii yang sudah mendukung operasi CRUD dalam satu halaman dengan menggunakan Ajaxcrud yang dibuat oleh johnitvn

Langkah-langkah membuat CRUD dalam satu halaman dengan Ajaxcrud

  1. Instal ekstensi johnitvn/yii2-ajaxcrud 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/yii2-icons dengan menambahkan kode berikut pada file composer.json.
 "kartik-v/yii2-icons": "*"
  1. Kemudian buka Gii dengan Url: “http://localhost/yii2-advanced/frontend/web/index.php?r=gii”. Jika semua proses berjalan lancar, akan ada menu baru pada Gii, yaitu “Ajax CRUD Generator”
ajaxcrud 01
  1. Setelah semuanya siap, kita membuat model dari tabel . 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 browser 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
ajaxcrud 05

Selamat mencoba…..

Semoga bermanfaat

link nyemin

Artikel Terbaru

Teknik Dasar Perawatan Komputer dan Laptop

Teknik Dasar Perawatan Komputer dan Laptop

Anda mungkin tidak menyadarinya, tetapi komputer dan mobil memiliki kesamaan, keduanya membutuhkan perawatan rutin. Jika mobil Anda perlu mengganti oli secara rutin, komputer Anda secara rutin juga harus memperbarui perangkat lunak, menjaga antivirus tetap up to date,...

ChatGPT versi Desktop untuk Windows, Linux dan Mac

ChatGPT versi Desktop untuk Windows, Linux dan Mac

Apakah Anda tahu apa itu ChatGPT? Apakah Anda tahu cara mendapatkan dan menginstal ChatGPT di perangkat Anda? ChatGPT dengan cepat menjadi salah satu penemuan terpenting dalam dunia pemrosesan bahasa alami. Anda dapat menggunakannya untuk menghasilkan tanggapan...

Voltase Pinout Power Supply ATX 24 pin ke Motherboard

Voltase Pinout Power Supply ATX 24 pin ke Motherboard

Power Supply mengubah daya arus bolak-balik (AC) menjadi arus searah (DC) yang dikendalikan tegangan rendah. Beberapa perangkat Power Supply menyertakan pilihan tegangan input manual, sementara yang lain secara otomatis menyesuaikan. Power Supply mengubah tegangan...

Google Chrome – Buka Bookmark ke Tab Baru Secara Default

Google Chrome – Buka Bookmark ke Tab Baru Secara Default

Bookmark adalah pintasan untuk membuka halaman website yang telah anda simpan untuk anda kunjungi lagi nantinya. Pernahkah Anda mengunjungi halaman situs web yang cukup menarik dan anda ingin untuk mengunjunginya lagi nanti. Mengingat alamat halaman website tentu...