Membuat CRUD Sederhana menghubungkan ke DB MYSQL dan FORM LOGIN - adeliaputri/tekweblanjut5_1800016056 GitHub Wiki

Assalamu’alaikum Warahmatullahi Wabarakaatuh.

Bismillahirrahmanirrahim. Disini saya akan menjelaskan urutan membuat CRUD sederhana.

Apa sih CRUD ?

Yuk Simak Penjelasan dibawah ini .

CRUD adalah singkatan dari Create Read Update Delete , yang sering digunakan pada aplikasi-aplikasi pengolahan data yang kebanyakan menggunakan fungsi CRUD didalamnya . Fungsi ini digunakan untuk menambahkan data, menghapus data, serta mengupdate data.

Dalam membuat Aplikasi yang menggunakan CRUD kita menggunakan Framework Codeigniter untuk memudahkan pembagian pengerjaan. Baiklah Langsung saja ke langkah-langkahnya:

1. Pastikan Pc/Laptop telah terinstall XAMPP, Editor Text, dan Kemudian Codeigniter
2. Disini Terdapat 4 Folder yang akan sering kita buka dalam pembuatan aplikasi CRUD ini. Foldernya :
3. Folder Config -> menyimpan file konfigurasi . Didalam folder config terdapat 4 file yang harus kita lakukan modifikasi agar dapat dijalankan.

• File Pertama autoload.php. lakukan modifikasi seperti syntax dibawah ini :

  $autoload['libraries'] = array('database','session'); (berfungsi agar dapat terkoneksi dengan database)
  
  $autoload['helper'] = array('form','url');
  

• File Kedua config.php. lakukan modifikasi seperti syntax dibawah ini :

  $config['base_url'] = 'http://localhost/namafolderproject/'; 
  

  contoh : ($config['base_url'] = 'http://localhost/belajarci/';

• File Ketiga database.php. lakukan modifikasi seperti syntax dibawah ini :

Database untuk CRUD

Database untuk form login

• File Keempat routes.php. pada file route ini kita melakukan arah dari controllernya. ini dilakukan untuk menampilkan file dari contoller yang akan ditampilkan pertama kali .

  contoh : $route['default_controller'] = 'login'; ( ini berarti ketika localhost dijalankan maka yang akan ditampilkan adalah controller dengan nama file login )

2. Folder Controller -> berfungsi sebagai komponen pengatur alur program.

   • Buatlah File untuk pengontrol program contohnya buat dengan Nama = User.php. pada file ini kita memasukkan berbagai fungsi yang diperlukan dalam pembuatan CRUD . seperti fungsi Simpan, Edit, Tambah, Hapus.

   

   

3. Folder Model -> meyimpan Model, komponen terkait database atau penyimpanan

   • Buatlah File untuk menyimpan atau mengkoneksikan antara database dan fungsi yang ada pada controller contohnya buatlah sebuah file dengan nama Model_user.php. nama file harus diawali dengan huruf kapitar(besar). pada file model ini lah halaman yang ada kaitan dengan database akan ditampilkan.

   

4. Folder View -> meyimpan Views, kompnen tampilan HTML

   • Buatlah file-file yang dibutuhkan. dalam hal ini kita membutuhkan 3 file yaitu :
   1. list_user.php - merupakan halaman html yang diperlukan untuk menampilkan sebuah table yang berisi database yang telah ditambahkan baik langsung menggunakan mysql atau melalui halaman form input_user atau tambah data.

   Codingan file list_user.php

   

   Tampilan

   

   2. input_user.php - merupakan halaman html yang diperlukan ketika kita ingin menambahkan data melalui sebuah form

   Codingan file input_user.php

   

   Tampilannya

   

   3. edit_user.php - merupakan halaman html yang diperlukan ketika kita ingin melakukan edit atau update data melalui sebuah form

   Codingan file edit_user.php

   

   Tampilannya

   

Menggabungkan dengan FORM LOGIN yang telah dibuat.

langkah yang dilakukan adalah :

1. Copy file controller yang ada pada project login yang telah dibuat dan paste di dalam folder controller pada project yang baru.
2. Kemudian lakukan perubahan pada file router.php dimana default controllernya diarahkan ke controller/login.php atau file project form.
3. Copy Codingan yang terdapat dalam file model di form login. Kemudian paste ke dalam file Model/Model_user.php pada project CRUD . letakkan dibagian atas. seperti pada gambar dibawah ini.

4. Copy file view/login_view.php ke folder view project CRUD. Jangan lakukan perubahan Berikut codingan yang terdapat pada file login_view.php

   

   

   

5. Copy Folder Assets kedalam Project CRUD. hal ini bertujuan agar file dari tampilan form login yang dicopy dapat berfungsi dengan baik. Disini form login menggunakan template Bootstrap.

   

Hasil Dari Project yang dibuat

• Tampilan Awal

• Tampilan setelah Login berhasil

• Tampilan Ketika Ingin Menambah Data

• Tampilan ketika Ingin mengedit

• Ketika Dilakukan Penghapusan data

Maka Di Database juga akan terhapus

Catatan :

Maaf jika banyak kekurangan dan kesalahan. Dan kesempurnaan hanya milik Allah semata. Sekian dan terima kasih. Semoga Bermanfaat.

Alhamdulillah

Wassalamu’alaikum Warahmatullahi Wabarakaatuh.