Skip to content

Membuat halaman dashboard

Untuk membuat halaman dashboard dibutuhkan 3 file, yaitu:

  • index.php yang berisi template yang digunakan oleh semua halaman,
  • konten.php yang berisi skrip untuk mengatur halaman mana yagn akan ditampilkan, dan
  • dashboard.php yang akan ditampilkan pada bagian konten.

Mulai dari mengubah file dashboard.html menadi index.php dan rubah skripnya menjadi berikut.

<?php
    session_start();
    ob_start();

    include "library/config.php";

    if (empty($_SESSION['username']) OR empty($_SESSION['password'])) {
        echo "<p align='center'>Anda harus login terlebih dahulu!</p>";
        echo "<meta http-equiv='refresh' content='2; url=login.php'>";
    } else {
        define('INDEX', true);
?>

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Dashboard</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <header>
        Aplikasi Manajemen Pegawai
    </header>
    <div class="container">
        <aside>
            <ul class="menu">
                <li><a href="?hal=dashboard">Dashboard</a></li>
                <li><a href="?hal=pegawai">Data Pegawai</a></li>
                <li><a href="?hal=jabatan">Data Jabatan</a></li>
                <li><a href="logout.php">Keluar</a></li>
            </ul>
        </aside>
        <section class="main">
            <?php include "konten.php" ?>
        </section>
    </div>
    <footer>
        Copyright &copy; <b>Masipnu</b> Official
    </footer>
</body>
</html>

<?php
}
?>

File konten.php

<?php
    if (!defined('INDEX')) die();

    $halaman = [
        "dashboard",
        "pegawai",
        "pegawai_tambah",
        "pegawai_insert",
        "pegawai_edit",
        "pegawai_update",
        "pegawai_hapus",
        "jabatan",
        "jabatan_tambah",
        "jabatan_insert",
        "jabatan_edit",
        "jabatan_update",
        "jabatan_hapus"
    ];

    if (isset($_GET['hal'])) {
        $hal = $_GET['hal'];
    } else {
        $hal = 'dashboard';
    }

    foreach($halaman as $h){
        if($hal == $h){
            include "content/$h.php";
            break;
        }
    }
?>

Dan berikut skrip file dashboard, diletakkan di dalam folder content.

<?php
    if(!defined('INDEX')) die("");
?>

<h1>Selamat Datang di Aplikasi Manajemen Pegawai</h1>
<h3>Anda login sebagai <b>Administrator</b></h3>

Penjelasan

  • Sekarang coba buka browser kembali, ketikkan localhost lalu ENTER, tentu ada akan diarahkan ke halaman login.
  • Coba masukkan admin untuk username dan passwordnya, lalu ENTER.
  • Selamat 😎