Rabu, 08 Desember 2021

Membuat CRUD dengan Codeigniter #1 TAMPIL

 Assalamualaikum Wr, Wb

Postingan kali ini akan membuat CRUD mengunakkan framework Codeigniter dan Mysqli 

Studi Kasus Menampilkan Data Siswa

Intro Dulu ya gaess
Sebelum masuk ke tutorialnya alangkah baiknya kita mengerti pengertian dari masing-masing kata diatas.
Apa itu CRUD?

CRUD adalah singkatan dari CREATE, READ, UPDATE, DELETE. Itu semua merupakan hal yang penting dan selalu ada dalam aplikasi apapun. Misalkan aplikasi data mahasiswa atau aplikasi data-data lainnya. Tentu aplikasi tersebut membutuhkan CRUD didalamnya.

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 folder codeigniter hasil download kemudian pindah kedalam folder xampp/htdocs/nama_folder, jika dibuka di visual studio code tampilanya kurang lebih seperti gambar dibawah ini


  1. Buka phpmyadmin untuk membuat database ketik di browser localhost/phpmyadmin
  2. Buat database baru db_crud
  3. Kemudian buat table tb_siswa dengan struktur tabel seperti dibawah ini
  4.   CREATE TABLE `tb_siswa` (
          `id_siswa` int(11) NOT NULL,
          `nama` varchar(100) NOT NULL,
          `jenis_kelamin` enum('Laki-Laki','Perempuan') NOT NULL,
          `alamat` varchar(150) NOT NULL,
          `created_at` datetime NOT NULL
        ) ENGINE=InnoDB DEFAULT CHARSET=latin1;
  5. Buka browser ketik localhost/nama_folde sesuai nama folder temen2
  6. Jika tampilan dibrowser temen2 seperti gambar dibawah ini itu tandanya framework codeigniter siap untuk digunakan
  7. Buka browser ketik localhost/nama_folde sesuai nama folder temen2
  8. Jika tampilan dibrowser temen2 seperti gambar dibawah ini itu tandanya framework codeigniter siap untuk digunakan


  9. Seting configurasi koneksi, tempat file koneksi ada di folder appllication/config/database.php kurang lebih seperti gambar dibawah


  10. Langkah selanjutnya buat file controller dan file view kurang lebihnya seperti dibawah ini:
          - File Controller Siswa.php
          File View siswa_view.php

File Controller

<?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);
    }

  
}

?>

File view siswa_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>Lulusanskom</title>
</head>
<body>
    <center>
    <a href="<?=base_url('siswa/tambah');?>">Tambah</a><br>
    <h2>List Data</h2>
    <table width="50%" cellspacing="" border="1px solid">
        <tr>
            <th>No</th>
            <th>Nama</th>
            <th>Jenis Kelamin</th>
            <th>Alamat</th>
            <th>Tanggal</th>
        </tr>
        <tbody>
        <?php $no=1; foreach ($query as $row):?>
            <tr>
                <td><?=$no++?></td>
                <td><?=$row->nama?></td>
                <td><?=$row->jenis_kelamin?></td>
                <td><?=$row->alamat?></td>
                <td><?=$row->created_at?></td>
            </tr>
        <?php endforeach; ?>
        </tbody>
    </table>
    </center>
</body>
</html>

Penjelasan Sedikit ya

File Controller
untuk kasus ini tidak menggunakan model_controller, seperti semboyanya si CI yaitu Model View Controller (MVC), pemanggilan tabel siswa di deklarasikan di file Controller, lihat file Controller, jadi lebih simpel

File view_siswa
untuk file view kita panggil varibel query yang memanggil tb_siswa kemudian kita mneggunakan foreach untuk menampilkan semua data


Oke kita sudah bisa menampilkan data dari database, selanjutnya kita akan membuat tambah data dari seri tutorial ini dan semoga bermangfaat 🙏🏻

Tidak ada komentar:
Tulis komentar

Kategori