Kita akan memulakan tutorial dengan belajar bagaimana untuk membuat pangkalan data yang baru dan juga bagaimana memulakan sambungan (connection) ke pangkalan data (database).

Menambah pangkalan data yang baru

taip http://localhost/phpmyadmin pada browser anda. (Pastikan anda telah buka xampp, dan apache dan mysql sedang berfungsi). Untuk tutorial ini, kita akan membuat pangkalan data yang bernama tutorial. Cari Create new database, masukkan tutorial dan tekan butang Create.

Anda akan di bawa ke pangkalan data tutorial di mana anda boleh menambah table² yang boleh anda gunakan kemudian. Sebagai contoh, kita akan menyimpan data tentang nama pekerja, umur dan jawatan mereka. Jadi kita akan membuat satu table yang akan dinamakan Pekerja.

Cari Create new table on database kemudian masukkan Pekerja. Kita memerlukan 3 kolum (untuk nama pekerja, umur dan jawatan), jadi di ruangan number of fields, kita masukkan nilai 3. Tekan Create.

Anda akan dibawa ke page di mana anda perlu menetapkan konfigurasi untuk dua kolum anda tadi. Untuk kolum pertama, kita masukkan nama pada ruangan Field, type Varchar, dan length 100. Untuk kolum kedua pula, masukkan umur pada ruangan Field, type Int, dan length 3. Untuk kolum ketiga, masukkan jawatan dalam ruangan Field, type varchar, dan length 100. Tekan save.

Kemudian, kita boleh memasukkan secara manual maklumat beberapa pekerja ke dalam table ini. Tekan Insert untuk tujuan ini. Masukkan beberapa nama dan tekan butang Go.

Kemudian tekan Browse untuk memastikan maklumat tadi tersimpan baik di dalam database.

Selamat mencuba!

MySQL digunakan untuk menyimpan maklumat yang boleh kita kelompokkan di bawah beberapa kategori yang ditentukan. Jika anda belum biasa dengan istilah pangkalan data atau database ini, anda boleh menganggap pangkalan data ini sebagai sebuah fail Excel. Di mana sheets boleh diumpamakan sebagai tables di dalam database dan dalam sebuah table pula, anda mempunyai kolum dan juga baris.

Kita boleh ambil pangkalan data (database) sebuah syarikat sebagai contoh. Database ini mungkin mempunyai 3 table iaitu Pekerja, Pelanggan dan juga Pegawai. Setiap table ini pula akan mempunyai medan (atau kolum) yang tertentu, sebagai contoh untuk table Pekerja, mungkin terdapat medan nama, umur dan juga jawatan.

Siri tutorial MySQL ini fokus kepada penggunaan MySQL dengan bahasa pengaturcaraan PHP. Jika anda menggunakan bahasa pengaturcaraan yang lain, konsepnya tidak jauh berbeza.

Untuk memudahkan anda mempelajari MySQL, kita tidak akan menggunakan command line untuk mengendalikan database. Sebaliknya kita akan menggunakan phpmyadmin. Phpmyadmin selalunya disertakan sekali jika anda menggunakan xampp ataupun lamp.

Apa yang menarik tentang MySQL ialah ianya amat senang digunakan kerana syntax atau cara penggunaannya senang dibaca dan difahami. Sebagai contoh kita mahu mengambil semua data dari sebuah table bernama pekerja.

1

$result = mysql_query("SELECT * FROM pekerja")

Senang bukan? “SELECT * FROM pekerja” membawa maksud PILIH semua DARI table bernama pekerja. Anda sepatutnya perasan yang ada sesetengah perkataan dalam syntax mysql yang menggunakan huruf besar. Perkataan seperti SELECT dan FROM merupakan kata kunci mysql dan tidak boleh digunakan di tempat lain, contohnya anda tidak boleh membuatsebuah table dengan nama SELECT.

Penggunaan huruf besar tidaklah wajib untuk kata-kata kunci mysql tetapi saya amat menggalakkan penggunaan huruf besar untuk membolehkan syntax itu senang dibaca dan difahami. Jadi syntax di atas boleh juga ditulis sebegini:

1

$result = mysql_query("select * from pekerja")

Buka header.php dan paste kod berikut dalam tag head:

1

<?php wp_enqueue_script("jquery"); ?>

Selamat mencuba!

Download class GoogleMap di sini dan masukkan ke dalam folder vendors. Buka fail ini dan cari line untuk memasukkan Google API Key anda ($api_key)

Kemudian untuk menyenangkan penggunaan map ini nanti, kita akan membuat helper baru yang akan kita namakan map. Jadi buat satu fail baru di dalam folder app/views/helpers dan namakan ia map.php.

Paste code di bawah ke dalam fail map.php.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

<?php
class MapHelper extends Helper
{
 
    var $helpers = array('Html');
 
    function displaymap($locations=false,$width=500,$height=500)
    {
        vendor('GoogleMapAPI.class');
        $map = new GoogleMapAPI('map');
        if($locations)
        foreach($locations as $location)
        {
            $map->addMarkerByAddress( $location['address'],strip_tags($location['title']), $location['title']);  //adds address to showup in Map
        }
        else
        {
            $map->setCenterCoords(109.050293,4.850154);   // if no locations are passed in function, then focus on Malaysia
            $map->setZoomLevel(5);
        }
 
        $map->setWidth($width);
        $map->setHeight($height);
        $map_content=$map->getHeaderJS().$map->getMapJS().$map->getMap();
        return $this->output($map_content);
    }
}
?>

Kemudian ini contoh penggunaan. Contoh yang saya berikan ini tidak melibatkan controller dan model. Saya menggunakan helper ini terus di dalam view untuk menjadikan tutorial ini lebih senang difahami.

1
2
3
4
5
6
7
8
9
10
11
12

<?php
// initialization of $my_locations array to show in map - you can do this in your controller.
$my_locations=array();
$my_locations[1]['address']='Kubang Kerian, 16150 Kota Bharu, Kelantan';
$my_locations[1]['title']='Mdpai house';
 
$my_locations[2]['address']='Selangor, Malaysia';
$my_locations[2]['title']='<b>Selangor</b>';
 
echo $map->displaymap($my_locations,500,500); ?>
<script type="text/javascript">onLoad();</script> 
?>

Di bawah adalah contoh yang sama tapi menggunakan view dan controller.

index.ctp

1
2

<?php echo $map->displaymap($my_locations,500,500); ?>
<script type="text/javascript">onLoad();</script>

maps_controller.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

<?php
class MapsController extends AppController
{
    var $name = 'Maps';
 
    //not using any database yet
    var $uses = array();
 
    function index(){
        $my_locations=array();
 
        $my_locations[1]['address']='Kubang Kerian, 16150 Kota Bharu, Kelantan';
        $my_locations[1]['title']='Mdpai house';
 
        $my_locations[2]['address']='Selangor, Malaysia';
        $my_locations[2]['title']='<b>Selangor</b>';
 
 
        $this->set('my_locations', $my_locations);
    }
 
}
 
?>

Untuk selanjutnya, sebagai contoh, anda boleh menyimpan maklumat koordinat di dalam pangkalan data dan dengan menggunakan model dan controller, memaparkan koordinat² tersebut di dalam google map tadi.

Selamat mencuba!

1
2
3
4
5

Missing Database Table
 
Error: Database table forms for model Form was not found.
 
Notice: If you want to customize this error message, create app\views\errors\missing_table.ctp

Error di atas akan dipaparkan jika anda membuat satu controller (contoh Forms) tanpa membuat sebarang model untuk controller itu. Ini boleh menjadi masalah jika controller anda itu tidak menggunakan database langsung (contoh jika anda mahu membuat page statik). Penyelesaian untuk masalah ini amat mudah. Hanya tambah kod di bawah di dalam controller anda.

1

var $uses = array();

Ia akan memberitahu cakephp bahawa kita tidak menggunakan apa² table dalam database. Selamat mencuba!

Untuk menukar homepage anda kepada fail view yang berbeza, anda hanya perlu menukar root route anda. Lihat contoh di bawah:

Jika sebagai contoh saya mempunyai controller yang dinamakan Books dan di dalamnya mempunyai satu action senarai() yang saya mahu jadikan sebagai homepage saya, anda hanya perlu mengubah /app/config/routes.php kepada berikut:

1
2
3

<?php
Router::connect('/', array('controller' => 'books', 'action' => 'senarai'));
?>

Tukar books dan senarai mengikut keperluan anda. Selamat mencuba!

Di dalam view, gunakan helper javascript untuk memasukkan kedua² library tadi:

1
2
3
4

<?php
echo $javascript->link('prototype');
echo $javascript->link('scriptaculous'); 
?>

Peringatan : untuk membolehkan anda menggunakan $javascript di dalam view, pastikan anda memasukkan Javascript sebagai helper di dalam fail controller anda: (contoh)

1
2
3
4
5

<?php
class BooksController extends AppController {
    var $helpers = array('Html','Ajax','Javascript');
}
?>

Jika anda mahu melakukan link ini di dalam default.ctp (yang mana ia tiada fail controller yang khusus), anda boleh memasukkan code di atas di dalam fail app_controller.php yang terletak di /app/

Selamat mencuba!

Langkah² terperinci diterangkan di bawah:

Dapatkan versi cakePHP terbaru di laman web rasmi cakePHP. Unzip folder zip yang anda download tadi dan copy ke dalam folder www anda. Rename folder tersebut mengikut kesukaan anda, untuk tutorial ini, saya namakan ia sebagai cake.

Buka http://localhost/cake/ dan anda sepatutnya mendapat output seperti di bawah:

Apa yang menarik mengenai cakePHP ialah ia memberitahu anda apa yang patut/perlu anda lakukan jika terdapat apa² kesilapan konfigurasi pada aplikasi anda. Jika kita lihat pada paparan di atas, cakephp memberitahu kita bahawa:
1) Kita perlu menukar nilai Security.salt di app/config/core.php
2) Kita perlu menetapkan konfigurasi pangkalan data (database) di config/database.php

Jadi secara asasnya, kita hanya perlu membuka fail yang diberitahu dan menukar/menambah apa yang perlu supaya aplikasi kita dapat berfungsi.
Untuk point 1 sila rujuk post ini.
Untuk point 2 sila rujuk post ini.

Jika anda refresh browser anda, sepatutnya semua kotak kuning tadi bertukar menjadi hijau yang menandakan cakePHP anda sudah siap dikonfigurasi! Pada tutorial akan datang, kita akan mula membina aplikasi dengan cakePHP.
Selamat mencuba!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

function print_r(theObj){
  if(theObj.constructor == Array ||
     theObj.constructor == Object){
    document.write("<ul>")
    for(var p in theObj){
      if(theObj[p].constructor == Array||
         theObj[p].constructor == Object){
document.write("<li>["+p+"] => "+typeof(theObj)+"</li>");
        document.write("<ul>")
        print_r(theObj[p]);
        document.write("</ul>")
      } else {
document.write("<li>["+p+"] => "+theObj[p]+"</li>");
      }
    }
    document.write("</ul>")
  }
}

Selamat mencuba.

Cari file database.php.default yang terletak di /app/config/database.php.default dan rename file ini kepada database.php.
Buka file ini menggunakan editor php anda (contoh notepad++). Tukar nilai login kepada root, kosongkan nilai password dan tukar nilai database kepada blog_development (atau nama database yang telah anda bina sebentar tadi)

1
2
3
4
5
6
7
8
9

	var $default = array(
		'driver' => 'mysql',
		'persistent' => false,
		'host' => 'localhost',
		'login' => 'root',
		'password' => '',
		'database' => 'blog_development ',
		'prefix' => '',
	);

Save file database.php dan refresh browser anda.

Konfigurasi:
cakePHP : 1.2.4.8284
xampp : 1.6.8
OS : windows