Langkah - Langkah Instalasi:
1. Download CodeIgniter 3.0 di https://www.codeigniter.com/download2. Extract filenya
3. Masukkan hasil extract ke dalam folder C://xampp/htdocs
Langkah Inisiasi Awal Code Igniter:
1. Ubah base_url pada file application/config/config.php di folder codeigniter anda menjadi lokasi folder anda
2. Buka file dalam application/config/database.php di folder codeigniter dan ubah menjadi di bawah
$db['default'] = array(
'dsn' => '',
'hostname' => 'localhost', //BIARKAN BILA MEMANG ADA DI LOCALHOST
'username' => 'root', //MASUKKAN USER PADA PHPMYADMIN ANDA
'password' => '', //MASUKKAN PASSWORD USER BILA ADA
'database' => 'ci_test', //MASUKKAN NAMA DATABASE ANDA
'dbdriver' => 'mysqli', //MASUKKAN JENIS SOFTWARE DATABASE ANDA
'dbprefix' => '',
'pconnect' => FALSE,
'db_debug' => (ENVIRONMENT !== 'production'),
'cache_on' => FALSE,
'cachedir' => '',
'char_set' => 'utf8',
'dbcollat' => 'utf8_general_ci',
'swap_pre' => '',
'encrypt' => FALSE,
'compress' => FALSE,
'stricton' => FALSE,
'failover' => array(),
'save_queries' => TRUE
);
Membuat Hello World
1. Buat file view pada folder view dengan nama hello_world.php
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Welcome codeig</title>
<style type="text/css">
::selection { background-color: #E13300; color: white; }
::-moz-selection { background-color: #E13300; color: white; }
body {
background-color: #fff;
margin: 40px;
font: 13px/20px normal Helvetica, Arial, sans-serif;
color: #4F5155;
}
a {
color: #003399;
background-color: transparent;
font-weight: normal;
}
h1 {
color: #444;
background-color: transparent;
border-bottom: 1px solid #D0D0D0;
font-size: 19px;
font-weight: normal;
margin: 0 0 14px 0;
padding: 14px 15px 10px 15px;
}
code {
font-family: Consolas, Monaco, Courier New, Courier, monospace;
font-size: 12px;
background-color: #f9f9f9;
border: 1px solid #D0D0D0;
color: #002166;
display: block;
margin: 14px 0 14px 0;
padding: 12px 10px 12px 10px;
}
#body {
margin: 0 15px 0 15px;
}
p.footer {
text-align: right;
font-size: 11px;
border-top: 1px solid #D0D0D0;
line-height: 32px;
padding: 0 10px 0 10px;
margin: 20px 0 0 0;
}
#container {
margin: 10px;
border: 1px solid #D0D0D0;
box-shadow: 0 0 8px #D0D0D0;
}
</style>
</head>
<body>
<div id="container">
<h1>Hello World</h1>
<p>Welcome to my very own Welcome Page!!</p>
<p class="footer">Page rendered in <strong>{elapsed_time}</strong> seconds. <?php echo (ENVIRONMENT === 'development') ? 'CodeIgniter Version <strong>' . CI_VERSION . '</strong>' : '' ?></p>
</div>
</body>
</html>
2. Masukkan kode berikut pada file controller public function index()
{
$this->load->view('hello_world');
}
3. Coba di web browser akan muncul tampilan begini
Membuat PhoneBook dari Database
1. Membuat file Controller pada folder controller dengan nama tampil.php
<?php
class Tampil extends CI_Controller{
function __construct(){
parent::__construct();
$this->load->helper(array('url', 'form'));
$this->load->model('m_tampil');
}
function lihat(){
$data['data_buku'] = $this->m_tampil->m_lihat();
$this->load->view('v_lihat', $data);
}
}
?>
2. Buat file Model pada folder model dengan nama m_tampil.php dengan 'phonebook' sebagai nama tabel yang telah kita buat pada phpmyadmin
<?php
class M_tampil extends CI_Model{
function __construct(){
parent::__construct();
$this->load->database();
}
function m_lihat(){
$lihat = $this->db->get('phonebook');
return $lihat->result();
}
}
?>
3. Buat file Viewnya pada folder view dengan nama v_lihat.php
<!DOCTYPE html>
<html>
<head>
<title>PhoneBook</title>
</head>
<body>
<h1>My Phonebook</h1>
<table border="1">
<tr>
<th>Nama</th>
<th>Alamat</th>
<th>Email</th>
<th>HP</th>
<th>Kelas</th>
</tr>
<?php foreach ($data_buku as $lihat){
?>
<tr>
<td><?php echo $lihat->Nama; ?></td>
<td><?php echo $lihat->Alamat; ?></td>
<td><?php echo $lihat->Email; ?></td>
<td><?php echo $lihat->HP; ?></td>
<td><?php echo $lihat->Kelas; ?></td>
</tr>
<?php
}
?>
</table>
</body>
</html>
4.Coba cek dan akan muncul seperti ini
Terima Kasih Wassalam.. :D
Tidak ada komentar:
Posting Komentar