Installasi Yii2 dan Membuat CRUD pada Yii2

Sebelum memulai dalam pengembangan project, tahap awal yang  lakukan adalah membuat CRUD pada YII maka terlebih dahulu Download YII 2 Framework dan berikut tutorialnya:
1.  Langkah pertama harus install Web server XAMPP terlebih dahulu. Kemudian Download  YII 2 Framework dari website YII berikut ini :

http://www.mediafire.com/file/2xmllqae7z9emwc/proyek_yii.zip/file
2. Instalasi Ke folder Proyek (accessible web application)
a. Ekstraksi Data Dari Proyek_yii.zip (dimana file tersebut merupakan file
Framework Yii2), ke folder htdocs.
b. Setiap Path akan berbeda-beda sesuai dengan folder di mana anda
menginstalasi xampp web server anda.
c. Biasanya Path default adalah C:\xampp\htdocs
d. Tempatkanlah file yii2 di path yang disebutkan di direktori sesuai dengan
path anda.
e. Namakan lah folder yii2 tersebut dengan nama proyek_yii
f. Tampilan dari folder pada awal instalasi ke folder sebagai berikut

3. Menciptakan Folder Environment
Pada dasarnya integrasi belum terjadi antara web server dengan modul yii2
anda. Untuk melakukan proses integrasi tersebut silahkan ikuti langkahlangkah berikut.
1. Buka Command Promt dengan mengetikkan cmd di search app windows
anda. Klik kanan dan run as administrator.
2. Pada command Promt, arahkanlah direktori ke folder xampp untuk
mengakses php app. Langkah-langkah di command promnt secara lengkap
sebagai berikut.
a. c:\>
b. cd xampp
c. cd php
d. c:\xampp\php>php.exe c:/xampp/htdocs/proyek_yii/init
e. Anda akan ditanyakan apakah membangun dalam mode
Development atau Production
f. Pilih mode Development dengan mengetik 0, kemudian klik enter
seperti pada gambar di bawah ini.

g. Anda akan ditanyakan kembali untuk memastikan apakah anda ingin
melanjutkan proses generasi folder enviroment yii2. Ketik yes



h. Jika anda mengikuti dengan benar, maka tampilan proses generasi
sudah dilakukan dengan pesan success seperti gambar di bawah ini.



4. Menciptakan Database Proyek
a. Langkah selanjutnya adalah anda diminta membuat sebuah database
bernama db_yii
b. Proses ini dapat anda lakukan dengan mengakses
http://localhost/phpmyadmin/
c. Perlu anda ingat, anda tidak perlu membuat tabel apapun, anda hanya
diminta untuk membuat database saja.

5. Konfigurasi Database Setting dengan Integrasi YII
Selanjutnya untuk memastikan apakah web server anda sudah terhubung dan
terintegrasi dengan framework yii2 anda, anda harus memastikan bahwa
konfigurasi database sudah benar dilakukan di yii2.

a. Pada folder proyek_yii
b. Buka file main-local.php di folder common -> config
C:\xampp\htdocs\proyek_yii\common\config
c. Ubah data main-local.php sesuai dengan data database yang telah kita buat
sebelumnya. Perhatikan, bahwa data dbname=db_yii. db_yii tersebut
adalah nama dari database yang telah kita buat sebelumnya


 6. Migrasi Database Default Yii ke Database Proyek
Langkah selanjutnya adalah, melakukan proses migrasi database default yii, ke
database db_yii, langkah ini dapat dilakukan dengan mengikuti langkah
berikut.
a. Buka command promt dengan mengetik cmd pada app search windows
anda.
b. Klik kanan cmd dan run as administrator
c. Selanjutnya anda harus mengarahkan direktori ke xampp/php
1. C:
2. Cd xampp
3. Cd php
4. Path nya sebagai berikut
C:\xampp\php>php.exe c:/xampp/htdocs/proyek_yii/yii migrate
5. Klik enter. Maka akan muncul tampilan proses migrasi seperti gambar
dibawah ini




d. Anda akan ditanya kembali apakah ingin mengapply migrasi yang telah
dilakukan. Ketik Yes, jika anda mengikuti langkah ini dengan benar, akan
muncul pesan success migrated. Seperti gambar di bawah.


 e. Silahkan anda buka localhost/phpmyadmin, pada database db_yii, anda
bisa melihat bahwa sudah tercipta secara otomatis dua tabel yakni
migration, dan user yang menandakan bahwa semua modul sudah
terintegrasi dengan baik dan framework yii2 anda sudah terinstalasi dengan
sempurna.
7. Mengakses Halaman YII2
Langkah selanjutnya adalah mengakses framework Yii2
a. Kunjungi path berikut
http://localhost/proyek_yii/frontend/web

jika anda perhatikan, pada folder proyek_yii, memang terdapat folder
frontend/web/ yang mengacu pada aplikasi home dari yii, anda akan
melihat tampilan berikut.


8. Menciptakan Model Dari Database
Langkah selanjutnya, anda akan diminta untuk membuat sebuah model
dengan asumsi bahwa anda telah mengerti apa itu model. Pada kasus ini kita
akan membuat model untuk tabel tmahasiswa di database db_yii
a. Spesifikasi dari t_mahasiswa tersebut adalah, memiliki kolum nim =
varchar(20), nama = varchar (26), kelas = varchar(3), dan umur=int, aturlah
kolom nim sebagai primary key.
b. Kemudian Kunjungi path berikut
http://localhost/proyek_yii/frontend/web/index.php?r=gii
c. Pilih model generator dengan mengklik start




d. Setelah anda mengklik model generator, anda akan diminta memasukkan
data tabel yang akan dibuat modelnya, anda sebaiknya tidak mengetik 
manual, namun memilih secara langsung dari daftar autocomplete yang diberikan. Pengisian data sebagai berikut



 e. Jika anda perhatikan, data tmahasiswa adalah nama tabel yang kita buat
sebelumnya, dan model class nya secara otomatis diberi nama Tmahasiswa.
Anda diperbolehkan membuat nama berbeda, dengan syarat, anda
memberi konvensi yang konsisten dalam pengerjaan-pengerjaan
selanjutnya. Untuk sesi ini, anda diminta untuk mengikuti aturan yang
diberi Yii sebelum eksplorasi lebih lanjut.
f. Perhatikan, inputan untuk namespace, diset ke frontend\models, langkah
ini krusial/sangat penting karena akan digunakan dalam penentuan
pembuatan controller.
g. Klik preview, dan anda akan melihat tampilan berikut. Kemudian klik
generate

 9. Menciptakan Controller Dari Model, dan CRUD
Langkah selanjutnya adalah anda membuat sebuah controller yang
berhubungan erat dengan model yang baru kita buat di langkah 8.
a. Kunjungi path berikut
http://localhost/proyek_yii/frontend/web/index.php?r=gii
b. Pilih CRUD Generator


c. Klik Start
d. Anda akan melihat form isian sebagai gambar berikut. Kemudian anda
mengisi dengan data sebagai berikut.



Sebenarnya anda bisa memasukkan data yang berbeda, namun untuk
bagian ini, anda diminta membuat berdasarkan konvensi yii dulu, sebelum
eksplorasi lebih lanjut.
e. Klik Preview, untuk memastikan bahwa data isian yang anda buat telah
benar.

 f. Jika tampilan sudah seperti diatas berarti konvensi namespace sudah tepat,
anda kemudian dapat mengklik tombol generate

10.Mengakses Aplikasi yang sudah tercipta
Jika anda sudah mengikuti langkah-langkah di atas tersebut, selanjutnya anda
mengakses aplikasi yang sudah anda buat sebelumnya.
a. Kunjungi halaman berikut :
http://localhost/proyek_yii/frontend/web/index.php?r=tmahasiswa


Demikian tutorial membuat fungsi CRUD, Semoga bermanfaat..... ^^ 



Komentar

Postingan populer dari blog ini

Algoritma DFS dan BFS

Pengenalan Lumen Framework

Bahasa Pemograman Java