Mengatur Tampilan Yii Framework

Listing

Logika

Listing program di atas ini adalah index.php yang berada pada folder C:\xampp\htdocs\yoi\protected\views\site. index.php ini memiliki fungsi untuk mengatur tampilan, tulisan dan konten lainnya pada laman menu Home. Pada listing program di atas terdapat helper CHtml yang memiliki fungsi untuk menampilkan gambar pada yii framework. Helper CHtml tersebut diletakkan di dalam script php, jika tidak diletakkan pada script php gambar tidak akan muncul.

Output

 

INSTALASI WEB DENGAN FRAMEWORK YII

INSTALASI WEB DENGAN FRAMEWORK YII

Pastikan Apache dan MySQL dalam keadaan start pada XAMPP Control Panel. Extrak file yii pada folder xampp/htdocs.

Lalu lakukan settinggan untuk pembuatan webapp pada yii seperti gambar di bawah ini...

Ketikan yes...

Lalu buat database bernama profile dan nama tabelnya yoi. Isikan nama field beserta konten-konten field tersebut...

Pada C:\xampp\htdocs\yoi\protected\config main.php lakukan penyetingan seperti gambar di bawah ini, hapus tanda *\ lalu masukkan password yang diinginkan(misal:admin).

Pada C:\xampp\htdocs\yoi\protected\config database.php lakukan penyetingan seperti gambar di bawah ini, hapus tanda *\ lalu ubah dbname menjadi dbname=profile.

Masukkan alamat http://localhost/yoi/index.php?r=gii pada browser. Maka masukkan ke laman code generator. Masukkan password yang tadi di setting pada main.php, pass:admin..

 

Setelah itu masuk ke model generator. Masukkan nama tabel yang telah dibuat sebelumnya. Lalu klik preview, lalu generate

 

Lalu pilih Crud Generator.. masukkan nama tabel yang telah dibuat tadi... lalu klik preview, lalu klik Generate... dan klik try it now

Klik create Yoi, lalu masukan data yang diperlukan pada kolom yang telah tersedia. Data tersebut nantinya akan disimpan di dalam database profile. Klik Create

 

 Lalu pada C:\xampp\htdocs\yoi\protected\views\layouts\main.php kita tambahkan menu baru untuk melihat data yang telah diinput sebelumnya. Lakukan seperti gambar dibawah ini...

Hasilnya seperti gambar di bawah ini...