tutorial dasar codeigniter – part 2 “view, insert, update, d
DESCRIPTION
cara penggunaan code igniterTRANSCRIPT
Code teach you how to think
Show menu
RMF Web Development TutorialRMF 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
CodeIgniter–Kelebihan 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
IrsalineJune 17, 2013 | Permalink | Reply
Tutorial yang bagus! Terimakasih banyak…
tutorial ini menolong saya buat UAS pemograman internet.
keep writing!
rifan muhamad fauziJune 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
CategoriesCategories
CodeIgniter
PHP
Yii
ganggangOctober 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 CommentPost 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 TwitterFollow my Twitter
TweetTweet 0
Me (on YM)Me (on YM)
Copyright © 2013 Copyright © 2013 RMF Web Development TutorialRMF Web Development Tutorial.. Powered by Powered by WordPressWordPress and and CakifoCakifo..
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