Tutorial: Fitur Edit Profil PHP + MySQL (Part 5)

🧑‍💻 Tutorial: Membuat Fitur Edit Profil PHP + MySQL (Part 5)

Halo sobat ngoding! Kali ini kita akan membuat form edit profil sederhana untuk pengguna yang sudah login. Fitur ini penting agar user bisa mengubah nama, email, dan info pribadi mereka.

🎯 Tujuan Tutorial

• Menampilkan data pengguna dari database
• Menampilkan form edit yang sudah terisi (pre-filled)
• Menyimpan perubahan ke database

🗃️ Struktur Database (Tabel users)

Kita akan menggunakan kolom: username, email, dan fullname. Kamu bisa tambahkan kolom lain sesuai kebutuhan.

📄 File: edit-profile.php

<?php
session_start();
require 'config.php';
$user_id = $_SESSION['user_id'];

if ($_SERVER['REQUEST_METHOD'] == 'POST') {
  $fullname = $_POST['fullname'];
  $email = $_POST['email'];

  $stmt = $conn->prepare("UPDATE users SET fullname=?, email=? WHERE id=?");
  $stmt->bind_param("ssi", $fullname, $email, $user_id);
  $stmt->execute();
  $msg = "Profil berhasil diperbarui!";
}

// Ambil data user dari DB
$stmt = $conn->prepare("SELECT username, fullname, email FROM users WHERE id=?");
$stmt->bind_param("i", $user_id);
$stmt->execute();
$result = $stmt->get_result();
$user = $result->fetch_assoc();
?>

📋 Tampilan Form Edit

<h2>Edit Profil</h2>
<?php if(isset($msg)) echo "<p style='color:green;'>$msg</p>"; ?>

<form method="post">
  <label>Username (tidak bisa diubah):</label>
  <input type="text" value="<?= $user['username'] ?>" disabled>

  <label>Nama Lengkap:</label>
  <input name="fullname" value="<?= $user['fullname'] ?>" required>

  <label>Email:</label>
  <input name="email" type="email" value="<?= $user['email'] ?>" required>

  <button type="submit">Simpan Perubahan</button>
</form>

🛡️ Tips Keamanan

• Validasi email sebelum update
• Lindungi halaman ini hanya untuk user yang login (gunakan session)
• Simpan update dalam log jika diperlukan

✅ Kesimpulan

Dengan form ini, user bisa memperbarui datanya sendiri tanpa perlu admin. Pastikan kamu menghindari perubahan username/id untuk menghindari konflik data.

Tutorial selanjutnya kita akan bahas: Upload foto profil & simpan di server! Jangan lupa ikuti terus ya! 😉