Rabu, 15 Desember 2021

MEMBUAT CRUD DENGAN CODEIGNITER #3 EDIT

 Assalamualaikum Wr, Wb

Postingan kali ini akan melanjutkan proses membuat CRUD mengunakkan framework Codeigniter dan Mysqli, kemarin di part#2 sudah kita bahas tentang bagaimana cara membuat file controller dan view, dan juga dibahas bagaimana menampilkan data ke dalama tabel kemudian kita juga sudah bisa menambahkan data ke dalam database, yap kali ini kita akan membahas bagaimana sih cara mengedit  data siswa di codeigniter, penasaran  oke langsung saja.

Studi Kasus Edit Data Siswa

Intro Dulu ya gaes

Semoga semua dalam keadaan yang baik baik semua, yang sakit segera disembuhkan, yang belum kerja segera dapat kerja, yang punya hajat dari A sampi Z semoga segera terkabulkan, Aminn Amin Ya Robbalalamin. Melanjutkan dari part kemarin sesuai judul edit data,  kita akan modif file controller dan view untuk kasus edit data dan akan membuat file baru dengan nama edit_view.php


Persiapan Membuat CRUD
  1. Download Framework Codeigniter Versi 3 
  2. Laptop Sudah terintal server contoh, xampp Pilih sesuai dengan os temen temen
  3. Editor untuk menulis code saya menggunakan Visual Studio Code
  4. Sudah Mengikuti tutorial Part1 dan Part2 
Langkah Langkah

1. Buka file  siswa_view.php kemudian tambahkan kode seperti di bawah ini, kegunaanya untuk memanggil     file edit_view.php
 
<th>Aksi</th>
<td><a href="<?= base_url('siswa/tampil_edit/'.$row->id_siswa)?>">Edit</a></td>

2. Membuat file edit_view.php di folder view, kopi kode di bawah ini, ke file edit_view.php

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Edit Lulusanskom</title>
</head>
<body><center>
        <h2> Edit Data</h2><br>
        <form action="<?= base_url('siswa/edit/'.$edit->id_siswa)?>" method="post">
           <table>
               <tr>
                   <td>Nama</td>
                   <td>:</td>
                   <td><input type="text" name="nama" placeholder="Nama Siswa" value="<?=$edit->nama?>" ></td>
               </tr>
               <tr>
                   <td>Jenis Kelamin</td>
                   <td>:</td>
                   <td>
                       <select name="jeniskelamin">
                            <option value="">-Pilih Jenis Kelamin --</option>
                            <option value="Laki-Laki" <?php if($edit->jenis_kelamin == 'Laki-Laki') echo 'selected'; ?>>Laki Laki</option>
                            <option value="Perempuan" <?php if($edit->jenis_kelamin == 'Perempuan') echo 'selected'; ?>>Perempuan</option>
                       </select>
                    </td>
               </tr>
               <tr>
                   <td>Alamat</td>
                   <td>:</td>
                   <td><textarea name="alamat"  cols="16" rows="3" placeholder="Alamat" ><?=$edit->nama?></textarea></td>
               </tr>
               <tr>
                   <td>Tgl Input</td>
                   <td>:</td>
                   <td><input type="date" name="tgl" value="<?=$edit->created_at?>"></td>
               </tr>

               <tr>
                   <td></td>
                   <td></td>
                   <td>
                       <input type="submit" name="simpan" value="Simpan">
                       <a href="<?=base_url('siswa/index');?>"><input type="button" value=Kembali></a>
                   </td>
               </tr>

           </table>
        </form></center>
</body>
</html>


3. Kita buka File Controller Siswa.php kemudian tambahkan function kode seperti di bawah ini untuk memanggil file edit_view dan membuat query untuk menampilkan data siswa berdasarkan id yang akan di edit:

 
public function tampil_edit($id = '')
    {
        $data['edit'] = $this->db->query("SELECT * FROM tb_siswa  WHERE id_siswa='$id' ")->row();
        $this->load->view('edit_view', $data);
    }


4. Buka browser temen temen, kemudian klik button Edit, halaman akan pindah ke form Edit data siswa yang barusan kita buat tampilanya seperti ini.

5. Membuat proses simpan edit ke dalam database  Perhatikan kode ini yang ada di form edit_view.php


<form action="<?= base_url('siswa/edit/'.$edit->id_siswa)?>" method="post">

ini artinya proses edit data di arahkan di controller siswa dengan fungsi edit, jadi kita buat dulu function nya kita modif file controller siswa, tambahkan baris kode ini:

 public function edit($id = '')
    {
    
        $nama   = $this->input->post('nama');
        $jk     = $this->input->post('jeniskelamin');
        $alt    = $this->input->post('alamat');
        $tgl    = $this->input->post('tgl');

        $data = array(
            'nama' => $nama,
            'jenis_kelamin' => $jk,
            'alamat' => $alt,
            'created_at' => $tgl
        );

        $this->db->where('id_siswa',$id);
        $this->db->update('tb_siswa',$data);
        redirect('siswa/index');
    }

Penjelasan sedikit

kita membuat variabel untuk menampung value dari form edit data, seperti variabel $nama menampung value nama dari form tambah data, perlu di ingat $this->input->post('nama') nama di sesuaikan dengan name yang ada di file tambah_siswa.php, ini codenya hampir sama dengan proses simpan data bedanya di sini kita menggunakan where berdasarkan id_siswa  kemudian dengan merubah query insert dengan update, yang paling penting adalah sesuaikan variabel yang dikirim dari file edit_siswa.php dengan file controller edit jika variabel yang dikirm ke controller adalah id_siswa, berarti di controller kita menggunakan where berdasarkan id_siswa, jadi harus sama, udah di kasih warna yang mesti sama

Coba jalankan di webrowser dan uji coba edit data jika berhasil secara otomatis data sudah tersimpan di database

Oke kita sudah bisa menambah dan edit data ke database, selanjutnya kita akan membuat delete data dari seri tutorial ini dan semoga bermangfaat 🙏🏻



Tidak ada komentar:
Tulis komentar

Kategori