1.
HTML ile Temel Sayfa Yapısını Oluştur
Öncelikle, kullanıcıların kayıt olabileceği ve giriş yapabileceği HTML sayfaları oluşturman gerekiyor.
Kayıt Ol Sayfası (
register.html
)
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kayıt Ol</title>
</head>
<body>
<h2>Kayıt Ol</h2>
<form action="/register" method="POST">
<label for="username">Kullanıcı Adı:</label>
<input type="text" id="username" name="username" required><br><br>
<label for="email">E-posta:</label>
<input type="email" id="email" name="email" required><br><br>
<label for="password">Şifre:</label>
<input type="password" id="password" name="password" required><br><br>
<button type="submit">Kayıt Ol</button>
</form>
</body>
</html>
Giriş Yap Sayfası (
login.html
)
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Giriş Yap</title>
</head>
<body>
<h2>Giriş Yap</h2>
<form action="/login" method="POST">
<label for="email">E-posta:</label>
<input type="email" id="email" name="email" required><br><br>
<label for="password">Şifre:</label>
<input type="password" id="password" name="password" required><br><br>
<button type="submit">Giriş Yap</button>
</form>
</body>
</html>
2. Backend (Sunucu Tarafı) Kodunu Yaz
Bu aşama, kullanıcının kayıt ve giriş bilgilerini işleyecek olan backend kısmını içerir. Bu örnekte, Python ve Flask framework'ü kullanacağız. Ancak sen başka bir dil ve framework de seçebilirsin.
Flask Uygulaması (
(app.py)
)
from flask import Flask, render_template, request, redirect, url_for
app = Flask(
name)
# Basit bir kullanıcı veritabanı (gerçek projelerde veritabanı kullanılır)
users = {}
@app.route('/')
def home():
return redirect(url_for('login'))
@app.route('/register', methods=['GET', 'POST'])
def register():
if request.method == 'POST':
username = request.form['username']
email = request.form['email']
password = request.form['password']
# Veritabanına kaydetme işlemi burada yapılır (örneğin: users[username] = {'email': email, 'password': password})
users
= {'username': username, 'password': password}
return redirect(url_for('login'))
return render_template('register.html')
@app.route('/login', methods=['GET', 'POST'])
def login():
if request.method == 'POST':
email = request.form['email']
password = request.form['password']
# Kullanıcının giriş bilgilerini kontrol et
if email in users and users[email]['password'] == password:
return "Giriş Başarılı"
else:
return "Hatalı e-posta veya şifre"
return render_template('login.html')
if [B]name[/B] == '[B]main[/B]':
app.run(debug=True)
[HEADING=2]3. [B]Kullanıcı Verisini Saklama[/B][/HEADING]
Bu örnekte kullanıcılar basit bir Python sözlüğü (dictionary) içinde saklanıyor. Gerçek projelerde veritabanı kullanılır (örneğin, MySQL, PostgreSQL veya SQLite).
Yukarıdaki Python kodunu bir dosya olarak kaydedip çalıştırabilirsin. Uygulama, lokal sunucunda ([ICODE]http://127.0.0.1:5000/[/ICODE]) çalışacaktır.
[LIST]
[*][B]Kayıt ol[/B]: Kullanıcı adı, e-posta ve şifre ile kayıt olabilecek.
[*][B]Giriş yap[/B]: Kayıtlı bir e-posta ve şifre ile giriş yapabilecek.[/SPOILER]
[/LIST]