Anda di halaman 1dari 10

Code teach you how to think

Show menu
RMF Web Development Tutorial RMF Web Development Tutorial
You are here: Home / 2013 / April / TUTORIAL DASAR CODEIGNITER Part 2 View, Insert, Update, Delete
TUTORIAL DASAR CODEIGNITER Part 2 View, Insert,
Update, Delete
Published on April 12, 2013 by admin | 3 Responses
*Tutorial ini menggunakan codeigniter 2.1.3, jadi mungkin akan terdapat sedikit perbedaan jika anda menggunakan versi
codeigniter yang berbeda. Tutorial ini di-update terakhir pada 21 Feb 2013.
Pada section kali ini kita akan fokus untuk membuat view, insert, update, dan delete pada portal yang sebelumnya telah kita
buat pada tutorial part 1.
Membuat view/read more
Pada part 1 kita telah dapat membuat sebuah portal yang berisikan berita-berita dimana datanya diambil dari database.
Nah, sekarang mari kita membuat agar artikel pada homepage ini tidak tampil seluruhnya dan kita beri tombol read more..
jika user akan melihat berita seluruhnya. Untuk melakukan ini tentunya kita tinggal memberikan sedikit script di
view/tulisan_v.php.
<?=substr(strip_tags($row['isi']),0,200).?>
Maka, tampilannya akan menjadi seperti ini.
TUTORIAL DASAR CODEIGNITER Part 2 View, Insert, Update, Delete | RMF Web Development Tutorial 24/12/2013
http://rifanmfauzi.com/2013/04/tutorial-dasar-codeigniter-part-2-view-insert-update-delete/ 1 / 10
Setelah itu, kita beri tombol readmore dan kita buat halaman untuk masing2 artikel. Buka view/tulisan_v.php. Berikan
hyperlink untuk judul artikel.
<a href=<?=base_url()?>index.php/tulisan_c/tulisan_page/<?=$row['id_tulisan']?>>
base_url() adalah URL dasar (root) dari codeiginiter. tulisan_c/tulisan_page/ menunjukkan bahwa kita akan mengakses kelas
tulisan_c pada controller dan memanggil fungsi tulisan_page. Karena tulisan_page memerlukan sebuah parameter, maka kita
akan menambahkannya di url menjadi. tulisan_page/<?=$row['id_tulisan']?> dimana /<?=$row['id_tulisan'] adalah id_tulisan
yang akan diklik/dilihat. Maka, kini judul setiap artikel menjadi clickable..
Dan, jika di klik akan tampil seperti ini..
Ini disebabkan karena halaman untuk setiap artikel belum kita buat, kita baru membuat alamatnya saja. Nah, mari sekarang
kita membuat halaman untuk setiap artikel.
Pada kelas tulisan_c tambahkan fungsi untuk mengambil 1 tulisan saja.
1. function tulisan_page($id){
2. $data['satutulisan']=$this->tulisan_m->get_1_tulisan($id);
3. $this->load->view(satutulisan_v,$data);
4. }
Setelah itu tambahkan juga fungsi tersebut pada tulisan_m
1. function get_1_tulisan($idtulisan){
2. $this->db->select()->from(tulisan)->where(array(aktif=>1,id_tulisan=>$idtulisan))-
>order_by(waktu,desc);
3. $query=$this->db->get();
4. return $query->first_row(array);
5. }
TUTORIAL DASAR CODEIGNITER Part 2 View, Insert, Update, Delete | RMF Web Development Tutorial 24/12/2013
http://rifanmfauzi.com/2013/04/tutorial-dasar-codeigniter-part-2-view-insert-update-delete/ 2 / 10
Lalu barulah buat viewnya, untuk setiap halaman. Buat view/satutulisan_v.php.
1. <html>
2. <head>
3. <title>Portal Artikel Berita</title>
4. </head>
5. <body>
6. <h1>Portal Artikel Berita</h1>
7. <hr>
8. <?php
9. if (!isset($satutulisan['isi'])){
10. echo Halaman tidak ditemukan;
11. }else{?>
12. <h3><a href=<?=base_url()?>index.php/tulisan_c/tulisan_page/<?=$satutulisan['id_tulisan']?>><?
=$satutulisan['judul']?></a></h3>
13. <p><?=$satutulisan['isi']?></p>
14. <?php
15. }?>
16. </body>
17. </html>
Jika, benar maka sekarang kita dapat melakukan read more untuk setiap artikel dengan meng-klik judul artikelnya.
Namun, disini kita melihat bahwa url untuk setiap page adalah
http://localhost/ci_portal/index.php/tulisan_c/tulisan_page/1. URL ini terlihat kurang cantik, dan kita dapat sedikit
mempercantiknya dengan menghilangkan index.php pada pengaksesan URL. Caranya ialah dengan membuat file
.htaccess pada root folder, pada tutorial ini berarti di folder ci_portal.
1. RewriteEngine On
2. RewriteCond %{REQUEST_FILENAME} !-f
3. RewriteCond %{REQUEST_FILENAME} !-d
4. RewriteRule ^(.*)$ index.php/$1 [L]
5.
6. <Files index.php>
7. AcceptPathInfo On
8. </Files>
Setelah itu kita dapat menikmati URL yang lebih singkat seperti ini..
TUTORIAL DASAR CODEIGNITER Part 2 View, Insert, Update, Delete | RMF Web Development Tutorial 24/12/2013
http://rifanmfauzi.com/2013/04/tutorial-dasar-codeigniter-part-2-view-insert-update-delete/ 3 / 10

Membuat Edit
Pertama, tentu kita harus membuat link untuk mengedit sebuah tulisan. Bukalah view/tulisan_v.php
1. <html>
2. <head>
3. <title>Portal Artikel Berita</title>
4. </head>
5. <body>
6. <h1>Portal Artikel Berita</h1>
7. <hr>
8. <?php
9. if (!isset($tulisan)){
10. echo Tidak ada berita;
11. }else{
12. foreach ($tulisan as $row) {
13. ?>
14. <h3>
15. <a href=<?=base_url()?>tulisan_c/tulisan_page/<?=$row['id_tulisan']?>>
16. <?=$row['judul']?>
17. </a>
18. <a href=<?=base_url()?>tulisan_c/edit_tulisan/<?=$row['id_tulisan']?>>
19. <span style=color:gray>Edit</span>
20. </a>
21. </h3>
22. <p><?=substr(strip_tags($row['isi']),0,200).?></p>
23. <?php
24. }
25. }?>
26. </body>
27. </html>
Jika kita lihat URL untuk melakukan pengeditan (lihat pada source code diatas) ialah tulisan_c/edit_tulisan/ yang berarti
kita harus membuat fungsi edit_tulisan pada controller tulisan_c. Selanjutnya buatlah fungsi untuk mengedit sebuah
TUTORIAL DASAR CODEIGNITER Part 2 View, Insert, Update, Delete | RMF Web Development Tutorial 24/12/2013
http://rifanmfauzi.com/2013/04/tutorial-dasar-codeigniter-part-2-view-insert-update-delete/ 4 / 10
tulisan. Controller/tulisan_c.php
1. function edit_tulisan($id){
2. $data['success']=0;
3. if($_POST){
4. $data_post=array(
5. judul => $_POST['judul'],
6. isi => $_POST['isi'],
7. aktif => $_POST['aktif'],
8. );
9. $this->tulisan_m->update_tulisan($id,$data_post);
10. $data['success']=1;
11. }
12. $data['satutulisan']=$this->tulisan_m->get_1_tulisan($id);
13. $this->load->view(edit_tulisan_v,$data);
14.
15. }
Bisa kita lihat juga, bahwa disana terdapat script $this->tulisan_m->update_tulisan($id,$data_post); yang berarti pada kelas
tulisan_m terdapat fungsi update_tulisan yang berfungsi untuk melakukan update di database. Fungsi update_tulisan
memiliki 2 parameter, yaitu id_tulisan dan data. Id_tulisan digunakan untuk menyeleksi tulisan mana yang akan di-update,
sedangkan data digunakan untuk mengupdate field-field yang ada pada table tulisan. Maka kita akan membuat fungsi itu.
Model/tulisan_m.php.
1. function update_tulisan($idtulisan,$data){
2. $this->db->where(id_tulisan,$idtulisan);
3. $this->db->update(tulisan,$data);
4.
5. }
Terakhir kita tinggal membuat view untuk melakukan pengeditan. Buatlah file baru views/edit_tulisan_v.php.
<html>
<head>
<title>Portal Artikel Berita</title>
</head>
<body>
<h1>Portal Artikel Berita</h1>
<hr>
<?php
TUTORIAL DASAR CODEIGNITER Part 2 View, Insert, Update, Delete | RMF Web Development Tutorial 24/12/2013
http://rifanmfauzi.com/2013/04/tutorial-dasar-codeigniter-part-2-view-insert-update-delete/ 5 / 10
if (!isset($satutulisan['isi'])){
echo Halaman tidak ditemukan;
}else{
if ($success==1){
echo Data berhasil di-update!;
}else{
if ($satutulisan['aktif']==1){
$radio1=checked;
$radio0=";
}else{
$radio0=checked;
$radio1=";
}
?>
<h3>Edit Berita</h3>
<form method=post action=<?=base_url()?>tulisan_c/edit_tulisan/<?=$satutulisan['id_tulisan']?>>
<input name=judul type=text value=<?=$satutulisan['judul']?> size=100><br>
<textarea rows=14 cols=100 name=isi><?=$satutulisan['isi']?></textarea><br>
<input type=radio name=aktif Value=1 <?=$radio1?>>Aktif<br>
<input type=radio name=aktif Value=0 <?=$radio0?>>Non-Aktif<br>
<input type=submit>
</form>
<?php
}
}?>
</body>
</html>

Maka, jika kita mengklik edit, akan tampil seperti ini. Cobalah anda melakukan editing pada judul ataupun isinya, dan tekan
submit. Apakah berhasil?
TUTORIAL DASAR CODEIGNITER Part 2 View, Insert, Update, Delete | RMF Web Development Tutorial 24/12/2013
http://rifanmfauzi.com/2013/04/tutorial-dasar-codeigniter-part-2-view-insert-update-delete/ 6 / 10
Membuat Delete
Tentu hal pertama yang dilakukan ialah membuat link untuk melakukan delete pada sebuah tulisan. Tambahkan link delete
pada view/tulisan_v.php
1. <a href=<?=base_url()?>tulisan_c/hapus_tulisan/<?=$row['id_tulisan']?>>
2. <span style=color:gray>Delete</span>
3. </a>
Selanjutnya buatlah fungsi pada controllernya. Controller/tulisan_c.php
1. function hapus_tulisan($id){
2. $this->tulisan_m->delete_tulisan($id);
3. redirect(base_url()); //untuk kembali ke halaman home
4. }
Dan kita buat juga fungsi pada modelnya. Model/tulisan_m.php
1. function delete_tulisan($idtulisan){
2. $this->db->where(id_tulisan,$idtulisan);
3. $this->db->delete(tulisan);
4. }
Parameter yang digunakan untuk melakukan delete hanyalah cukup id_tulisannya saja. Sehingga kita tinggal membuat fungsi
dengan satu parameter. Dan selanjutnya kita tinggal mencoba apakah fungsi deletenya bekerja dengan baik.

Membuat Insert
Membuat insert hampir sama dengan membuat edit. Jadi silakan dicoba sendiri yaa, biar makin mantep CInya. Hehe..
TUTORIAL DASAR CODEIGNITER Part 2 View, Insert, Update, Delete | RMF Web Development Tutorial 24/12/2013
http://rifanmfauzi.com/2013/04/tutorial-dasar-codeigniter-part-2-view-insert-update-delete/ 7 / 10
TUTORIAL DASAR CODEIGNITER Part 1 TUTORIAL DASAR CODEIGNITER Part 1 Cara men-Submit disabled Input PHP Cara men-Submit disabled Input PHP

Credit
Tutsplus (tutsplus.com)
Related Posts
TUTORIAL DASAR CODEIGNITER Part 1
MVC pada CodeIgniter
CodeIgniterKelebihan dan Kekurangan
Mendapatkan nama hari dari tanggal dengan PHP
Cara men-Submit disabled Input PHP
Looping diantara 2 tanggal (dengan PHP)
Menghilangkan index.php pada URL Yii Framework
Zemanta
Posted in CodeIgniter | Tagged CI, Codeigniter, framework, php, tutorial dasar
3 Responses
Irsaline
June 17, 2013 | Permalink | Reply
Tutorial yang bagus! Terimakasih banyak
tutorial ini menolong saya buat UAS pemograman internet.
keep writing!
rifan muhamad fauzi
June 19, 2013 | Permalink | Reply
makasih brooo
iya pgnnya nulis lagi, tapi lg sibuk bgt euy skg2
TUTORIAL DASAR CODEIGNITER Part 2 View, Insert, Update, Delete | RMF Web Development Tutorial 24/12/2013
http://rifanmfauzi.com/2013/04/tutorial-dasar-codeigniter-part-2-view-insert-update-delete/ 8 / 10
Categories Categories
CodeIgniter
PHP
Yii
ganggang
October 31, 2013 | Permalink | Reply
Makasih kakak
dah 2 hari cari yang kaya gini..
akhirnya nemu.in,,,
Leave a Reply
Connect with:
rifan muhamad fauzi
Tweets
Name *
Email *
Website
Comment
Post Comment Post Comment
TUTORIAL DASAR CODEIGNITER Part 2 View, Insert, Update, Delete | RMF Web Development Tutorial 24/12/2013
http://rifanmfauzi.com/2013/04/tutorial-dasar-codeigniter-part-2-view-insert-update-delete/ 9 / 10
Join Us! Join Us!
Follow my Twitter Follow my Twitter
Tweet Tweet 0
Me (on YM) Me (on YM)
Copyright 2013 Copyright 2013 RMF Web Development Tutorial RMF Web Development Tutorial. . Powered by Powered by WordPress WordPress and and Cakifo Cakifo. .
TUTORIAL DASAR CODEIGNITER Part 2 View, Insert, Update, Delete | RMF Web Development Tutorial 24/12/2013
http://rifanmfauzi.com/2013/04/tutorial-dasar-codeigniter-part-2-view-insert-update-delete/ 10 / 10