Saturday, March 23, 2024

 Membuat CRUD dengan OOP dan PDO - Part 1 


1. Buatlah database terlebih dahulu. Disini saya buat nama database dengan "oop_db".
2. Lalu buatlah tabel dengan nama "barang" dengan field sebagaiberikut :

3. Setalah jadi tabel barangnya jangan lupa disi, bebas yang penting ada datanya .
4. Sekarang kita buat koneksi ke databasenya. Buat file di dalam folder config dengan nama"dbconfig.php". Dendan sintax sebagai berikut : 
koneksi database dengan PDO
Untuk line 5 sesuaikan dengan pengaturan server masing-masing. Pada line 11 memanggil file dengan nama fungsi.php yang ada di folder class. 

5. Buat file "fungsi.php" di folder class, dengan script sebagai berikut : 
class dalam oop

6. Ubah pada file barang.php pada bagian ini :

menjadi   : 


7. setelah itu jalankan dengan hasilnya seperti ini :

disini plugin datatabel belum masuk, mari kita masukkan terlebih daulu.

8. pada file header.php , tambahkan sintax dibawah ini dan letakkan dibawah sintax 
<link rel="shortcut icon" href="assets/images/favicon.ico">


9. Kemudian pada file databarang.php tambahkan sintrax dibawah ini dan letakkan dibawah sintax  <script src="assets/js/jquery.slimscroll.js"></script>


10. setelah itu pada file databarang.php, tambahkan sintax berikut dan letakkan setelah sintax
<script src="assets/js/jquery.app.js"></script>
 
$('#datatable').DataTable();  sintax inin menjelaskan bahwa tabel dengan id datatable menggunakan plugin datatable.

11. kemudian jalankan kembali maka hasilnya akans eperti dibwah ini :

12. langkah selanjutnya kita akan menampilkan data dari database . Masukkan sintax dibwah ini dan letakkan di dalam sintax  <tbody> .. </tbody>

13. lau jalankan kembali maka hasilnya seperti gambar dibawah ini : 

yeyyyy berhasil..........

Comments 0