Bagian 06: Membuat Pencarian Data History Pembayaran

Membuat Pencarian Data History Pembayaran - Sekarang kita akan melanjutkan pembuatan Aplikasi Pembayaran SPP kita. Fitur yang akan kita buat sekarang adalah Fitur History Pembayaran Menggunakan Kolom Pencarian Data. Yu langsung aja kita buat.

Nanti tampilannya akan seperti ini ya teman teman

Tampilan History Pembayaran

Masih dengan menu navigasi yang sama dan juga footer yang sama. 

Sekarang teman teman jalankan terlebih dahulu Web Server dan Code Editor kalian.

Buat Script History Pembayaran

Teman Teman Ketikkan Script dibawah :

Teman teman save dengan nama history.php !

Seperti biasa di setiap konten kita terdapat file require.php untuk menyimpan sesi.


require_once("require.php");
?>

Lalu dibagian body kita membuat form input untuk pencarian data menggunakan NISN Siswa

Form Cari

Kita gunakan attribut autocomplete="off" supaya bekas kita mencari data itu akan hilang. Kita tambahkan juga attribut autofocus kedalam input, jadi nanti pas petugas masuk ke menu ini langsung difokuskan ke input pencarian data. Silahkan teman teman boleh tambahkan attribut tersebut atau tidak, itu bersifat opsional.

Sekarang kita proses pencarian datanya

Proses Cari

Didalam script tersebut kita memanggil dua table dari database yaitu table siswa yang nantinya akan kita ambil biodatanya dan table pembayaran yang nanti akan kita tampilkan history pembayaran dari siswa tersebut.

Sekarang perhatikan script yang menampilkan Biodata Siswa dibawah:

Script Biodata

Didalam table tersebut kita menampilkan isi dari table siswa. Yang kita tampilkan hanya NIS, NIS, Nama dan Kelas nya saja yaa, Dan kelasnya juga ini sudah kita JOIN dengan table kelas. 

History Transaksi ini kita buat Hampir Sama dengan Entry Transaksi Pembayaran yang sebelumnya kita buat. Hanya ada yang dihilangkan saja pada table tersebut.

Sekarang coba teman teman Test. Tampilan nya nanti akan jadi seperti ini

Tampilan setelah mencari data

Baca Juga

Bagian 01: Pembahasan Soal UKK SPP

Bagian 02: Membuat Sistem Login

Bagian 03: Membuat Menu Navigasi

Bagian 04: Membuat CRUD Data Siswa dan Join Table

Bagian 05: Membuat Entry Transaksi Pembayaran

Bagian 06: Membuat Pencarian Data History Pembayaran

Bagian 07: Membuat Pagging Data

Bagian 08: Membuat Login Siswa

Sekarang kita sudah selesai membuat History Pembayaran dengan menggunakan Pencarian Data NISN Siswa. Untuk selanjutnya nanti kita akan Coba Membuat Pagging Data, Pagging ini fungsinya sebagai halaman yang akan menampilkan data data kita jika datanya itu sudah banyak, jadi tidak mungkin kita tampilkan sampai kebawah.