Kamis, 09 Desember 2021

MEMBUAT CRUD DENGAN CODEIGNITER #2 Tambah

 Assalamualaikum Wr, Wb

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

Studi Kasus Iput 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 terkabul, Aminn

Melanjutkan dari part kemarin kita akan modif file controller dan view untuk kasus input data dan akan membuat file baru dengan nama tambah_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
Langkah Langkah

1. Buka file  siswa_view.php kemudian tambahkan kode seperti di bawah ini, kegunaanya untuk memanggil     file tambah data 

<a href="<?=base_url('siswa/tambah');?>">Tambah</a><br>
    

2. Kita buka file Controller Siswa.php kemudian tambahkan kode seperti di bawah ini

<?php defined('BASEPATH') OR exit('No direct script access allowed');

class Siswa extends CI_Controller 
{
    public function index()
    {
        // ini code yang harusnya ada di file model_controller
        $data['query'] = $this->db->query('SELECT * FROM tb_siswa')->result();
        $this->load->view('siswa_view',$data);
    }

    // function untuk tambah
    public function tambah()
    {
        // ini kode untuk memanggil file view tambah_view.php
        $this->load->view('tambah_view');
    }

  
}

?>

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


<!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>Lulusanskom</title>
</head>
<body>
        <h2> Tambah Data</h2><br>
        <form action="<?= base_url('siswa/simpan')?>" method="post">
           <table>
               <tr>
                   <td>Nama</td>
                   <td>:</td>
                   <td><input type="text" name="nama" placeholder="Nama Siswa"></td>
               </tr>
               <tr>
                   <td>Jenis Kelamin</td>
                   <td>:</td>
                   <td><select name="jk" >
                       <option value="">-Pilih Jenis Kelamin --</option>
                       <option value="Laki-Laki">Laki Laki</option>
                       <option value="Perempuan">Perempuan</option>
                   </select></td>
               </tr>
               <tr>
                   <td>Alamat</td>
                   <td>:</td>
                   <td><textarea name="alamat"  cols="16" rows="3" placeholder="Alamat"></textarea></td>
               </tr>
               <tr>
                   <td>Tgl Input</td>
                   <td>:</td>
                   <td><input type="date" name="tgl"></td>
               </tr>

               <tr>
                   <td></td>
                   <td></td>
                   <td><input type="submit" value="Simpan"></td>
               </tr>

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

3. Buka browser temen temen, kemudian klik button tambah, halaman akan pindah ke form Tambah data siswa yang barusan kita buat tampilanya seperti ini, isiskan data seperti nama jenis kelamin, alamat dan tanggal input 

4. Membuat proses simpan ke dalam database  Perhatikan kode ini
 <form action="<?= base_url('siswa/simpan')?>" method="post">

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

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

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

        $this->db->insert('tb_siswa',$data);
        redirect('siswa/index');
    }

Penjelasan sedikit
kita membuat variabel untuk menampung value dari form tambah 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 kayak gini

<input type="text" name="nama" placeholder="Nama Siswa">
Coba jalankan di webrowser dan uji coba tambah data jika berhasil secara otomatis data sudah tersimpan di database

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

Tidak ada komentar:
Tulis komentar

Kategori