index.
php
Lokasi : pplgtoko/admin/
Code
<?php
session_start();
if (!isset($_SESSION['login_admin'])) {
header("Location: ../[Link]");
exit;
}
?>
<!DOCTYPE html>
<html xmlns="[Link]
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>PPLG Toko</title>
<!-- BOOTSTRAP -->
<link href="../assets/css/[Link]" rel="stylesheet" />
<!-- FONT AWESOME (OFFLINE) -->
<link href="../assets/css/[Link]" rel="stylesheet" />
<!-- CUSTOM -->
<link href="../assets/css/[Link]" rel="stylesheet" />
</head>
<body>
<div id="wrapper">
<!-- NAVBAR -->
<nav class="navbar navbar-default navbar-cls-top" style="margin-bottom:0">
<div class="navbar-header">
<a class="navbar-brand" href="[Link]">Admin Tokoku</a>
</div>
<div style="float:right;padding:15px">
<a href="[Link]?halaman=logout" class="btn btn-danger">Logout</a>
</div>
</nav>
<!-- SIDEBAR -->
<nav class="navbar-default navbar-side">
<div class="sidebar-collapse">
<ul class="nav" id="main-menu">
<li class="text-center">
<img src="../assets/img/find_user.png" class="user-image img-responsive"/>
</li>
<li>
<a href="[Link]">
<i class="fa fa-dashboard fa-3x"></i> Beranda
</a>
</li>
<li>
<a href="[Link]?halaman=produk">
<i class="fa fa-archive fa-3x"></i> Produk
</a>
</li>
<li>
<a href="[Link]?halaman=pelanggan">
<i class="fa fa-users fa-3x"></i> Pelanggan
</a>
</li>
<li>
<a href="[Link]?halaman=pembelian">
<i class="fa fa-shopping-cart fa-3x"></i> Pembelian
</a>
</li>
<li>
<a href="[Link]?halaman=logout">
<i class="fa fa-sign-out fa-3x"></i> Logout
</a>
</li>
</ul>
</div>
</nav>
<!-- CONTENT -->
<div id="page-wrapper">
<div id="page-inner">
<?php
if (isset($_GET['halaman'])) {
if ($_GET['halaman'] == 'produk')
include '[Link]';
elseif ($_GET['halaman'] == 'pelanggan')
include '[Link]';
elseif ($_GET['halaman'] == 'pelanggan_tambah')
include 'pelanggan_tambah.php';
elseif ($_GET['halaman'] == 'pelanggan_edit')
include 'pelanggan_edit.php';
elseif ($_GET['halaman'] == 'pelanggan_hapus')
include 'pelanggan_hapus.php';
elseif ($_GET['halaman'] == 'pembelian')
include '[Link]';
elseif ($_GET['halaman'] == 'logout') {
session_destroy();
header("Location: ../[Link]");
exit;
}
} else {
include '[Link]';
}
?>
</div>
</div>
</div>
<!-- JS -->
<script src="../assets/js/[Link]"></script>
<script src="../assets/js/[Link]"></script>
<script src="../assets/js/[Link]"></script>
<script src="../assets/js/[Link]"></script>
</body>
</html>
Penjelasan
Pengaman Login (Session)
Di bagian atas ada:
• session_start() → Mengaktifkan session
• Mengecek apakah admin sudah login
Jika belum login:
Sistem langsung mengarahkan ke halaman login.
Artinya:
Halaman admin tidak bisa diakses tanpa login.
Bagian Tampilan (Template)
File ini berisi:
• Navbar (bagian atas)
• Sidebar (menu kiri)
• Content (isi halaman)
Artinya:
Ini adalah template utama tampilan admin.
Navbar (Bagian Atas)
Berisi:
• Nama aplikasi (Admin Tokoku)
• Tombol Logout
Logout berfungsi untuk:
• Menghapus session
• Kembali ke halaman login
Sidebar (Menu Kiri)
Menu yang tersedia:
• Beranda
• Produk
• Pelanggan
• Pembelian
• Logout
Contoh link menu:
[Link]?halaman=pelanggan
Artinya:
Buka file pelanggan melalui parameter halaman.
Cara Kerja Sistem Halaman (Paling Penting)
Bagian ini adalah inti dari sistem:
Program membaca:
$_GET['halaman']
Lalu menentukan file mana yang harus dibuka.
Contoh:
Jika URL:
[Link]?halaman=pelanggan
Maka sistem akan:
include '[Link]';
Konsep Include (Sangat Penting untuk Siswa)
Sistem tidak membuka file secara langsung.
Tetapi:
File lain dimasukkan ke dalam index menggunakan:
include 'nama_file.php';
Artinya:
[Link] menjadi pembungkus semua halaman.
Contoh Alur
Jika klik menu Pelanggan:
1. URL berubah menjadi:
[Link]?halaman=pelanggan
2. Sistem membaca parameter halaman
3. Sistem menjalankan:
include '[Link]';
4. Isi [Link] muncul di bagian content
Bagian Logout
Jika halaman = logout:
• Session dihancurkan
• Sistem kembali ke login
Artinya:
User keluar dari sistem.
Jika Tidak Ada Parameter Halaman
Jika URL hanya:
[Link]
Maka sistem akan membuka:
[Link]
Itulah halaman Beranda.
Struktur Sistem Admin
Secara konsep, sistem ini menggunakan:
Sistem 1 file utama ([Link]) sebagai pengatur halaman
Model ini sering disebut:
• Routing sederhana
• Controller sederhana