[TUTORIAL] Membuat CMS Company Profile dengan Panada Framework – Bag.4


Setelah mengikuti tutorial panada Membuat CMS Company Profile dengan PHP panada framework – ke-3. Akhirnya sampailah kita pada tutorial panada yang membahas tentang database dan bagaimana kita dapat menginput,mengedit,menghapus dan menampilkan datanya pada CMS yg sudah kita buat. Ya betul sekali kita akan masuk ke bagian dashboard admin, tapi sebelum itu sebaiknya mengetahui bagaimana cara menyambungkan database agar bisa di ambil dan di tampilkan pada CMS kita. Banyak database yang di dukung oleh panada framework ini di antaranya mysqlpostresqlsqlite ,mongodb dan cubrid. Untuk lebih lengkapnya tentang database ini silahkan lihat dokumentasi panada bagian database.

Apa yang akan kita pelajari pada bagian ke empat tutorial panada framework ini?

  • Membuat database dan tabel pages untuk halaman CMS kita
  • Bagaimana menyambungkan panada dengan database (MySQL)
  •  Mengenal Models pada panada framework
  • Mengambil data dari database dan menampilkannya

Membuat database dan tabel pages untuk halaman CMS kita

Sebelumnya anda harus sudah mengerti bagaimana membuat database,tabel melalui phpmyadmin. Kalau belum tahu membuat database apalagi tabel pada phpmyadmin akan susah mengikuti tutorial ini dan selanjutnya. Walaupun banyak database yang di dukung oleh panada framework ini, saya hanya akan membahas tentang database MySQl saja. Yuk kita mulai!

Buka phpmyadmin anda, kalau saya langsung ketik http://localhost/phpmyadmin
Masukkan username dan password ke phpmyadmin ini (biasanya : username: root dan passwordnya di kosongkan)
Pilih tab Databases , dan masukkan nama databasenya misalnya saya memberi nama database-nya : blogkarcms
Klik tombol : Create
Selesai, kita sudah bisa membuat database (blogkarcms).

panada-4-1

Sekarang kita akan membuat tabel yang akan kita gunakan untuk menyimpan data halaman CMS kita.

Nama tabelnya pages , dan tabelnya terdiri dari field:

id (INT 11) = digunakan untuk isian nilai autoincreament PRIMARY index.
kode (VARCHAR 20) = digunakan untuk kode halaman
judul (VARCHAR 250) = digunakan untuk judul halaman
isipages (TEXT) = di gunakan untuk isi dari halaman
tanggal (DATETIME) = buat catatan tanggal update saja 🙂

Klik nama database yang sudah kita buat (blogkarcms)
Isikan nama tabel pages di form di bawah tulisan ‘Create table on database blogkarcms’

panada-4-2

Isikan number of colomns-nya dengan 5 (id,kode,judul,isipages,tanggal)
Klik GO.
Masukkan nama field, jenis dan panjangnya.
Setelah lengkap semua Klik Save

panada-4-3

Berhasil.

panada-4-4

Sekarang karena kita belum membuat dashboard admin, kita isikan dahulu isi halaman dengan phpmyadmin ini. Klik tab Insert dan isikan isian field ini:

panada-4-12

Setelah selesai, Klik GO.

Catatan :
Untuk isian id dan kode sebaiknya di samakan seperti di atas.
Untuk isian judul, isipages dan tanggal silahkan anda ganti sesuka anda.

Kalau isian berhasil, kita akan melihat datanya pada saat Klik Browse.

panada-4-5

Selesai.

Bagaimana menyambungkan panada dengan database (MySQL)

Di atas kita sudah membuat database blogkarcms dan tabel pages, saatnya sekarang kita menyambungkan database tadi dengan CMS kita yang sudah kita buat sebelumnya. Pada Panada PHPFramework ini sudah di sediakan file config databasenya, kita tinggal edit dan simpan saja.

Buka file database.php yang berada pada /app/config/database.php
Edit dan sesuaikan file pada bagian ini :

'default' => array(
	'driver' => 'mysql',
	'host' => 'localhost',
	'port' => 3306,
	'user' => 'root',
	'password' => '',
	'database' => 'blogkarcms',
	'tablePrefix' => '',
	'charset' => 'utf8',
	'collate' => 'utf8_general_ci',
	'persistent' => false,
),

Masukkan user dan password ke database, ganti database dengan blogkarcms (nama database-nya).
Simpan file yang sudah di edit.
Selesai.

Mengenal Models pada panada php framework.

Model adalah sebuah class yang tugasnya berkaitan langsung dengan penanganan data, baik itu dari database, atau sistem penyimpanan yang lain.

Buka dokumentasi panada dan lihat bagian model , http://localhost/panada/documentation/id/references/model.html

Sekarang buat file models baru dengan nama Pages.php simpan pada folder Models ( /app/Models/ ). Ingat nama file di dahulu dengan huruf besar.

panada-4-6

Kemudian isikan pada models Pages.php ini class modelnya, biasanya yang saya lakukan langsung saja copy paste contoh model yang ada pada dokumentasi dan baru kemudian edit sana-sini, yang perlu di edit biasanya nama class-nya dan nama method-nya di sesuaikan. Inilah gambar models Pages.php sebelum di edit (hasil copy paste) dan setelah di edit sana-sini.

panada-4-7

Gambar di atas Models Pages.php => Copy Paste dari dokumentasi belum di edit

panada-4-8
Gambar di atas Models Pages.php => Setelah  di edit dan tambah method baru.

Catatan :
Nama class di samakan dengan nama file modelsnya, dalam contoh ini nama models : Pages.php dan class-nya : class Pages {}.

$this->db = new Resources\Database;  //memanggil resources database yang sudah di sediakan oleh panada framework, apa saja resources yang bisa kita gunakan? lihat saja pada /panada/Resources.

panada-4-9Fungsi method GetPages() , akan mengembalikan semua data dari tabel pages.

Fungsi method GetPagesbyKode($kode) , akan mengembalikan satu baris data yang sesuai dengan ketentuan (WHERE kode = $kode);

Lihat pada semua fungsi method terdapat kata ‘Return’ , ini artinya method akan mengembalikan hasilnya ke method/fungsi lain yang memanggilnya.

Sampai di sini kita sudah selesai membuat models Pages.php yang berisi class pages, method GetPages() dan GetPagesbyKode($kode) yang akan kita gunakan pada controller yang sudah kita buat sebelumnya.

Mengambil data dari database dan menampilkannya.

Databasenya sudah siap dan models untuk penanganan data dari database sudah ada. Sekarang bagaimana cara menggunakannya dan menampilkannya.

Buka kembali file controllers Pages.php (/app/Controllers/Pages.php).

Ada dua cara untuk memanggil models Pages.php yang sudah kita buat yaitu :

Pertama dengan mendefinisikannya pada method __construct() seperti berikut ini :

public function __construct(){
	parent::__construct();
	// Load model
	$this->pages = new Models\Pages;
}

Kedua dengan langsung feature auto loader yang sudah disediakan panada framework , lihat kembali dokumentasi bagian auto loader http://localhost/panada/documentation/id/references/autoloader.html

$this->model->Pages()->GetPagesbyKode('_HOME');

Terserah anda mau menggunakan yang mana, pada tutorial ini saya akan menggunakan format yang pertama saja.

Sekarang buka file controllers Pages.php (/app/Controllers/Pages.php)
Sisipkan paling atas dalam class fungsi method __construct tadi.
Kemudian ubah fungsi method lainnya seperti ini, saya mengubah method ourclients :

Method Ourclients sebelum di rubah :

public function ourclients()
{ 
	$data['title'] = 'Our Clients'; 
	$data['content'] = 'Ini Content Our Clients'; 
	$data['footer'] = 'Copyright (c) 2013, Ini Footer Our Clients'; 
	$this->output('tema/default/halaman', $data);
}

Method Ourclients setelah di rubah :

public function ourclients()
{

	$oPages=$this->pages->GetPagesbyKode('_OURCLIENTS'); //Kode untuk halaman 
	$data['title'] = $oPages->judul; 
	$data['content'] = $oPages->isipages;
	$data['footer'] = 'Copyright (c) 2013, Ini Footer Our Clients'; 
	$this->output('tema/default/halaman', $data);
}

Silahkan yang lainnya anda ubah sendiri dengan melihat perubahan yang saya buat pada method ourclients ini.

Dan langsung kita coba akses menu OurClients, AboutUs, Careers dan ContactUS.panada-4-10

Alhamdulillah.

panada-4-11

Berhasil

Alhamdulillah , materi bagian ke -4 pada tutorial ini sudah selesai.

Salam Berbagi

Kita lanjutkan ke tutorial berikutnya pada bagian ke 5 , pembuatan dashboard admin area. Persiapkan materinya, ingatkan saya kalau lama tidak update materi ke lima ini.

[PANADA] Membuat CMS Company Profile dengan PHP panada framework – Bag.5

Materi tutorial sebelumnya :

[PANADA] Membuat CMS Company Profile dengan PHP panada framework – Bag.1

[PANADA] Membuat CMS Company Profile dengan PHP panada framework – Bag.2

[PANADA] Membuat CMS Company Profile dengan PHP panada framework – Bag.3

Iklan

21 pemikiran pada “[TUTORIAL] Membuat CMS Company Profile dengan Panada Framework – Bag.4

  1. karena hasil ambil data kosong :

    $oPages=$this->pages->GetPagesbyKode(‘_OURCLIENTS’); //Kode untuk halaman
    $data[‘title’] = $oPages->judul;

    coba di cek lgi

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s