Tugas 7 - CRUD CodeIgniter

Membuat CRUD Mahasiswa dengan CodeIgniter


    Dalam pembuatan project ini pastikan di laptop maupun PC anda sudah terinstall PHP dan Composer. Untuk cara menginstallnya dapat di lihat di link di bawah ini.


1. Membuat Project baru dengan Composer

Untuk membuat project baru codeigniter, ketikkan syntax berikut ini dalam terminal:

composer create-project codeigniter4/appstarter NamaProject --no-dev

2. Konfigurasi

Untuk menggunakan codeigniter kita harus melakukan beberapa configurasi.

1. Edit file env menjadi .env agar menjadi file system



2. Pada file .env ubah pengaturan  CI_ENVIRONMENT menjadi development dan pada baseURL masukkan url yang anda inginkan

 

3. Menghubungkan ke Database

    Untuk menghubungkan ke database kita dapat melakukannya dengan mengedit file database.php yang berada di App/Config/Database.php.

    Masukkan username dan password akses ke database anda dan masukkan nama database yang anda ingin connectkan.



4. Membuat Model

ModelMahasiswa.php (terletak pada folder App/Models/ModelMahasiswa.php)

5. Membuat Controller

Mahasiswa.php (terletak pada folder App/Controllers/Mahasiswa.php)

6. Membuat View

View terletak pada folder App/View
  • ViewTampilMahasiswa.php

  • viewFormTambah.php

  • viewFormEdit.php

Hasil

Tampilan data mahasiswa



Jika menekan tombol tamba data akan ke halaman formTambah dan akan tampil seperti berikut
Kemudian masukkan data yang ingin di tambahkan


Klik Simpan Data dan akan menambahkan data seperti gambar di bawah ini


Kemudian jika kita ingin menghapus salah satu data akan muncul peringatan apakah ingin menghapus atau tidak, jika iya maka data akan terhapus 


Ketika di peringatan menghapus data di tekan iya maka akan menapilkan data yang baru dengan data yang dihapus tidak ada lagi



Ketika menekan tombol edit di salah satu data maka akan di arahkan ke page formEdit dan akan tampil seperti gambar di bawah berikut

Di sini saja mencoba ngedit namanya menjadi Herri Purba 21 yang awalnya itu Herri Purba saja.

Ketika menekan tombol update data maka akan kembali ke halaman mahasiswa dengan menampilkan data yang sudah terudpate. 



Komentar

Postingan populer dari blog ini

Tugas 3 PBKK - Membuat Calculator dan Currency Converter

Tugas 4 MVVM pada WPF

Portofolio Web