Pada tutorial kali ini, saya akan memberikan tutorial mengenai dasar penggunaan framework php yaitu CodeIgniter. Saya menggunakan CodeIgniter v 3.0.6 yang dapat di download langsung dari web official CodeIgniter, yaitu https://www.codeigniter.com/
Yang dibutuhkan untuk tutorial kali ini adalah:
1. CodeIgniter 3.0.6
2. Text Editor (Sublime Text 3)
3. XAMPP
Yang pertama kali harus dilakukan yaitu mendownload dan install CodeIgniter 3.0.6 yang disediakan di website officialnya kemudian melakukan extract terhadap hasil download tersebut. Kemudian pindahkan hasil extract tersebut ke htdocs di direktori XAMPP.
Setelah itu, jalankan web server yang terdapat di XAMPP agar bisa menjalankan script PHP tersebut.
Buat contoh "Hello World"
- Buka routes.php yang ada di dalam folder application/config, di dalam folder tersebut terdapat kode seperti ini
$route['default_controller'] = 'welcome';
editlah menjadi seperti berikut
$route['default_controller'] = 'pages'; - Buatlah folder pages.php pada folder application/controllers kemudian buat code seperti berikut
- Buatlah file say_greetings.php di direktori views, kemudian buat code seperti berikut
- Setelah selesai, coba buka halaman baru yang telah kita buat dengan mengetikkan "localhost/CodeIgniter/index/php/pages/greetings" pada URL browser. Apabila berhasil maka browser akan menampilkan function dan view yang baru kita buat.
1: <?php
2: defined('BASEPATH') OR exit('No direct script access allowed');
3: class Pages extends CI_Controller {
4: public function greetings()
5: {
6: $this->load->view('say_greetings');
7: }
8: }
1: <html>
2: <head>
3: <title>Belajar CodeIgniter</title>
4: </head>
5: <body>
6: <a>
7: <h1>
8: HELLO WORLD
9: </h1>
10: </a>
11: </body>
12: </html>
Buat contoh "Phonebook"
- Buka kembali pages.php pada direktori controllers, lalu tambahkan code berikut
function __construct()
{
parent::__construct();
$this->load->model('phonebook');
}
public function index()
{
$data['phone'] = $this->phonebook->view();
$this->load->view('say_greetings');
$this->load->view('table', $data);
}
maka, isi file pages.php akan menjadi seperti berikut:1: <?php 2: defined('BASEPATH') OR exit('No direct script access allowed'); 3: class Pages extends CI_Controller { 4: public function greetings() 5: { 6: $this->load->view('say_greetings'); 7: } 8: function __construct() 9: { 10: parent::__construct(); 11: $this->load->model('phonebook'); 12: } 13: public function index() 14: { 15: $data['phone'] = $this->phonebook->view(); 16: $this->load->view('say_greetings'); 17: $this->load->view('table', $data); 18: } 19: }
- Dari browser, buka localhost/phpmyadmin/ dan buatlah table baru beserta datanya. Contoh:
- Pada direktori views, buatlah file baru yaitu table.php dan buat code seperti di bawah ini
1: <table border="1"> 2: <thead> 3: <tr> 4: <th>Nama</th> 5: <th>Alamat</th> 6: <th>HP</th> 7: <th>Email</th> 8: <th>Kelas</th> 9: </tr> 10: <?php 11: foreach($phone as $row) 12: { 13: ?> 14: <tr> 15: <td><?php echo $row->Nama;?></td> 16: <td><?php echo $row->Alamat;?></td> 17: <td><?php echo $row->HP;?></td> 18: <td><?php echo $row->Email;?></td> 19: <td><?php echo $row->Kelas;?></td> 20: </tr> 21: <?php 22: } 23: ?> 24: </table>
- Pada direktori models, buatlah file baru dengan nama phonebook.php kemudian isi file tersebut dengan code berikut
1: <?php 2: class Phonebook extends CI_Model { 3: function view() 4: { 5: $query = "SELECT * FROM PHONEBOOK"; 6: $hasil = $this->db->query($query); 7: return $hasil->result(); 8: } 9: }
- Pada file autoload.php yang ada di direktori config, terdapat code seperti ini
$autoload['libraries'] = array();
tambahkan code menjadi seperti berikut
$autoload['libraries'] = array('database', 'session'); - Begitu pula dengan file database.php pada direktori config. Isilah code-code berikut
'username' => '', menjadi 'username' => 'root',
'database' => '', menjadi 'database' => 'tutor_ci', (sesuai dengan nama table yang baru dibuat di phpmyadmin). - Setelah selesai, coba jalankan pada browser "localhost/CodeIgniter/", apabila berhasil maka tampilan akan menjadi seperti ini
Komentar
Posting Komentar