Membuat Halaman Tambah Pelajar
Setelah kita berhasil membuat halaman data pelajar, selanjutnya kita akan membuat halaman untuk input data pelajar. Pertama kita buat new file dengan nama “tambah_pelajar.php”.
setelah itu, copy source code dibawah ini, dan kemudian di save.
Source Code :
<?php
session_start();
if (!isset($_SESSION[“login”])){
header(“Location: login.php”);
exit;
}
require ‘function.php’;
if (isset($_POST[“tambah_pelajar”])){
// cek apakah data berhasil ditambahkan atau tidak
if (tambah_pelajar($_POST) > 0) {
echo “<script>
alert (‘Data berhasil ditambah’);
window.location.href = ‘http://localhost/rumah_coding/data_pelajar.php’;
</script>
“;
} else {
echo “<script>
alert (‘Data gagal ditambah’);
window.location.href = ‘http://localhost/rumah_coding/tambah_pelajar.php’;
</script>
“;
}
}
?>
<!DOCTYPE html>
<html>
<head>
<!–Import Google Icon Font–>
<link href=”https://fonts.googleapis.com/icon?family=Material+Icons” rel=”stylesheet”>
<!–Import materialize.css–>
<link type=”text/css” rel=”stylesheet” href=”css/materialize.min.css” media=”screen,projection”/>
<link type=”text/css” rel=”stylesheet” href=”fonts/fontawesome-all.css”>
<link rel=”stylesheet” href=”css/style.css”>
<title>Rumah Coding</title>
<!–Let browser know website is optimized for mobile–>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″/>
</head>
<body id=”home” class=”scrollspy”>
<!– navbar –>
<div class=”navbar-fixed”>
<nav class=”teal darken-3″>
<div class=”container”>
<div class=”nav-wrapper”>
<a href=”#home!” class=”brand-logo”>Rumah Coding</a>
<a href=”#” data-target=”mobile-nav” class=”sidenav-trigger”><i class=”material-icons”>menu</i></a>
<ul class=”right hide-on-med-and-down”>
<li><a href=”index.php”>Home</a></li>
<li><a href=”data_pelajar.php”>Data Pelajar</a></li>
<li><a href=”>Jadwal Belajar</a></li>
<li><a href=”paket_kursus.php”>Paket Kursus</a></li>
<li><a href=”logout.php” class=”tooltipped” data-position=”bottom” data-tooltip =”Logout”><i class=”material-icons”>account_circle</i></a></li>
</ul>
</div>
</div>
</nav>
</div>
<!– sidenav –>
<ul class=”sidenav teal darken” id=”mobile-nav”>
<li><a href=”index.php”>Home</a></li>
<li><a href=””>Jadwal Belajar</a></li>
<li><a href=”paket_kursus.php”>Paket Kursus</a></li>
<li><a href=”logout.php” class=”tooltipped” data-position=”bottom” data-tooltip =”Logout”><i class=”material-icons”>account_circle</i></a></li>
</ul>
<!– tambah data pelajar –>
<section>
<div class=”container”>
<h5 class=”center-align”>Tambah Data Pelajar</h5>
<div class=”row center-align”>
<form class=”col s8 offset-s2″ action=”” method=”post”>
<div class=”row”>
<div class=”input-field col s12″>
<input id=”nama_pelajar” name=”nama_pelajar” type=”text”>
<label for=”nama_pelajar”>Nama Pelajar</label>
</div>
</div>
<div class=”row”>
<div class=”input-field col s12″>
<input id=”no_registrasi” name=”no_registrasi” type=”text”>
<label for=”no_registrasi”>Nomor Registrasi</label>
</div>
</div>
<div class=”row”>
<div class=”input-field col s12″>
<input id=”no_telepon” name=”no_telepon” type=”text”>
<label for=”no_telepon”>Nomor Telepon</label>
</div>
</div>
<div class=”row”>
<div class=”input-field col s12″>
<input id=”alamat_pelajar” name=”alamat_pelajar” type=”text”>
<label for=”alamat_pelajar”>Alamat Pelajar</label>
</div>
</div>
<div class=”row”>
<div class=”input-field col s12″>
<select id=”paket_kursus” name=”paket_kursus”>
<option value=”” disabled selected>Pilih Paket Kursus</option>
<option value=”Ekonomi”>Ekonomi</option>
<option value=”Bisnis”>Bisnis</option>
<option value=”Private”>Private</option>
</select>
</div>
</div>
<button type=”submit” name=”tambah_pelajar” class=”btn”>Tambah Data</button>
</form>
</div>
</div>
</section>
<!– footer –>
<footer class=”teal darken-3 white-text center”>
<p>Erlina Masayu (201543501964)|| Copyright 2018</p>
</footer>
<!–JavaScript at end of body for optimized loading–>
<script type=”text/javascript” src=”js/materialize.min.js”></script>
<script type=”text/javascript” src=”js/script.js”></script>
</body>
</html>
Kemudian coba akses halaman data pelajar, dan klik button tambah pelajar, kemudian lakukan penginputan data pelajar.
