Bagian 04: Membuat CRUD Data Siswa dan Join Table
Membuat CRUD Data Siswa – Setelah sebelumnya teman teman
membuat sebuah menu navigasi yang berisikan statement kondisi jika level admin
dan jika level petugas. Nah sekarang kita akan mulai mengisi konten kita atau
menu menu kita yaa. Apa itu CRUD?
CRUD ini adalah singkatan dari Create,
Read, Update, and Delete, intinya adalah kita bisa memanipulasi database
melalui satu tampilan ini. Contohnya seperti ini
Tampilan CRUD data Siswa |
Seluruh table
yang kita tampilkan ini merupakan data yang ada pada table. Karena kita akan
membuat CRUD dari Data Siswa, Maka kita akan mengambil
data dari table siswa. Sebelum mengisi konten konten kita, saya minta teman
teman tambahkan 2 data ke seluruh table kita yang ada di databasenya karena
kita akan melakukan testing apa data terpanggil atau tidak.
Sekarang kita
mulai ngodingnya, teman teman jalankan terlebih dahulu Web Server nya dan teman
teman buka code editornya
Tambahkan File require.php
Coding Require |
Silahkan teman teman save dengan nama require.php
File
require.php ini menyimpan sebuah sesi yang akan dijalankan pada setiap tampilan
kita. Jadi nantinya jika pengguna aplikasi ini belum login, nanti akan di
arahkan ke halaman login. Di dalam file ini juga kita memanggil sebuah koneksi
ke database dengan require_once(“koneksi.php”);
Buat CRUD Siswa
Save dengan
nama siswa.php!
Script yang
teman teman ketikkan itu adalah sebuah tampilan yang berisi data data kita yang
ada pada table Siswa. Jadi dibaris
pertama kita memanggil require.php, melalui
file ini kita membuat sebuah sesi dan kita juga memanggil database kita.
require_once(“require.php”);
?>
Lalu di
bagian body, kita memanggil file header.php
kita yang berisi menu navigasi dan juga pada bagian terbawah kita memanggil footer.php. Nantinya ini akan kita
pakai disetiap konten kita ya
…
Kemudian kita
membuat sebuah table yang nantinya ini akan kita isikan data menurut seluruh
data yang ada pada table Siswa
Table yang
kita buat berisikan 8 Kolom. Dan nantinya juga kita akan melakukan join table
yahh. Apa sih join itu? Join itu merupakan query MySQLi yang berfungsi untuk
menggabungkan table yang telah kita relasi ke table siswa ini. Table apa yang
kita relasikan? Jelas Table kelas dengan nama Field nya adalah id_kelas. Karena
kita tidak mungkin menampilkan sebuah ID kedalam table kita, jadi nanti kita
akan menampilkan Nama Kelas dan Kompetensi Kejuruan yang terhubung dengan ID.
Di dalam
tampilan tersebut kita membuat 3 aksi yaitu Tambah data yang ada pada atas
table, Hapus dan Edit yang berada pada kolom table kita. Nanti kita akan
fungsikan seluruh aksi tersebut. Pertama kita buat aksi hapus data, yang kita
simpan scriptnya di paling bawah
Perhatikan
link hapus yang kita buat
Link hapus |
Link yang
kita buat ini mengirimkan NISN dari data yang akan kita hapus
Kemudian kita
menangkap data yang dikirimkan tersebut kedalam variable. Lalu kita langsung
hapus data tersebut dari table
Proses hapus |
Jika data
berhasil dihapus maka akan diarahkan ke halaman siswa.php. Tetapi jika gagal
kita buatkan sebuah javascript sederhana yang menampilkan ‘Maaf, data tersebut
masih terhubung dengan data yang lain.
Buat
Form Tambah Data Siswa
Ketikkan script berikut:
Teman teman save dengan nama tambah_siswa.php !
Kita membuat form input sederhana untuk
menambah data siswa. Perhatikan pada bagian kelasnya, Karena id_kelas yang ada
pada table siswa itu terhubung dengan id_kelas pada table kelas, jadi yang akan
kita lakukan memilih data dari table kelas. Tapi disetiap option kita beri
nilai id_kelas.
Option Kelas |
Setelah itu kita lakukan pemrosesannya di
bawah
Proses Tambah Siswa |
Tampilan Tambah data Siswa |
Buat Form Edit data Siswa
Teman teman
save dengan nama edit_siswa.php!
Perhatikan
dibaris awal. Kita menangkap data NISN dari url yang dikirimkan oleh halaman
siswa.php. Lalu
kita ambil data dari database berdasarkan NISN yang kita tangkap
Menangkap data NISN |
NISN yang telah kita tangkap akan dimasukkan kedalam form input dan akan kita
sembunyikan.
Karena NISN ini sebagai acuan untuk data yang akan kita ubah. Ini sama saja yaa dengan kita menghapus data.
Kemudian
tombol simpan kita fungsikan
Proses Update Data |
Tampilan Edit data Siswa |
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
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
Nah kita sudah selesai membuat CRUD data Siswa. Sekarang teman teman buat lagi CRUD yang lainnya menggunakan cara yang sama seperti tadi yaa.
Sekarang
silahkan teman teman test apakah semua aksi yang telah kita buat berfungsi.
Jika teman teman mengalami error silahkan simpan di komentar.
Label: Pembayaran-SPP, PHP
0 Komentar:
Posting Komentar
Berlangganan Posting Komentar [Atom]
<< Beranda