Rabu, 18 Maret 2020

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
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.phpLalu 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

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: ,

0 Komentar:

Posting Komentar

Berlangganan Posting Komentar [Atom]

<< Beranda