Web Design Bali, Website UKM murah
| Simple Phone Book #4 Menampilkan seluruh data kontak |
| Written by Eka Putra |
| Friday, 30 October 2009 20:00 |
|
Setelah pada seri sebelumnya kita telah melakukkan berbagai persiapan dan konfigurasi terhadap CodeIgniter, sekarang kita akan mulai membuat Phone Book ini menampilkan seluruh data dari kontak dalam bentuk list atau daftar. Selanjutnya kita sebut saja List View.
INSERT INTO `phdata` (`id`, `name`, `phone`, `address`, `additional_desc`) VALUES
('', 'Agus', '0361 568 985', 'Gianyar, Bali', 'Web Designer'),
('', 'Budi', '021 958 5589', 'DKI Jakarta', 'System Programmer'),
('', 'Made Gede', '0361 589 4786', 'Denpasar, bali', 'Service Komputer panggilan'),
('', 'Putu Putra', '0361 310 6985', 'Ubud, Bali', 'Cuma contoh doank..');Setelah database kita terisi dengan data kontak, sekarang saatnya kita membuat fasilitas List View di aplikasi Phone Book kita. LANGKAH 2 : MEMBUAT MODEL Seperti yang kita sudah ketahui, bahwa aplikasi ini hanya memerlukan sebuah file pada direktori models yang kita beri nama phone_model.php. Langsung saja buat file phone_model.php pada direktori system/application/models, dan isi dengan baris kode berikut ini :
<?php
class Phone_model extends Model{
function Phone_model(){
parent::Model();
}
function get_all()
{
$query = $this->db->query('select * from phdata order by id');
return $query->result();
}
}
?>Pada phone_model.php diatas pada intinya kita membuat sebuah class baru yang merupakan perpanjangan dari class Model yang ditandai dengan keyword Extends. Didalamnya kita membuat dua buah function yaitu Phone_model dan get_all, Phone_model berfungsi sebagai class constructor sedangkan get_all berfungsi untuk mengambil data yang ada pada database supaya siap di berikan ke Controller. LANGKAH 3 : MEMBUAT CONTROLLER Ok, sekarang buatlah file phone.php pada direktori system/application/controllers, dan isi dengan baris kode di bawah ini:
<?php
class Phone extends Controller{
function Phone(){
parent::Controller();
$this->load->model('phone_model');
$this->load->helper('url');
$this->load->helper('form');
}
function index(){
$this->show_all();
}
function show_all(){
$data['querys']=$this->phone_model->get_all();
$this->load->view('showall',$data);
}
}
?>Pada phone.php diatas, dimana merupakan sebuah controller yang berfungsi untuk mengatur logika jalannya aplikasi kita. Di dalamnya kita membuat sebuah Class yang bernama Phone. Di dalam Class Phone ini kita membuat tiga buah Function yaitu Phone, index dan show_all. Function Phone berfungsi sebagai constructor Class sekaligus tempat kita mendeklarasikan Model, Helper ataupun Library yang akan selalu di panggil ketika Controller Phone ini berjalan. Untuk sintak pemanggilan dan nama-nama parameternya silahkan baca pada user guidenya CodeIgniter. Namun yang perlu dicatat, pada Function Phone diatas kita juga memanggil Model yang barusan kita buat yaitu phone_model, hal ini harus supaya kita dapat mempergunakan fungsi-fungsi di dalamnya. Function index merupakan sebuah fungsi yang secara default akan dijalankan ketika kita memanggil controller. Seperti diatas, pada function Index saya mengarahkan supaya pada saat controller ini dipanggil maka CodeIgniter akan langsung menjalankan fungsi show_all. Function show_all disini berfungsi untuk mengambil data yang sudah disiapkan oleh phone_model dengan function get_all nya dan memberikannya kepada Views showall(sebentar lagi akan kita buat). LANGKAH 4 : MEMBUAT VIEWS Sekarang kita akan membuat sebuah View, dimana bertugas menampilkan data-data kontak kita ke browser kita berinama showall. Langsung saja buat file showall.php pada direktori system/application/views, dan isi dengan kode berikut ini :
<html>
<head>
<title>Web Phone Book 1.0 by Pande Putu Eka Putra</title>
</head>
<body>
<h1>Contact Listing:</h1>
<table cellpadding="5" cellspacing="1" border="1">
<tr>
<th>ID</th><th>Name</th><th>Phone Number</th><th>Address</th><th>Additional Descriptions</th><th>Action</th>
</tr>
<?php foreach($querys as $rows){?>
<tr>
<td><?php echo $rows->id;?></td>
<td><?php echo $rows->name;?></td>
<td><?php echo $rows->phone;?></td>
<td><?php echo $rows->address;?></td>
<td><?php echo $rows->additional_desc;?></td>
</tr>
<?php }?>
</table>
</body>
</html>Di dalam showall.php diatas pada intinya terdapat sebuah Loop yang berfungsi untuk membaca baris-demi baris data kontak yang dilewatkan Controller kepada View Showall ini. LANGKAH 5 : TESTING… TESTING.. Setelah semua file diatas siap, maka sekarang saatnya kita menguji apakah fasilitas list view ini dapat berjalan sesuai dengan yang kita harapkan. Pada address bar di web browser anda ketikkan http://localhost/phbook, dan lihat apa yang terjadi. Dan UPSS… yang terjadi malah muncul pesan seperti ini : 404 Page Not Found The page you requested was not found. Apakah gerangan yang terjadi?, hal ini terjadi karena saat terakhir kali kita menghapus file welcome.php pada direktori Controllers kita juga lupa merubah setingan pada file routes.php pada direktori system/application/config. File routes.php ini berfungsi untuk menentukan controller mana yang akan dijalankan secara default ketika kita hanya mengetikkan base url saja pada address bar. Jadi seharusnya yang dijalankan secara default adalah Controller Phone (phone.php) kita, namun pada kenyataannya yang dijalankan CodeIgniter adalah Controller Welcome (welcome.php), dan tentu saja CodeIgniter tidak menemukannya karena kita sudah mengapusnya. Untuk mengatasi hal ini, langsung saja buka routes.php pada direktori system/application/config dan ganti baris ini :
$route['default_controller'] = "welcome";Dan gantilah dengan menjadi seperti ini :
$route['default_controller'] = "phone";Setelah itu simpan kembali routes.php, dan untuk mencobanya silahkan refresh web browser anda maka hasilnya akan seperti ini :
Comments (18)
Powered by !JoomlaComment 4.0 beta2
|
SHARE IT
KATEGORI
POSTING TERBARU
- Simple Phone Book #4 Menampilkan seluruh data kontak
- Simple Phone Book #3 Konfigurasi Database
- Simple Phone Book #2 Persiapan dan Konfigurasi
- Simple Phone Book dengan CodeIgniter
- Manambahkan Tag H1 pada judul artikel di Joomla 1.5
- Instalasi CodeIgniter PHP Framework
- Pengenalan CodeIgniter PHP Framework
- Membuat Read More otomatis pada Joomla
- Membuat Favicon/Icon file dengan Photoshop




