Source Code Aplikasi Pembayaran SPP Berbasis Web dengan PHP dan MySQL #3

Aplikasi Pembayaran SPP Berbasis Web Part 3

Hai, berjumpa kembali, masih dalam pembuatan Aplikasi Pembayaran SPP Berbasis Web dengan PHP dan MySQL.

Pada part sebelumnya kita sudah membuat file Admin.php dan index.php, dan untuk part ini kita akan membuat halaman SPP terlebih dahulu dan method untuk Create data. Loh.. Kenapa tidak halaman Siswa dulu mas? Mungkin ada yang bertanya seperti itu, jawabannya karena dalam penambahan data siswa ada data tahun yang harus dipilih.




Data tahun yang diambil dari tb_spp yang akan menentukan nominalnya. Maka dari itu kita buat CRUD SPP kemudian dilanjut dengan CRUD Siswa.

Dan file yang kita buat pada artikel ini adalah sebagai berikut:


Pertama kita tambahkan beberapa method dalam class Admin yang ada pada Admin.php seperti berikut:

Admin.php

<?php

require_once '../../config/Koneksi.php';

class Admin extends Koneksi {
 public function getDataPetugas($id) {
  $stmt = mysqli_query($this->konek, "SELECT * FROM tb_petugas WHERE id_petugas = '" . $id . "'");

  return $stmt;
 }

 public function getDataSPP() {
  $stmt = mysqli_query($this->konek, "SELECT * FROM tb_spp ORDER BY tahun ASC");

  return $stmt;
 }

 public function tambahDataSPP($tahun, $nominal) {
  $stmt = mysqli_query($this->konek, "INSERT INTO tb_spp VALUES ('', '" . $tahun . "', '" . $nominal . "')");

  if($stmt) {
   return true;
  } else {
   return false;
  }
 }
}

Pada method getDataSPP() berisi query untuk memilih semua data dari tb_spp dan mengurutkan tahun dari terkecil hingga terbesar menggunakan ASC.

Dan method tambahDataSPP($tahun, $nominal) berisi query untuk menambahkan data ke tb_spp dengan parameter tahun dan nominal, lalu mengeceknya menggunakan fungsi if yang akan mengembalikan nilai true apabila berhasil dan nilai false apabila gagal.

Pada index.php  kita juga akan merubah isinya menjadi seperti berikut:

index.php

<?php 
require_once 'header.php';

if(isset($_GET['p'])) {
 if($_GET['p'] == 'spp') {
  require_once 'data-spp.php'; // sudah dibuat
 } elseif($_GET['p'] == 'tambah-spp') {
  require_once 'tambah-spp.php'; 
 } elseif($_GET['p'] == 'ubah-spp') { // belum dibuat
  require_once 'ubah-spp.php';
 } elseif($_GET['p'] == 'hapus-spp') {
  // hapus data spp
 } else {
  echo '<script>alert("Halaman tidak ada!")</script>';
 }
} 

require_once 'footer.php'; 
?>

Jika dijalankan masih terdapat beberapa error dikarenakan beberapa file yang kita panggil belum dibuat. Jadi langsung saja kita buat file-file yang dibutuhkan.

header.php

<?php
session_start();
require_once 'Admin.php';

$admin = new Admin;

// jika session id belum diset, maka kembalikan ke halaman login
if(!isset($_SESSION['id'])) {
 header('Location: ../../');
}

$id = $_SESSION['id'];

$data = $admin->getDataPetugas($id);
$row = mysqli_fetch_assoc($data);
?>

<!DOCTYPE html>
<html>
<head>
 <title>Halaman Admin</title>
 <style type="text/css">
  li {
   margin-right: 10px;
  }
 </style>
</head>
<body>
 <div>
  <ul style="display:flex; list-style:none;">
   <li><b>Aplikasi Pembayaran SPP</b></li>
   <li><a href="?p=siswa">Data Siswa</a></li>
   <li><a href="?p=petugas">Data Petugas</a></li>
   <li><a href="?p=spp">Data SPP</a></li>
   <li><a href="?p=logout">Logout</a></li>
  </ul>
 </div>




data-spp.php

<h2>Data SPP</h2>
<a href="?p=tambah-spp">Tambah Data</a>
<br><br>

<?php
if(isset($_SESSION['pesan'])) {
 echo $_SESSION['pesan'];
 unset($_SESSION['pesan']);
 echo '<br/>';
}
?>
<table border="1">
 <tr>
  <th>No</th>
  <th>Tahun</th>
  <th>Nominal</th>
  <th>Aksi</th>
 </tr>
  
  <!-- tampilkan data spp -->
  <?php
  $no = 1;
  $spp = $admin->getDataSPP();
  while($dt_spp = mysqli_fetch_assoc($spp)) {
  ?>

   <tr>
    <td><?= $no++; ?></td>
    <td><?= $dt_spp['tahun']; ?></td>
    <td><?= $dt_spp['nominal']; ?></td>
    <td><a href="?p=ubah-spp">Ubah</a>|<a href="?p=hapus-spp">Hapus</a></td>
   </tr>

  <?php
  }
  ?>

</table>

tambah-spp.php

<?php
if(isset($_POST['submit'])) {
 $simpan = $admin->tambahDataSPP($_POST['tahun'], $_POST['nominal']);

 if($simpan) {
  header('Location: ?p=spp');
  $_SESSION['pesan'] = "Data SPP berhasil ditambah";
 } else {
  header('Location: ?p=spp');
  $_SESSION['pesan'] = "Data SPP gagal ditambah";
 }
}
?>

<h2>Tambah data SPP</h2>
<form method="post">
 <label for="tahun">Tahun</label><br>
 <input type="text" name="tahun" id="tahun" placeholder="Masukan tahun ajaran" required><br>
 <label for="nominal">Nominal</label><br>
 <input type="text" name="nominal" id="nominal" placeholder="Masukan nominal" required><br>
 <input type="submit" name="submit" value="Simpan">
</form>

footer.php

</body>
</html>

Hasilnya akan seperti gambar berikut:

part 3 halaman data spp dan form tambah data spp
Halaman data SPP

Form tambah data spp aplikasi pembayaran spp
Form tambah data SPP


Mengingat pada part ini kita hanya akan membuat halaman SPP dan juga form tambah data SPP, ketika kalian mengklik menu Data Siswa atau Data Petugas maka akan memunculkan pesan kesalahan karena memang belum kita buat.

Untuk aksi ubah dan hapus kita akan buat pada part selanjutnya. Sampai sini jika masih ada kendala dalam pembuatan Aplikasi Pembayaran SPP silahkan tuliskan pada kolom komentar dibawah.

Jika kalian dirasa kurang paham kalian bisa tonton videonya disini. Terimakasih dan sampai jumpa.


Posting Komentar

2 Komentar

  1. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  2. misi gan,,boleh mintak file databasenya ngak gan,,?sudah di coba input data user dari phpmyadmin pas mau login "Username atau password tidak valid" gan

    BalasHapus