Membuat Halaman Paket Kursus
Oke temen-temen, setelah halaman index nya sudah berhasil dibuat, selanjutnya kita akan buat halaman untuk paket kursus, pada halaman ini kita akan membuat fungsi session login, pagination, pencarian dan menampilkan data paket kursus.
Buatlah New File diproject “rumah_coding” dengan nama “paket_kursus.php”
Kemudian Copy source codenya dibawah postingan ini dan save. Setelah itu coba akses menu Paket Kursus. Jika berhasil akan muncul halaman Paket Kursus seperti dibawah ini.
Source Code :
<?php
session_start();
if (!isset($_SESSION[“login”])){
header(“Location: login.php”);
exit;
}
// konfigurasi
require ‘function.php’;
// pagination
$jumlahDataPerhalaman = 5;
$jumlahData = count(query(“SELECT * FROM tb_paket_kursus”));
$jumlahHalaman = ceil($jumlahData / $jumlahDataPerhalaman);
$halamanAktif = ( isset($_GET[“halaman”]))? $_GET[“halaman”] : 1;
$awalData = ($jumlahDataPerhalaman * $halamanAktif) – $jumlahDataPerhalaman;
// ambil query dari tabel pelajar
$tabel_paket = query(“SELECT*FROM tb_paket_kursus LIMIT $awalData, $jumlahDataPerhalaman”);
// tombol cari
if (isset($_POST[“cari_paket”])) {
$tabel_paket = cari_paket($_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″>Daftar Paket Kursus Rumah Coding</h4>
<div class=”col m12″>
<a href=”tambah_paket.php” class=”btn deep-purple darken-4″>Tambah Data Paket</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_paket” 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>Nama Paket</th>
<th>Services</th>
<th>Pertemuan</th>
<th>Harga</th>
<th>Tutor</th>
<th class=”center-align”>Aksi</th>
</tr>
</thead>
<tbody>
<tr>
<?php $i=1; ?>
<?php foreach($tabel_paket as $row): ?>
<th scope=”row” class=”align-middle”><?= $i; ?></th>
<td class=”align-middle”><?= $row[“nama_paket”]; ?></td>
<td class=”align-middle”><?= $row[“services”]; ?></td>
<td class=”align-middle”><?= $row[“pertemuan”]; ?></td>
<td class=”align-middle”><?= $row[“harga_paket”]; ?></td>
<td class=”align-middle”><?= $row[“tutor”]; ?></td>
<td class=”align-middle center-align”>
<a href=”hapus_paket.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_paket.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>Joko Suradno (201543500007)|| 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>