Membuat Halaman Data Pelajar
Kali ini kita akan membuat halaman data pelajar, pertama kita buat dulu new file di project kita. Buat file dengan nama “data_pelajar.php”. Kemudian copy source code dibawah kedalam file data_pelajar.php.
Jika sudah, save file nya. kemudian coba akses websitenya. dan buka menu Data Pelajar. Jika berhasil maka tampilannya seperti ini.
Source Code :
<?php
session_start();
if (!isset($_SESSION[“login”])){
header(“Location: login.php”);
exit;
}
require ‘function.php’;
// pagination
// konfigurasi
$jumlahDataPerhalaman = 5;
$jumlahData = count(query(“SELECT * FROM tb_pelajar”));
$jumlahHalaman = ceil($jumlahData / $jumlahDataPerhalaman);
$halamanAktif = ( isset($_GET[“halaman”]))? $_GET[“halaman”] : 1;
$awalData = ($jumlahDataPerhalaman * $halamanAktif) – $jumlahDataPerhalaman;
// ambil query dari tabel pelajar
$tabel_pelajar = query(“SELECT*FROM tb_pelajar LIMIT $awalData, $jumlahDataPerhalaman”);
// tombol cari
if (isset($_POST[“cari_pelajar”])) {
$tabel_pelajar = cari_pelajar($_POST[“keyword”]);
}
?>
<!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=”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>
<!– data pelajar –>
<section>
<div class=”container”>
<div class=”row”>
<h4 class=”center light grey-text text-darken-3″>Data Pelajar</h4>
<div class=”col m12″>
<a href=”tambah_pelajar.php” class=”btn deep-purple darken-4″>Tambah Data</a>
<div class=”row”>
<div class=”col m8″>
<ul class=”pagination”>
<li class=”waves-effect”>
<a href=”#” disabled>Halaman</a>
</li>
<li class=”waves-effect”>
<?php if( $halamanAktif > 1) : ?>
<a href=”?halaman=<?= $halamanAktif – 1; ?>”><i class=”material-icons”>chevron_left</i></a>
<?php endif; ?>
</li>
<?php for( $i = 1; $i <= $jumlahHalaman; $i++) : ?>
<?php if( $i == $halamanAktif ) : ?>
<li class=”waves-effect”>
<a href=”?halaman=<?=$i; ?>”><?= $i; ?></a>
</li>
<?php else : ?>
<li class=”waves-effect”>
<a href=”?halaman=<?=$i; ?>”><?= $i; ?></a>
</li>
<?php endif; ?>
<?php endfor ?>
<li class=”waves-effect”>
<?php if ( $halamanAktif < $jumlahHalaman ) : ?>
<a href=”?halaman=<?= $halamanAktif + 1; ?>”><i class=”material-icons”>chevron_right</i></a>
<?php endif; ?>
</li>
</ul>
</div>
<div class=”col m4 right-align”>
<form action=”” method=”post”>
<input class=”” type=”text” name=”keyword” id=”keyword” placeholder=”Pencarian” autofocus autocomplete=”off”>
<button class=”btn right-align” type=”submit” name=”cari_pelajar” id=”tombol-cari”><i class=”material-icons”>search</i></button>
</form>
</div>
</div>
</div>
<table class=”striped”>
<thead>
<tr class=”purple lighten-5″>
<th>No</th>
<th>Name</th>
<th>No Registrasi</th>
<th>No Telepon</th>
<th>Alamat</th>
<th>Paket Kursus</th>
<th class=”center-align”>Aksi</th>
</tr>
</thead>
<tbody>
<tr>
<?php $i=1; ?>
<?php foreach($tabel_pelajar as $row): ?>
<th scope=”row” class=”align-middle”><?= $i; ?></th>
<td class=”align-middle”><?= $row[“nama_pelajar”]; ?></td>
<td class=”align-middle”><?= $row[“no_registrasi”]; ?></td>
<td class=”align-middle”><?= $row[“no_telepon”]; ?></td>
<td class=”align-middle”><?= $row[“alamat_pelajar”]; ?></td>
<td class=”align-middle”><?= $row[“paket_kursus”]; ?></td>
<td class=”align-middle center-align”>
<a href=”hapus_pelajar.php?id=<?= $row[“id”];?>” onclick=”return confirm(‘Apakah anda yakin ingin menghapus data ?’);” class=”btn red darken-1″><i class=”material-icons”>delete</i>
</a>
<a href=”edit_pelajar.php?id=<?= $row[“id”];?>” class=”btn cyan accent-5″><i class=”material-icons”>edit</i>
</a>
</td>
</tr>
<?php $i++; ?>
<?php endforeach; ?>
</tbody>
</table>
</div>
</div>
</div>
</section>
<!– footer –>
<footer class=”teal darken-3 white-text center”>
<p>Erriwhan Setiorini BWP (201543501569) || 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>