Form Pendaftaran Prestasi
Form Pendaftaran Prestasi Siswa
Ulangan Tengah Semester
Kali ini saya akan membuat form pendaftaran prestasi siswa menggunakan php dan MySQL. Berikut source code dan tampilan akhirnya :
1. Source code config1.php
<?php
$server = "yryuki.cucicuciku.com";
$user = "cucicuc1_prestas";
$password = "cucicuci11";
$nama_database = "cucicuc1_prestasi_siswa";
$db = mysqli_connect($server, $user, $password, $nama_database);
if( !$db ){
die("Gagal terhubung dengan database: " . mysqli_connect_error());
}
?>
2. Source code index1.php
3. Source code list-siswa1.php
<!DOCTYPE html>
<html>
<head>
<title>Pendaftaran Prestasi Siswa | SMA Negeri 1 Bojonegoro</title>
<style type="text/css">
#topbar {
background-color: #7A0000;
width: 100%;
height: 100px;
color: white;
}
h4 {
color: #7A0000;
}
li {
color: #7A0000;
}
</head>
</style>
<body>
<div id="topbar">
<header>
<h1 align="center">Pendaftaran Prestasi Siswa</h3>
<h3 align="center">SMA Negeri 1 Bojonegoro</h1>
<hr align="nilai">
</header>
<h4>Menu</h4>
<nav>
<ul>
<li><a href="form-daftar1.php">Daftarkan Prestasi</a></li>
<li><a href="list-siswa1.php">Data Prestasi Siswa</a></li>
</ul>
</nav>
</body>
</html>
3. Source code list-siswa1.php
<?php include("config1.php"); ?>
<!DOCTYPE html>
<html>
<head>
<title>Pendaftaran Prestasi Siswa | SMA Negeri 1 Bojonegoro</title>
<style type="text/css">
#topbar {
background-color: #7A0000;
width: 100%;
height: 125px;
}
</head>
</style>
<body>
<div id="topbar">
<header>
<h1 align="center">Pendaftaran Prestasi Siswa</h3>
<h3 align="center">SMA Negeri 1 Bojonegoro</h1>
<br>
<hr align="nilai">
<h3>DAFTAR PRESTASI SISWA</h3>
</header>
<nav>
<a href="form-daftar1.php">[+] Tambah Baru</a>
</nav>
<br>
<table border="1">
<thead>
<tr>
<th>No</th>
<th>Nama</th>
<th>Kelas</th>
<th>Semester</th>
<th>Jenis Prestasi</th>
<th>Keterangan</th>
<th>Aksi</th>
</tr>
</thead>
<tbody>
<?php
$sql = "SELECT * FROM data_prestasi";
$query = mysqli_query($db, $sql);
while($siswa = mysqli_fetch_array($query)){
echo "<tr>";
echo "<td>".$siswa['id']."</td>";
echo "<td>".$siswa['Nama']."</td>";
echo "<td>".$siswa['Kelas']."</td>";
echo "<td>".$siswa['Semester']."</td>";
echo "<td>".$siswa['Jenis_Prestasi']."</td>";
echo "<td>".$siswa['Keterangan']."</td>";
echo "<td>";
echo "<a href='form-edit1.php?id=".$siswa['id']."'>Edit</a> | ";
echo "<a href='hapus1.php?id=".$siswa['id']."'>Hapus</a>";
echo "</td>";
echo "</tr>";
}
?>
</tbody>
</table>
<p>Total: <?php echo mysqli_num_rows($query) ?></p>
</body>
</html>
4. Source code form-daftar1.php
<!DOCTYPE html>
<html>
<head>
<title>Formulir Pendaftaran Prestasi Siswa | SMA Negeri 1 Bojonegoro</title>
<style type="text/css">
body {
background: #7A0000;
font-family: sans-serif;
}
.login {
padding: 1em;
margin: 2em auto;
width: 20em;
background: #fff;
border-radius: 3px;
}
label {
font-size: 10pt;
color: #555;
}
textarea {
padding: 8px;
width: 95%;
background: #efefef;
border: 0;
font-size: 10pt;
margin: 6px 0px;
}
.tombol {
background: #7A0000;
color: #fff;
border: 0;
padding: 5px 8px;
}
</head>
</style>
<body>
<header>
<h2 align="center">FORMULIR PENDAFTARAN PRESTASI SISWA</h2>
<h3 align="center">SMA NEGERI 1 BOJONEGORO</h3>
</header>
<div class="login">
<form action="proses-pendaftaran1.php" method="POST">
<fieldset>
<p>
<label for="nama">Nama: </label>
<input type="text" name="nama" placeholder="Nama lengkap" />
</p>
<p>
<label for="kelas">Kelas: </label>
<select name="kelas">
<option>10A</option>
<option>10B</option>
<option>10C</option>
<option>11A</option>
<option>11B</option>
<option>11C</option>
<option>12A</option>
<option>12B</option>
<option>12C</option>
</select>
</p>
<p>
<label for="semester">Semester: </label>
<input type="text" name="semester" placeholder="1/2" />
</p>
<p>
<label for="jenis_prestasi">Jenis Prestasi: </label>
<input type="text" name="jenis_prestasi" />
</p>
<p>
<label for="keterangan">Keterangan: </label>
<textarea name="keterangan"></textarea>
</p>
<p>
<input type="submit" value="Simpan" name="simpan" class="tombol" />
</p>
</fieldset>
</form>
</body>
</html>
5. Source code proses-pendafaran1.php
<?php
include("config1.php");
// cek apakah tombol daftar sudah diklik atau blum?
if(isset($_POST['simpan'])){
// ambil data dari formulir
$nama = $_POST['nama'];
$kelas = $_POST['kelas'];
$semester = $_POST['semester'];
$jenis_prestasi = $_POST['jenis_prestasi'];
$keterangan = $_POST['keterangan'];
// buat query
$sql = "INSERT INTO data_prestasi (nama, kelas, semester, jenis_prestasi, keterangan) VALUE ('$nama', '$kelas', '$semester', '$jenis_prestasi', '$keterangan')";
$query = mysqli_query($db, $sql);
// apakah query simpan berhasil?
if( $query ) {
// kalau berhasil alihkan ke halaman index.php dengan status=sukses
header('Location: index1.php?status=sukses');
} else {
// kalau gagal alihkan ke halaman indek.php dengan status=gagal
header('Location: index1.php?status=gagal');
}
} else {
die("Akses dilarang...");
}
?>
6. Source code hapus1.php
<?php
include("config1.php");
if( isset($_GET['id']) ){
// ambil id dari query string
$id = $_GET['id'];
// buat query hapus
$sql = "DELETE FROM data_prestasi WHERE id=$id";
$query = mysqli_query($db, $sql);
// apakah query hapus berhasil?
if( $query ){
header('Location: list-siswa1.php');
} else {
die("gagal menghapus...");
}
} else {
die("akses dilarang...");
}
?>
7. Source code form-edit1.php
<?php
include("config1.php");
// cek apakah tombol simpan sudah diklik atau blum?
if(isset($_POST['simpan'])){
// ambil data dari formulir
$no = $_POST['id'];
$nama = $_POST['Nama'];
$kelas = $_POST['Kelas'];
$semester = $_POST['Semester'];
$jenis_prestasi = $_POST['Jenis_Prestasi'];
$keterangan = $_POST['Keterangan'];
// buat query update
$sql = "UPDATE data_prestasi SET Nama='$nama', Kelas='$kelas', Semester='$semester', Jenis_Prestasi='$jenis_prestasi', Keterangan='$keterangan' WHERE No=$no";
$query = mysqli_query($db, $sql);
// apakah query update berhasil?
if( $query ) {
// kalau berhasil alihkan ke halaman list-siswa.php
header('Location: list-siswa1.php');
} else {
// kalau gagal tampilkan pesan
die("Gagal menyimpan perubahan...");
}
} else {
die("Akses dilarang...");
}
?>
8. Source code proses-edit1.php
<?php
include("config1.php");
// kalau tidak ada id di query string
if( !isset($_GET['id']) ){
header('Location: list-siswa1.php');
}
//ambil id dari query string
$id = $_GET['id'];
// buat query untuk ambil data dari database
$sql = "SELECT * FROM data_prestasi WHERE id=$id";
$query = mysqli_query($db, $sql);
$siswa = mysqli_fetch_assoc($query);
// jika data yang di-edit tidak ditemukan
if( mysqli_num_rows($query) < 1 ){
die("data tidak ditemukan...");
}
?>
<!DOCTYPE html>
<html>
<head>
<title>Formulir Edit Siswa | SMA Negeri 1 Bojonegoro</title>
</head>
<body>
<header>
<h3>Formulir Edit Siswa</h3>
</header>
<form action="proses-edit1.php" method="POST">
<fieldset>
<input type="hidden" name="id" value="<?php echo $siswa['id'] ?>" />
<p>
<label for="nama">Nama: </label>
<input type="text" name="nama" placeholder="nama lengkap" value="<?php echo $siswa['nama'] ?>" />
</p>
<p>
<label for="kelas">Kelas: </label>
<?php $kelas = $siswa['kelas']; ?>
<select name="kelas">
<option <?php echo ($kelas == '10A') ? "selected": "" ?>>10A</option>
<option <?php echo ($kelas == '10B') ? "selected": "" ?>>10B</option>
<option <?php echo ($kelas == '10C') ? "selected": "" ?>>10C</option>
<option <?php echo ($kelas == '11A') ? "selected": "" ?>>11A</option>
<option <?php echo ($kelas == '11B') ? "selected": "" ?>>11B</option>
<option <?php echo ($kelas == '11C') ? "selected": "" ?>>11C</option>
<option <?php echo ($kelas == '12A') ? "selected": "" ?>>12A</option>
<option <?php echo ($kelas == '12B') ? "selected": "" ?>>12B</option>
<option <?php echo ($kelas == '12C') ? "selected": "" ?>>12C</option>
</select>
</p>
<p>
<label for="semester">Semester: </label>
<textarea name="semester"><?php echo $siswa['semester'] ?></textarea>
</p>
<p>
<label for="jenis_prestasi">Jenis Prestasi: </label>
<textarea name="jenis_prestasi"><?php echo $siswa['jenis_prestasi'] ?></textarea>
</p>
<p>
<label for="keterangan">Keterangan: </label>
<input type="text" name="keterangan" value="<?php echo $siswa['keterangan'] ?>" />
</p>
<p>
<input type="submit" value="Simpan" name="simpan" />
</p>
</fieldset>
</form>
</body>
</html>
9. Tampilan akhir
Tampilan awal
Ketika klik daftar baru
Ketika mengisi form pendaftaran prestasi
Ketika berhasil mendaftar
Ketika menghapus file Adinda
Terima kasih sudah membaca, semoga bermanfaat.
Komentar
Posting Komentar