Nama : Afel Allaric Absor
NRP : 5025231140
Kelas : Pemrograman Web (E)
Pertemuan 13 Menambahkan Fitur Upload Foto
Yang berbeda dari sebelumnya adalah :
- calon_siswa.sql :
CREATE DATABASE IF NOT EXISTS pendaftaran_siswa;
USE pendaftaran_siswa;
CREATE TABLE IF NOT EXISTS calon_siswa (
id INT AUTO_INCREMENT PRIMARY KEY,
nama VARCHAR(100) NOT NULL,
alamat TEXT NOT NULL,
jenis_kelamin ENUM('Laki-laki', 'Perempuan') NOT NULL,
agama VARCHAR(50) NOT NULL,
sekolah_asal VARCHAR(100) NOT NULL
);
ALTER TABLE calon_siswa ADD COLUMN photo VARCHAR(255) DEFAULT NULL;
Kode diatas berfungsi untuk membuat database, "ALTER TABLE calon_siswa ADD COLUMN photo VARCHAR(255) DEFAULT NULL;" berfungsi untuk menambahkan kolom "photo" berupa varchar yang nantinya akan diisi link foto yang telah diupload.
- list-siswa.php :
<?php
require 'config.php';
$sql = "SELECT * FROM calon_siswa";
$result = mysqli_query($conn, $sql);
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>List siswa</title>
</head>
<body>
<h1>Daftar Siswa</h1>
<a href="form-daftar.php">[+] Tambah Siswa Baru</a>
<a href="edit-siswa.php">[+] Edit Data Siswa</a>
<table border="1">
<thead>
<tr>
<th>ID</th>
<th>Nama</th>
<th>Alamat</th>
<th>Jenis Kelamin</th>
<th>Agama</th>
<th>Sekolah Asal</th>
<th>Photo</th>
<th>Upload Photo</th>
<th>Hapus</th>
<th>Edit</th>
</tr>
</thead>
<tbody>
<?php while($row = mysqli_fetch_assoc($result)): ?>
<tr>
<td><?= $row['id'] ?></td>
<td><?= htmlspecialchars($row['nama']) ?></td>
<td><?= htmlspecialchars($row['alamat']) ?></td>
<td><?= $row['jenis_kelamin'] ?></td>
<td><?= htmlspecialchars($row['agama']) ?></td>
<td><?= htmlspecialchars($row['sekolah_asal']) ?></td>
<td>
<?php if ($row['photo']): ?>
<img src="<?= $row['photo'] ?>" alt="Photo" width="100">
<?php else: ?>
Belum ada foto
<?php endif; ?>
</td>
<td>
<form action="upload-photo.php" method="POST" enctype="multipart/form-data">
<input type="file" name="photo" required>
<input type="hidden" name="id" value="<?= $row['id'] ?>">
<button type="submit" name="upload">Upload</button>
</form>
</td>
<td>
<a href="hapus.php?id=<?= $row['id'] ?>" onclick="return confirm('Apakah Anda yakin ingin menghapus data ini?');">Hapus</a>
</td>
<td>
<a href="edit-siswa.php?id=<?= $row['id'] ?>">Edit</a>
</td>
</tr>
<?php endwhile; ?>
</tbody>
Kode diatas berfungsi untuk menampilkan data setiap siswa yang telah dimasukkan ke database. Menambahkan form upload photo pada kolom "Upload Photo" dan kolom "Photo" untuk menampilkan photo yang telah diupload.
- Hasil kode saat dijalankan :
- Link repo github berisi source code : https://github.com/afelallaric/Pweb-Upload-Photo.git
Komentar
Posting Komentar