Assalamu’alaikum..
Dalam
pembahasan Praktikum Lab TI PWeb Ke 5,
kali ini saya ingin membahas tentang Cara
Membuat Database Di CodeIgniter Menggunakan Php/MySQL. Membuat database nya
memerlukan beberapa perintah dalam CI nya. Oke deh langsung saja ya disimak.
1. Harus mempunyai CodeIgniter 2.2.0 nya terlebih dahulu.
Setelah itu letakkan di Xampp – htdocs, dan rename folder tersebut dengan nama
CI. Seperti gambar dibawah.
2. Sekarang buka browser untuk
mengecek apakah sudah terkoneksi dengan CI nya atau belum. Disini saya memakai
browser Mozilla Firefox. Jika berhasil
akan menampilkan gambar dibawah. Jangan lupa untuk menyalakan XAMPP Control Panel nya – klik start “Apache” dan “MySQL”.
3. Kembali lagi pada folder CI,
pada folder CI tambahkan folder dengan nama assets, function, dan views. Seperti gambar dibawah.
4. Sekarang
buka folder views yang ada pada folder CI. Cut semua yang ada di folder views tersebut dan paste pada folder
application – views. Akan menampilkan gambar dibawah.
5. Buka notepad++, copy paste
script dibawah ini – save as dengan nama model_blog.php, dan letakkan di folder
CI – application – models.
Seperti gambar dibawah.
6. Lalu kembali lagi pada
browser. Ketik pada kotak url http://localhost/phpmyadmin.
Untuk masuk ke dalam admin dan membuat
database. Seperti gambar dibawah.
7. Lalu klik databases. Setelah itu pada “Create new databases” pada kolom nya
ketik blog, jika sudah klik create. Nanti akan muncul database “blog” disebelah kiri layar. Seperti
gambar dibawah.
NB : Jika dalam database
blog sudah terdapat table. Maka cara
untuk menghapusnya klik database blog
– klik table tulisan – centang semua
yang terdapat di table tulisan –
lalu klik Drop. Seperti gambar
dibawah.
Jika berhasil terhapus akan
seperti gambar dibawah.
8. Untuk membuatnya kembali pada
kolom Name “Create new table….”
Ketik “tulisan” tanpa tanda petik,
isikan Number of field : 4. Setelah
selesai klik Go. Seperti gambar
diatas. Jika memang telah berhasil akan terdapat table tulisan disebelah kiri
layar.
9. Lalu klik pada table tulisan
dan isikan field-field nya seperti gambar dibawah.
Jangan lupa geser kekanan, pada field id, centang pada A_I.
Jika
sudah klik save. Lalu akan muncul
tampilan dibawah ini untuk mengisikan masing-masing dari field nya (kita hanya
mengisikan 1 row saja). Saya contohkan seperti gambar dibawah. Jika sudah
selesai mengisinya. Klik “Save”.
Jika telah berhasil akan seperti
gambar dibawah.
10. Oke kembali lagi pada folder
CI nya. Buka folde CI – application – config – lalu cari file autoload.php
dan config.php. jika sudah ketemu
buka terlebih dahulu autoload.php
menggunakan notepad++
13. Pada notepad++ buka lembar
kerja baru (ctrl+n), lalu save as dengan nama admin.php, letakkan di folder CI
– application – controllers. Seperti gambar dibawah.
Setelah
tersimpan, ketik atau copy paste perintah dibawah ini, perintah dibawah untuk
mendeklarasikan semua agar tampil di browser.
<?PHP
class
admin extends CI_Controller{
function
index(){
$data['tulisan']=$this->model_blog->get_tulisan()->result();
$this->load->view('awal',$data);
}
}
?>
14. Lalu buka browser kembali,
pada kotak url browser ketik : http://localhost/CI/index.php/admin,
maka akan menampilkan seperti gambar dibawah. Jika sobat klik tombol “tulis baru” maka tombol tersebut belum
bisa, karna pada tombol tersebut belum didiklarasikan.
15. Untuk mendeklarasikan tombol
“tulis baru”, tambahkan perintah
dibawah ini pada file admin.php.
<?PHP
class
admin extends CI_Controller{
function
index(){
$data['tulisan']=$this->model_blog->get_tulisan()->result();
$this->load->view('awal',$data);
}
function
insert(){
$this->load->view('tulis_baru');
}
}
?>
Sekarang
refresh di browser link yang tadi dan klik kembali “tulis baru”. Maka akan
menampilkan gambar dibawah.
16. Coba sobat isi sesuai dengan
kolomnya lalu jika sudah klik “Submit”,
apa yang terjadi ? pasti ada tulisan “Error”,
kenapa error ? karna pada tombol sumbit belum dideklarasikan, sehingga jika di
klik submit tidak ada yang harus dieksekusi. Sekarang buka proses_insert.txt yang berada di folder CI – function – copast isinya ke admin.php hingga
menjadi :
<?PHP
class
admin extends CI_Controller{
function
index(){
$data['tulisan']=$this->model_blog->get_tulisan()->result();
$this->load->view('awal',$data);
}
function
insert(){
$this->load->view('tulis_baru');
}
function
proses_insert()
{
$data
= array('judul' => $this->input->post('judul') ,
'penulis'
=> $this->input->post('penulis') ,
'tulisan'
=> $this->input->post('tulisan')
);
$this->model_blog->insert_tulisan($data);
echo
'<script language="javascript">';
echo
'window.location.assign("http://localhost/CI/index.php/admin")';
echo
'</script>';
}
}
?>
17. Jika telah berhasil, ketika
sobat submit akan otomatis langsung bertambah seperti gambar dibawah. Coba
sobat klik update dan delete, apakah bisa ? belum. Lagi lagi
belum dideklarasikan.
Untuk
mendeklarasikannya ketik atau copy paste :
<?PHP
class
admin extends CI_Controller{
function
index(){
$data['tulisan']=$this->model_blog->get_tulisan()->result();
$this->load->view('awal',$data);
}
function
insert(){
$this->load->view('tulis_baru');
}
function
proses_insert()
{
$data
= array('judul' => $this->input->post('judul') ,
'penulis'
=> $this->input->post('penulis') ,
'tulisan'
=> $this->input->post('tulisan')
);
$this->model_blog->insert_tulisan($data);
echo
'<script language="javascript">';
echo
'window.location.assign("http://localhost/CI/index.php/admin")';
echo
'</script>';
}
function
update($id)
{
$data
['tulisan']=$this->model_blog->get_detail_tulisan($id)->row();
$this->load->view('update',
$data);
}
function
proses_update()
{
$id['id']
= $this->input->post('id');
$data
= array( 'judul' =>
$this->input->post('judul') ,
'penulis'
=> $this->input->post('penulis'),
'tulisan'
=> $this->input->post('tulisan'),
);
$this->model_blog->update_tulisan($data,$id);
echo
'<script language="javascript">';
echo
'window.location.assign("http://localhost/CI/index.php/admin")';
echo
'</script>';
}
function delete ($id){
$this->model_blog->delete_tulisan($id);
echo
'<script language="javascript">';
echo
'window.location.assign("http://localhost/CI/index.php/admin")';
echo
'</script>';
}
}
?>
18. Sekarang kita panggil blog
yang tadi telah dibuat, caranya buat lembar kerja baru pada notepad++, save as
dengan nama blog.php, dan letakkan
di CI – application – controllers.
Seperti gambar dibawah.
Setelah
tersimpan, ketik atau copy paste perintah dibawah ini, perintah dibawah untuk
menampilkan blog yang telah dibuat, dengan database yang tadi telah dibuat
semuanya diatas.
<?PHP
class
blog extends CI_Controller{
function
index(){
$data['tulisan']=$this->model_blog->get_tulisan()->result();
$this->load->view('home',$data);
}
}
?>
19. Coba sekarang buka browser,
ketik pada kotak link http://localhost/CI/index.php/blog
. maka blognya akan tampil seperti gambar dibawah.
TAMBAHAN : untuk
mengganti nama “Tulisan Anda” yang
berada pada tampilan admin, caranya buka folder CI – application – views – buka awal.php menggunakan notepad++
- lalu ganti menjadi seperti :
Jika sudah simpan. Lihat kembali
di browser, jika berhasil akan menampilkan gambar :
Mungkin
itu saja pembahasan kali ini. Mohon maaf apabila ada kata yang salah dan kurang
berkenan. Semoga bermanfaat. Terima kasih. ^^
Wassalamu’alaikum..
Download CodeIgniter dari
Website Resminya : Disini
Download File LA 5 PWeb
Lengkapnya : Disini
