Tugas 7 PBKK - Create dan Read Menggunakan Codeigniter

Pada post kali ini, kita akan membuat web yang menerapkan fungsi Create dan Read menggunakan Codeigniter 3.

Pertama, ada dua hal yang perlu dipersiapkan

1. Download dan install XAMPP disini
2. Download codeigniter disini


1. Buat database dengan nama pbkk_crud
2. Selanjutnya, buat tabel users dengan struktur seperti berikut
3. Setelah membuat tabel pada database. Ubah config pada database.php agar aplikasi bisa terhubung dengan database yang sudah dibuat sebelumnya
4. Buat controller

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<?php
defined('BASEPATH') or exit('No direct script access allowed');

class Home extends CI_Controller
{

    public function index()
    {
        $data['users'] = $this->db->get('users')->result();

        $this->load->view('layout/header');
        $this->load->view('home', $data);
        $this->load->view('layout/footer');
    }

    public function create()
    {
        if ($this->input->server('REQUEST_METHOD') === 'POST') {
            $data = $this->input->post();

            $this->db->insert('users', $data);

            redirect('home');
        } else {
            $this->load->view('layout/header');
            $this->load->view('create');
            $this->load->view('layout/footer');
        }
    }
}

5. Buat view

home.php

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<div class="container py-5">
    <div class="d-flex align-items-center justify-content-between">
        <h1 class="fw-bold">Daftar</h1>
        <a href="<?= base_url('home/create') ?>" class="btn btn-primary">Tambah</a>
    </div>
    <table class="table mt-5">
        <thead>
            <tr>
                <th scope="col">#</th>
                <th scope="col">Nama</th>
                <th scope="col">Kota</th>
            </tr>
        </thead>
        <tbody>
            <?php foreach ($users as $user) { ?>
                <tr>
                    <th scope="row">-</th>
                    <td><?= $user->nama ?></td>
                    <td><?= $user->kota ?></td>
                </tr>
            <?php } ?>
        </tbody>
    </table>
</div>

create.php

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
<div class="container py-5">
    <h1 class="fw-bold">Form Tambah</h1>
    <form method="POST" class="mt-5">
        <div class="mb-3">
            <label for="nama" class="form-label">Nama</label>
            <input type="text" class="form-control" name="nama" id="nama" required>
        </div>
        <div class="mb-3">
            <label for="kota" class="form-label">Asal Kota</label>
            <input type="text" class="form-control" name="kota" id="kota" required>
        </div>
        <button type="submit" class="btn btn-primary">Submit</button>
    </form>
</div>

Comments

Post a Comment