Anda di halaman 1dari 4

Membuat Website Form Buku tamu  E-Learning pertemuan 11

1. Field pada DATABASE


Terdapat 5 field
 Id
Sebagai primary key
 Nama
 Alamat
 Email
 Nohp

2. Script
 Membuat halaman utama dari buku tamu “index.php”
 <?php
 $conn = mysqli_connect("localhost", "root", "", "bukutamu");

 function query($query) {
 global $conn;
 $result = mysqli_query($conn, $query);
 $rows = [];
 while($row = mysqli_fetch_assoc($result) ) {
 $rows [] = $row;
 }
 return $rows;
 }

 // konfigurasi paggination
 $jumlahDataPerHalaman = 5;
 $jumlahData = count(query("SELECT * FROM buku_tamu"));
 $jumlahHalaman = ceil($jumlahData / $jumlahDataPerHalaman);
 $halamanAktif = ( isset($_GET["halaman"]) ) ? $_GET["halaman"] : 1;
 $awalData = ($jumlahDataPerHalaman * $halamanAktif ) - $jumlahDataPerHalaman;

 $buku_tamu = query("SELECT * FROM buku_tamu LIMIT $awalData, $jumlahDataPerHalaman");
 ?>

 <!DOCTYPE html>
 <html lang="en">
 <title>daftar tamu</title>
 </head>
 <body>
 <h1>Daftar Tamu Undangan</h1>
 <!-- navigasi pagging -->
 <?php if( $halamanAktif > 1 ) : ?>
 <a href="?halaman=<?= $halamanAktif - 1; ?>">&laquo;</a>
 <?php endif; ?>

 <?php for ( $i = 1; $i <= $jumlahHalaman; $i++ ) : ?>
 <?php if( $i == $halamanAktif ) : ?>
 <a href="?halaman=<?= $i; ?>" style="color: red;"><?= $i; ?></a>
 <?php else : ?>
 <a href="?halaman=<?= $i; ?>"><?= $i; ?></a>
 <?php endif; ?>
 <?php endfor; ?>

 <?php if( $halamanAktif < $jumlahHalaman ) : ?>
 <a href="?halaman=<?= $halamanAktif + 1; ?>">&raquo;</a>
 <?php endif; ?>

 <table border="1" cellpadding="10" cellspacing="0">


 <tr>
 <th width="10">No.</th>
 <th width="250">Nama</th>
 <th width="300">Alamat</th>
 <th width="240">Email</th>
 <th width="150">No Hp</th>
 </tr>
 <?php $i = 1; ?>
 <?php foreach( $buku_tamu as $row) : ?>
 <tr>
 <td><?= $i; ?></td>
 <td><?= $row["nama"]; ?></td>
 <td><?= $row["alamat"]; ?></td>
 <td><?= $row["email"]; ?></td>
 <td><?= $row["nohp"]; ?></td>
 </tr>
 <?php $i++ ?>
 <?php endforeach; ?>
 </table>
 </body>
 </html>
3. Tampilan Halaman
 Halaman utama terdapat 15 data tamu di dalam tabel buku_tamu
 Terdapat 5 data / record perhalaman
 Terdapat 3 halaman dan bisa di akses menggunkan pagging

 Halaman 1
 Halaman 2

- Halaman 3

Anda mungkin juga menyukai