Membuat Halaman CRUD - elissindi/Form-CI GitHub Wiki

Langkah-Langkah

  1. Buat file baru di** CI4/Models** dengan nama User_Model.php

    1

  2. Masukkan skrip berikut ke dalam file User_Model.php. skrip berikut merupakan skrip untuk membuat function saveUser(Create), getUser(Read), updateUser(Update), deleteUser(Delete).

    2

  3. Buat file baru dengan nama User_login.php di folder CI4/Controllers

    3

  4. Isikan skrip berikut ke dalam file *User_login.php

    4

    5

  5. Buat file baru dengan nama User_view di dalam folder CI4/View/templates

    6

  6. Isikan skrip berikut ke dalam file untuk membuat tampilan halamannya.

    7

    8

    9

    10

    11

    12

    13

    14

  7. Buka file login.php, lalu pada bagian validasi ubah skrip menjadi seperti berikut ini.

    15

Tampilan Hasil

  1. Tampilan Login

    21

  2. Tampilan halaman utama setelah login

    22

  3. Klik pada tombol Tambah Baru untuk menambahkan user baru. Tampilannya seperti berikut.

    23

    Isikan data

    24

    Hasilnya seperti berikut, ada data baru yang telah ditambahkan.

    25

  4. Klik pada tombol sunting untuk menyunting data.

    Sebelum disunting

    26

    Sesudah disunting, saya mengubah huruf S kecil menjadi S besar di Nama Belakang Sindi.

    27

    Hasilnya

    28

  5. Klik tombol Hapus untuk menghapus data user. Setelah di klik, akan muncul notifikasi untuk menanyakan apakah kita benar akan menghapus data.

    29

    Tampilan setelah data dihapus

    30

  6. Klik pada bagian Hallo, Selamat Datang kemudian akan tampil dropdown seperti di bawah ini. untuk keluar klik pada tombol Keluar untuk kembali ke halaman login.

    31