Günümüz web uygulamalarında kullanıcı profilleri oldukça önemli bir yer tutmaktadır. Kullanıcıların profil bilgilerini eksiksiz bir şekilde doldurması, platformun daha iyi hizmet vermesine ve kullanıcı deneyiminin iyileştirilmesine katkı sağlar. Ancak birçok kullanıcı, profil bilgilerini tamamlamayı ihmal edebilir.
Bu nedenle birçok web sitesi ‘Profil Tamamlama Yüzdesi’ gibi bir özellik ekleyerek kullanıcıyı eksik bilgileri doldurmaya teşvik eder. Bu yazımızda, PHP ile JSON kullanarak profil bütünlüğünü nasıl hesaplayabileceğinizi ve eksik bilgileri nasıl tespit edebileceğinizi detaylı bir şekilde anlatacağız. Aynı zamanda, bu sistemin PHP dışında başka dillerle de nasıl uygulanabileceğini açıklayacağız.
Proje Yapısı ve Çalışma Mantığı
Bu projede üç temel bileşen bulunmaktadır:
1. backend.php (Backend API)
2. profile.html (Profil Sayfası)
3. edit-profile.html (Profil Düzenleme Sayfası)
Backend API: JSON Verisi Döndüren PHP
PHP ile JSON formatında kullanıcı bilgilerini döndüren bir API oluşturacağız. Ancak burada önemli bir nokta var: Bu API sadece JSON verisi döndürüyor ve herhangi bir POST işlemi yapmıyor.
Backend olarak PHP yerine başka diller de kullanılabilir. Node.js (Express), Python (Flask/Django), Ruby (Sinatra) veya ASP.NET gibi diller de JSON formatında veri döndürebilir.
Backend olarak PHP yerine başka diller de kullanılabilir. İşte PHP örneği:
<?php
header("Access-Control-Allow-Origin: *");
header("Content-Type: application/json");
$profileData = [
"name" => "Ufuk",
"surname" => "Deneme",
"email" => "ufuk@gmail.com",
"phone" => "",
"birthdate" => "",
"gender" => "Erkek",
"address" => "",
"profession" => "Mühendis"
];
echo json_encode($profileData);
exit;
?>Profil Sayfası: profile.html ile JSON Verisini Çekme
Bu sayfa, backend’den JSON verisini alır ve kullanıcı profilini görüntüler.
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Profil Sayfası</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<h2>Profilim</h2>
<p><strong>Ad:</strong> <span id="profileName">-</span></p>
<p><strong>Soyad:</strong> <span id="profileSurname">-</span></p>
<p><strong>E-posta:</strong> <span id="profileEmail">-</span></p>
<p><strong>Telefon:</strong> <span id="profilePhone">-</span></p>
<script>
$(document).ready(function () {
$.ajax({
url: "backend.php",
type: "GET",
success: function(response) {
$("#profileName").text(response.name || "-");
$("#profileSurname").text(response.surname || "-");
$("#profileEmail").text(response.email || "-");
$("#profilePhone").text(response.phone || "-");
}
});
});
</script>
</body>
</html>Sonuç
Bu makalede, PHP kullanarak JSON formatında profil bilgilerini nasıl oluşturabileceğimizi ve frontend tarafında bu verileri nasıl işleyebileceğimizi gördük.
🚀 Öne Çıkan Avantajlar:
✅ Backend olarak PHP yerine başka diller de kullanılabilir (Node.js, Python, Ruby, ASP.NET, vb.).
✅ JSON formatı sayesinde veriler platformdan bağımsız olarak işlenebilir.
✅ Kullanıcı profil bütünlüğü hesaplanarak eksik bilgilerin tamamlanması teşvik edilir.
✅ Kullanıcı hangi cihazdan girerse girsin, veriler backend’den alındığı için günceldir.
Sevgili Okuyucularımız, Sizlere bilgi, eğlence ve ilham dolu içerikler sunabildiysek ne mutlu bize. Eğer yazımızda herhangi bir düzeltme veya öneri sunmak isterseniz, lütfen yorum yapmaktan çekinmeyin. Sizden gelen geri bildirimler, içeriklerimizi daha da geliştirmemiz için bize büyük bir yardımcı olacaktır. Teşekkür ederiz!
Unutmayın! Paylaşmak; kazanmanın en hızlı ve kolay yoludur. Bir sonraki makalede görüşmek dileğiyle esen kalın.
