Cara Membuat CRUD Plus Upload Gambar dengan PHP & MySQL Dan Debian Sebagai Server
1. Buat sebuah file dengan nama index.php, lalu simpan pada folder /var/www
Pastikan Debian kalian sudah terinstal phpmyadmin,mysql dan sftp.
Pastikan juga Windows Sebagai Klien terinstal Winscp untuk mengakses Direktori Debian
Pastikan juga Windows Sebagai Klien terinstal Winscp untuk mengakses Direktori Debian
2. Buat lagi sebuah folder dengan nama images, lalu simpan pada folder /var/www
Step 2 – DataBase
Pada step ini, kita akan membuat databasenya. Ikuti langkah langkah berikut ini :
1. Buat Sebuah database dengan nama Belajar_DataBase
2. Buat Struktur table dengan nama siswa. Struktur tabelnya sebagai berikut :
Script Struktur Tabel :
CREATE TABLE IF NOT EXISTS `siswa` (
`nama` varchar(50) NOT NULL,
`jenis_kelamin` varchar(10) NOT NULL,
`alamat` text NOT NULL,
`foto` varchar(200) NOT NULL,
PRIMARY KEY (`nama`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
Step 3 – Buat Koneksi DataBase
Pada step ini, kita akan membuat file koneksi.php yang berfungsi untuk menghubungkan dengan database MySQL. Silahkan buat file koneksi.php, lalu simpan di folder /var/www . Berikut ini kodenya :
<?php
$host = "localhost"; // Nama hostnya
$username = "root"; // Username
$password = ""; // Password (Isi jika menggunakan password)
$database = "Belajar_DataBase"; // Nama databasenya
$connect = mysqli_connect($host, $username, $password, $database); // Koneksi ke MySQL
?>
Step 4 – Buat View Data
Pada step ini, kita akan membuat sebuah file php yang berfungsi sebagai tampilan awal dan menampilkan semua data siswa dari database ke dalam sebuah tabel. Isikan kode berikut ke index.php yang sudah kita buat di step 1.
Berikut ini tampilan dan kodenya :
Script untuk index.php
<html>
<head>
<title>Aplikasi CRUD Plus Upload Gambar dengan PHP</title>
</head>
<body>
<h1>Data Siswa</h1>
<a href="form_simpan.php">Tambah Data</a><br><br>
<table border="1" width="100%">
<tr>
<th>Foto</th>
<th>Nama</th>
<th>Jenis Kelamin</th>
<th>Alamat</th>
<th colspan="2">Aksi</th>
</tr>
<?php
// Load file koneksi.php
include "koneksi.php";
$query = "SELECT * FROM siswa"; // Query untuk menampilkan semua data siswa
$sql = mysqli_query($connect, $query); // Eksekusi/Jalankan query dari variabel $query
while($data = mysqli_fetch_array($sql)){ // Ambil semua data dari hasil eksekusi $sql
echo "<tr>";
echo "<td><img src='images/".$data['foto']."' width='100' height='100'></td>";
echo "<td>".$data['nama']."</td>";
echo "<td>".$data['jenis_kelamin']."</td>";
echo "<td>".$data['alamat']."</td>";
echo "</tr>";
}
?>
</table>
</body>
</html>
Step 5 – Form Tambah Data
Langkah selanjutnya adalah membuat sebuah form yang digunakan untuk menambah data siswa. Silahkan buat sebuah file dengan nama form_simpan.php lalu simpan di folder /var/www/. Berikut ini tampilan dan kodenya :
<html>
<head>
<title>Aplikasi CRUD dengan PHP</title>
</head>
</head>
<body>
<h1>Tambah Data Siswa</h1>
<form method="post" action="proses_simpan.php" enctype="multipart/form-data">
<table cellpadding="8">
<tr>
<td>Nama</td>
<td><input type="text" name="nama"></td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td>
<input type="radio" name="jenis_kelamin" value="Laki-laki"> Laki-laki
<input type="radio" name="jenis_kelamin" value="Perempuan"> Perempuan
</td>
</tr>
<tr>
<td>Alamat</td>
<td><textarea name="alamat"></textarea></td>
</tr>
<tr>
<td>Foto</td>
<td><input type="file" name="foto"></td>
</tr>
</table>
<hr>
<input type="submit" value="Simpan">
<a href="index.php"><input type="button" value="Batal"></a>
</form>
</body>
</html>
Step 6 –Proses Simpan Data
<?php
// Load file koneksi.php
include "koneksi.php";
// Ambil Data yang Dikirim dari Form
$nama = $_POST['nama'];
$jenis_kelamin = $_POST['jenis_kelamin'];
$jenis_kelamin = $_POST['jenis_kelamin'];
$alamat = $_POST['alamat'];
$foto = $_FILES['foto']['name'];
$tmp = $_FILES['foto']['tmp_name'];
// Rename nama fotonya dengan menambahkan tanggal dan jam upload
$fotobaru = date('dmYHis').$foto;
// Set path folder tempat menyimpan fotonya
$path = "images/".$fotobaru;
// Proses upload
if(move_uploaded_file($tmp, $path)){ // Cek apakah gambar berhasil diupload atau tidak
// Proses simpan ke Database
$query = "INSERT INTO siswa VALUES('".$nama."', '".$jenis_kelamin."', '".$alamat."','".$fotobaru."')";
$sql = mysqli_query($connect, $query); // Eksekusi/ Jalankan query dari variabel $query
if($sql){ // Cek jika proses simpan ke database sukses atau tidak
if($sql){ // Cek jika proses simpan ke database sukses atau tidak
// Jika Sukses, Lakukan :
header("location: index.php"); // Redirect ke halaman index.php
header("location: index.php"); // Redirect ke halaman index.php
}else{
// Jika Gagal, Lakukan :
echo "Maaf, Terjadi kesalahan saat mencoba untuk menyimpan data ke database.";
echo "<br><a href='form_simpan.php'>Kembali Ke Form</a>";
}
}else{
// Jika gambar gagal diupload, Lakukan :
echo "Maaf, Gambar gagal untuk diupload.";
echo "<br><a href='form_simpan.php'>Kembali Ke Form</a>";
}
?>
Sekian Tutorial kali ini. Apabila kalian ingin menghapus/mengubah data siswa telah dibuat bisa melalui phpmyadmin hapus/ubah data siswa secara manual lewat phpmyadmin. Dan apabila ada yang ingin ditanyakan, silahkan tanyakan lewat kolom komentar dibawah ini. TerimaKasih.
(diambil dari berbagai sumber)
4 comments
Thank you
https://drive.google.com/file/d/13VAdrOriSuWUPE28p0QMKY7wshgCGUFr/view?usp=sharing