cara setup-yii

17
Cara Mudah Setup dan Memakai Framework PHP YII By Imam Ferianto < [email protected] > Dibuat Untuk : Training Aplikasi Sederhana @ Deperindag Semarang, 27 Feb 2013 #Software Requirement 1. Xampp , download dari http://www.apachefriends.org/en/xampp-windows.html 2. Yii framework, download dari http://www.yiiframework.com 3. Microolap MicroOLAP Database Designer for MySQL, download dari http://www.microolap.com 4. Browser firefox dan plugin firebug 5. Text Editor, notepad ++ atau notepad #Ok, Selanjutnya ikuti langkah2 dibawah ini dengan teliti # Download Yii dari situsnya dan Extract File yii.zip atau yii.tar.gz ke c:\xampp\htdocs

Upload: sandi-putra

Post on 29-Nov-2014

1.397 views

Category:

Documents


0 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Cara setup-yii

Cara Mudah Setup dan Memakai Framework PHP YII

By Imam Ferianto < [email protected] >

Dibuat Untuk : Training Aplikasi Sederhana @ Deperindag Semarang, 27 Feb 2013

#Software Requirement

1. Xampp , download dari http://www.apachefriends.org/en/xampp-windows.html

2. Yii framework, download dari http://www.yiiframework.com

3. Microolap MicroOLAP Database Designer for MySQL, download dari http://www.microolap.com

4. Browser firefox dan plugin firebug

5. Text Editor, notepad ++ atau notepad

#Ok, Selanjutnya ikuti langkah2 dibawah ini dengan teliti

# Download Yii dari situsnya dan Extract File yii.zip atau yii.tar.gz

ke c:\xampp\htdocs

Page 2: Cara setup-yii

Folder YII harus seperti ini : c:\xampp\htdocs\yii\

# Tekan Run ( tombol logo microsoft bersamaan dengan tombol R) dan ketik : cmd

# Pada console cmd KETIK : cd \xampp\htdocs\yii\framework

Page 3: Cara setup-yii

# Kemudian ketik: c:\xampp\php\php.exe yiic.php webapp tokoapp

dan ketik yes dan tekan enter bila diminta input

# Jika Aplikasi Berhasil dibuat maka muncul pesan: Your application has been created successfully under

C:\xampp\htdocs\yii\framework\tokoapp

Page 4: Cara setup-yii

# Kemudian Cut Folder C:\xampp\htdocs\yii\framework\tokoapp

dan pindahken ke c:\xampp\htdocs\tokoapp

Page 5: Cara setup-yii

# Kemudian COPY Folder C:\xampp\htdocs\yii\framework

ke folder: C:\xampp\htdocs\tokoapp\protected

# Kemudian Edit File: C:\xampp\htdocs\tokoapp\index.php dengan notepad atau dreamweaver

Ubah baris 4 :

$yii=dirname(__FILE__).'/../yii.php';

# Menjadi

$yii=dirname(__FILE__).'/protected/framework/yii.php';

# Kemudian Simpan.

Page 6: Cara setup-yii

# Buka xampp, start apache & mysql

# Buka Firefox, browse ke alamat http://localhost/tokoapp/

Bila berhasil maka aplikasi toko berhasil di develop.

Selanjutnya adalah setting koneksi database dan

membuat MODEL dan CRUD untuk aplikasi kita

Page 7: Cara setup-yii

Setting konfigurasi yii

# Buka file dengan notepad : C:\xampp\htdocs\tokoapp\protected\config\main.php

Ubah (baris 10) : 'name'=>'My Web Application'

dengan Nama Aplikasi anda Misal: 'name'=>'Aplikasi Tokoku'

# Ubah module GII (hilangkan comment dan set passwor, baris 23): 'modules'=>array( // uncomment the following to enable the Gii tool /* 'gii'=>array( 'class'=>'system.gii.GiiModule', 'password'=>'Enter Your Password Here', // If removed, Gii defaults to localhost only. Edit carefully to taste. 'ipFilters'=>array('127.0.0.1','::1'), ), */ ), # Menjadi : 'modules'=>array( // uncomment the following to enable the Gii tool 'gii'=>array( 'class'=>'system.gii.GiiModule', 'password'=>'12345', // If removed, Gii defaults to localhost only. Edit carefully to taste. 'ipFilters'=>array('127.0.0.1','::1'), ), ),

# Tambahkan comment untuk dbsqlite (sekitar baris 50):

'db'=>array(

'connectionString' => 'sqlite:'.dirname(__FILE__).'/../data/testdrive.db',

),

Diubah menjadi

/*

'db'=>array(

'connectionString' => 'sqlite:'.dirname(__FILE__).'/../data/testdrive.db',

),

*/

Page 8: Cara setup-yii

# Dan Uncomment untuk mysql (sekitar baris 56): // uncomment the following to use a MySQL database /* 'db'=>array( 'connectionString' => 'mysql:host=localhost;dbname=testdrive', 'emulatePrepare' => true, 'username' => 'root', 'password' => '', 'charset' => 'utf8', ), */ Menjadi : (yang bertanda merah harus disetup sesuai nama databasenya) // uncomment the following to use a MySQL database 'db'=>array( 'connectionString' => 'mysql:host=localhost;dbname=toko', 'emulatePrepare' => true, 'username' => 'root', 'password' => '', 'charset' => 'utf8', ),

# Simpan file : main.php

# Kemudian buka browser firefox dan ketik alamat untuk pembuatan Model dan CRUDnya sebagai

berikut http://localhost/tokoapp/index.php?r=gii

Masukkan password: 12345 dan klik Enter

Page 9: Cara setup-yii

Tampilan Menu Utama YII CRUD Generator

CRUD = Create, read, update and delete = kode generator untuk membuat semua action yang berkaitan

dengan Create, read, update and delete

Page 10: Cara setup-yii

# Membuat Model untuk table-table di database

Buka phpmyadmin http://localhost/phpmyadmin dibrowser (TAB baru) dan buat database toko

dengan struktur sbb:

Kemudian pilih database database toko tsb:

# Lihat table list yang ada di database toko : ada berapa tabel? Contoh:

barang

penjualan

Page 11: Cara setup-yii

# Berpindah lagi ke tab YII CRUD

# Klik Link Model Generator

# Masukkan (ketik) nama tabelnya pada table name, contoh: barang

Biarkan input Model Class dibawahnya (tidak usah diedit) , kemudian klik tombol : preview

Page 12: Cara setup-yii

Setelah Muncul Filename : model\Barang.php Klik tombol generate

Bila berhasil maka akan muncul: The code has been generated successfully.

Page 13: Cara setup-yii

# Membuat CRUD Otomatis

# Klik Menu Crud Generator

# Masukkan Nama Model yang tadi sudah dibuat ( Nama Model Biasanya Dimulai Huruf Besar)

Jadi dari contoh diatas dari tabel barang akan tercipta model Barang controllerid tidak usah diedit

(biarkan default huruf kecil) . Kemudian tekan tombol preview

Page 14: Cara setup-yii

# Akan Muncul ListFile yang digenerate otomatis oleh CRUD, sbb:

Kemudian Klik Tombol Generate. Bila berhasil akan muncul:

The controller has been generated successfully.

Proses selesai!

Ulangi tahapan dari pembuatan Model, sampai CRUD ( untuk semua tabel yang ada di database)

Page 15: Cara setup-yii

# Cara Mengakses menu Barang yang sudah dibuat tadi adalah sebagai berikut

buka tab firefox baru. Ketik alamat:

http://localhost/tokoapp/index.php?r=Barang

Contoh layout yang sudah digenerate oleh crud, menu disebelah kanan dapat digunakan untuk

membuat barang baru (create ataupun mengedit barang) , Klik pada manage barang

Page 16: Cara setup-yii

# Bila diminta user dan password: gunakan user: admin , password: admin

Page 17: Cara setup-yii

# Mengedit Controller , View dan File Lain yang sudah digenerate.

Semua file yang digenerate ada di folder

C:\xampp\htdocs\tokoapp\protected protected

C:\xampp\htdocs\tokoapp\protected protected\model

C:\xampp\htdocs\tokoapp\protected protected\view

C:\xampp\htdocs\tokoapp\protected protected\controller

Penamaan file sesuai dengan nama tabel yang ada didatabase:

Selesai. Sampai jumpa lagi di training level selanjutnya