Modul 4 Insert Data

Modul PHP Native – Rekayasa Perangkat Lunak
SMK Telkom Malang
INSERT DATA (POST)
 Kebutuhan Tabel Database
1. Buat table baru dengan nama siswa dan kelas pada database belajar_laravel.
2. Berikut query untuk create table siswa:
CREATE TABLE `siswa` (
ìd_siswa` int(11) NOT NULL AUTO_INCREMENT PRIMARY KEY,
`nama_siswa` varchar(100) NOT NULL,
`tanggal_lahir` date NOT NULL,
`gender` enum('L','P') NOT NULL,
àlamat` text NOT NULL,
ùsername` varchar(255) DEFAULT NULL,
`password` varchar(255) DEFAULT NULL,
ìd_kelas` int(11) NOT NULL
) ENGINE=InnoDB DEFAULT;
3. Dan berikut query create table kelas:

CREATE TABLE `kelas` (
ìd_kelas` int(11) NOT NULL AUTO_INCREMENT PRIMARY KEY,
`nama_kelas` varchar(20) NOT NULL,
`kelompok` varchar(20) NOT NULL,
) ENGINE=InnoDB DEFAULT;
4. Hasil dari menjalankan query create table di atas akan terbentuk table seperti berikut:
 Membuat file tambah_kelas.php

5. Buatlah file dengan nama tambah_kelas.php di xampp/htdocs/perpus_native
6. Ketikkan sintak berikut:
<!DOCTYPE html>
<html>
<head>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.c
ss" rel="stylesheet" integrity="sha384-
+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x"
crossorigin="anonymous">
<title></title>
SMK Telkom Malang
</head>
<body>
<h3>Tambah Kelas</h3>
<form action="proses_tambah_kelas.php" method="post">
nama kelas :
<input type="text" name="nama_kelas" value="" class="form-control">
kelompok :
<input type="text" name="kelompok" value="" class="form-control">
<input type="submit" name="simpan" value="Tambah Kelas" class="btn
btn-primary">
</form>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.
min.js"
integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn
9Plx0x4" crossorigin="anonymous"></script>
</body>
</html>
 Membuat file proses_tambah_kelas.php

7. Buatlah file proses_tambah_kelas.php di xampp/htdocs/perpus_native
<?php
if($_POST){
$nama_kelas=$_POST['nama_kelas'];
$kelompok=$_POST['kelompok'];
if(empty($nama_kelas)){
echo "<script>alert('nama kelas tidak boleh
kosong');location.href='tambah_kelas.php';</script>";
} elseif(empty($kelompok)){
echo "<script>alert('kelompok tidak boleh
kosong');location.href='tambah_kelas.php';</script>";
} else {
include "koneksi.php";
$insert=mysqli_query($conn,"insert into kelas (nama_kelas,
kelompok) value ('".$nama_kelas."','".$kelompok."')");
if($insert){
echo "<script>alert('Sukses menambahkan
kelas');location.href='tambah_kelas.php';</script>";
} else {
echo "<script>alert('Gagal menambahkan
kelas');location.href='tambah_kelas.php';</script>";
}
}
}
?>
 Uji Coba Tambah Kelas

9. Buka browser ketikkan url http://localhost/perpus_native/tambah_kelas.php di
addressbar
SMK Telkom Malang
10. Ketikkan nama kelas dan kelompok kemudian klik tombol tambah kelas
 Membuat file tambah_siswa.php

11. Buatlah file tambah_siswa.php di xampp/htdocs/perpus_native
<!DOCTYPE html>
<html>
<head>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.mi
n.css" rel="stylesheet" integrity="sha384-
+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x"
crossorigin="anonymous">
<title></title>
</head>
<body>
<h3>Tambah Siswa</h3>
<form action="proses_tambah_siswa.php" method="post">
nama siswa :
<input type="text" name="nama_siswa" value="" class="form-
control">
Tanggal Lahir :
<input type="date" name="tanggal_lahir" value="" class="form-
control">
Gender :
<select name="gender" class="form-control">
<option></option>
<option value="L">Laki-laki</option>
<option value="P">Perempuan</option>
</select>
Alamat :
<textarea name="alamat" class="form-control"
rows="4"></textarea>
Kelas :
<select name="id_kelas" class="form-control">
<option></option>
<?php
SMK Telkom Malang
$qry_kelas=mysqli_query($conn,"select * from kelas");
while($data_kelas=mysqli_fetch_array($qry_kelas)){
echo '<option value="'.$data_kelas['id'].'">'.
$data_kelas['nama_kelas'].'</option>';
}
?>
</select>
Username :
<input type="text" name="username" value="" class="form-
control">
Password :
<input type="password" name="password" value="" class="form-
control">
<input type="submit" name="simpan" value="Tambah Siswa"
class="btn btn-primary">
</form>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bund
le.min.js"
integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb
9Bn9Plx0x4" crossorigin="anonymous"></script>
</body>
</html>
 Membuat file proses_tambah_siswa.php
13. Buatlah file proses_tambah_siswa.php di xampp/htdocs/perpus_native
<?php
if($_POST){
$nama_siswa=$_POST['nama_siswa'];
$tanggal_lahir=$_POST['tanggal_lahir'];
$alamat=$_POST['alamat'];
$gender=$_POST['gender'];
$username=$_POST['username'];
$password= $_POST['password'];
$id_kelas=$_POST['id_kelas'];
if(empty($nama_siswa)){
echo "<script>alert('nama siswa tidak boleh
kosong');location.href='tambah_siswa.php';</script>";
} elseif(empty($username)){
echo "<script>alert('username tidak boleh
} elseif(empty($password)){
echo "<script>alert('password tidak boleh
} else {
$insert=mysqli_query($conn,"insert into siswa
(nama_siswa,tanggal_lahir, gender, alamat, username, password, id_kelas)
value ('".$nama_siswa."','".$tanggal_lahir."','".$gender."','".
$alamat."','".$username."','".md5($password)."','".$id_kelas."')") or
die(mysqli_error($conn));
if($insert){
echo "<script>alert('Sukses menambahkan
siswa');location.href='tambah_siswa.php';</script>";
SMK Telkom Malang
} else {
echo "<script>alert('Gagal menambahkan
siswa');location.href='tambah_siswa.php';</script>";
}
}
}
?>
 Uji Coba Tambah Siswa
15. Buka browser ketikkan url http://localhost/perpus_native/tambah_kelas.php di
addressbar
16. Isikan kotak isian dengan lengkap. Kemudian klik tombol tambah siswa maka hasilnya
seperti dibawah ini:
 Tugas
SMK Telkom Malang
Dengan melanjutkan tugas sebelumnya pada database toko_online, buatlah table pelanggan,
petugas, dan produk melalui PHPMYADMIN, kemudian buatlah aplikasi insert data pada table
tersebut seperti pada contoh diatas. Untuk detail kolom dari ketiga table tersebut dapat dilihat
pada gambar berikut ini:

Modul 4 Insert Data

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Modul 4 Insert Data

Diunggah oleh

Hak Cipta:

Format Tersedia

Modul PHP Native – Rekayasa Perangkat Lunak

SMK Telkom Malang

INSERT DATA (POST)

 Kebutuhan Tabel Database

3. Dan berikut query create table kelas:

 Membuat file tambah_kelas.php

 Membuat file proses_tambah_kelas.php

 Uji Coba Tambah Kelas

 Membuat file tambah_siswa.php

Anda mungkin juga menyukai