daily me----: Belajar dengan CodeIgniter [CI]

Langkah Instalasi

1. Download CodeIgniter di : https://www.codeigniter.com/download
(Saya menggunakan CodeIgniter 3)
2. Extract CodeIgniter-3.0.6 ke dalam folder C:/xampp/htdocs

Langkah Inisiasi untuk membuat "Hello World" dan Tabel Phonebook

1. Buka folder CodeIgniter dengan text editor (saya menggunakan Sublime Text 3), Inisiasi dilakukan dengan membuat kerangka/template web
2. Pada application/controllers ,buatlah file baru dengan nama pages.php yang berisi

<?php
class Pages extends CI_Controller {

        public function view($page = 'home')
        {
        }
}

3. Kemudian, pada application/views buatlah folder baru bernama templates. Lalu di dalam folder template buatlah file baru bernama header.php (file ini berisi header dari web)

<html>
        <head>
                <title>CodeIgniter Tutorial</title>
        </head>
        <body>

                <h1><?php echo $title; ?></h1>

4. Buat juga footer.php di dalam folder templates tadi

 <em>&copy; 2016</em>
        </body>
</html>

5. Lalu, di bagian views buatlah folder baru bernama pages yang nantinya digunakan untuk menyimpan file page-page yang ingin ditampilkan dalam web. Buatlah suatu file di dalamnya, misalnya home.php. Isilah dengan "HELLO WORLD"

6. Kemudian pada bagian routes.php ubah default_controllernya mengarah ke folder pages

$route['default_controller'] = 'pages';
$route['404_override'] = '';
$route['translate_uri_dashes'] = FALSE;

7. Kemudian buatlah database di phpmyadmin untuk membuat web phonebook

8. Kembali lagi ke sublime text 3, pada bagian autoload.php , tambahkan 'database' di dalam array berikut

$autoload['libraries'] = array('database', 'session');

9. Pada database.php, editlah bagian di bawah ini

'hostname' => 'localhost',
 'username' => 'root',
 'password' => '',
 'database' => 'phonebook',

localhost adalah server kita, usernamenya root dan password defaultnya tidak ada. kemudia database adalah nama database kita di phpmyadmin

10. Pada bagian views/pages buatlah file baru di dalamnya misalnya namanya tabel.php yang berisi tabel untuk menampilkan data dari database

<table border="1"> <thead> <tr> <th>Nama</th> <th>Alamat</th> <th>HP</th> <th>Email</th> <th>Kelas</th> </tr> <?php foreach($phone as $row) { ?> <tr> <td><?php echo $row->nama;?></td> <td><?php echo $row->alamat;?></td> <td><?php echo $row->hp;?></td> <td><?php echo $row->email;?></td> <td><?php echo $row->kelas;?></td> </tr> <?php } ?> </table>

11. Untuk bagian query pada back end nya, di bagian models buatlah file baru misal namanya phonebook.php

<?php

class Phonebook extends CI_Model {

 function view()
 {
  $query = "SELECT * FROM MAHASISWA";
  
  $hasil = $this->db->query($query);

  return $hasil->result();
 }
}

12. Kemudian pada bagian controller, buatlah file bernama pages.php yang berfungsi untuk menghubungkan view dengan model

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Pages extends CI_Controller {

 function __construct()
 {
  parent::__construct();
  $this->load->model('phonebook');
 } 
 public function index()
 {
  $data['phone'] = $this->phonebook->view();
  $this->load->view('pages/home');
  $this->load->view('pages/tabel', $data);
 }
}

13.Sebelum selesai mengkoding dan melihat isi halaman web, tambahkan kode ini ke dalam pages.php yang gunanya untuk load halaman web

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Pages extends CI_Controller {

 function __construct()
 {
  parent::__construct();
  $this->load->model('phonebook');
 } 
 public function index()
 {
  $data['phone'] = $this->phonebook->view();
  $this->load->view('pages/home');
  $this->load->view('pages/tabel', $data);
 }
}

14.Kemudian tes untuk membuka isi web yang sudah kita buat.

daily me----

Thursday, April 7, 2016

Belajar dengan CodeIgniter [CI]

No comments:

Post a Comment

Fractal Tree

Report Abuse