Για να εγγράψετε και να ανακτήσετε σταθερού μήκους εγγραφές σε μια βάση δεδομένων μέσω μιας ιστοσελίδας με HTML5, θα χρειαστείτε μια αρχιτεκτονική που περιλαμβάνει τουλάχιστον τα εξής μέρη:
- Frontend (HTML5): Η διεπαφή χρήστη, όπου οι χρήστες θα μπορούν να εισάγουν δεδομένα.
- Backend: Ο διακομιστής που θα χειρίζεται τις αιτήσεις από το frontend και θα αλληλεπιδρά με τη βάση δεδομένων.
- Βάση δεδομένων: Η αποθήκη των δεδομένων που θα εισάγουν οι χρήστες.
1. Δημιουργία HTML5 Φόρμας
Δημιουργήστε μια απλή HTML φόρμα για να συλλέξετε τα δεδομένα.
<!DOCTYPE html>
<html lang="el">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Εγγραφή Σταθερού Μήκους Εγγραφής</title>
</head>
<body>
<h1>Εγγραφή</h1>
<form id="dataForm">
<label for="name">Όνομα:</label>
<input type="text" id="name" name="name" maxlength="50" required><br><br>
<label for="email">Email:</label>
<input type="email" id="email" name="email" maxlength="50" required><br><br>
<input type="submit" value="Υποβολή">
</form>
<div id="response"></div>
<script>
document.getElementById("dataForm").addEventListener("submit", function(event) {
event.preventDefault();
const formData = new FormData(this);
fetch('backend.php', {
method: 'POST',
body: formData
})
.then(response => response.text())
.then(data => {
document.getElementById("response").innerHTML = data;
})
.catch(error => console.error('Error:', error));
});
</script>
</body>
</html>
2. Δημιουργία Backend με PHP
Θα χρειαστείτε ένα αρχείο PHP (π.χ. backend.php) για να επεξεργαστείτε τις αιτήσεις και να αλληλεπιδράσετε με τη βάση δεδομένων.
<?php
$servername = "localhost";
$username = "root"; // ή το όνομα χρήστη σας
$password = ""; // ή τον κωδικό σας
$dbname = "your_database"; // το όνομα της βάσης δεδομένων σας
// Δημιουργία σύνδεσης
$conn = new mysqli($servername, $username, $password, $dbname);
// Έλεγχος της σύνδεσης
if ($conn->connect_error) {
die("Σφάλμα σύνδεσης: " . $conn->connect_error);
}
// Λήψη δεδομένων από τη φόρμα
$name = $_POST['name'];
$email = $_POST['email'];
// Εισαγωγή δεδομένων
$sql = "INSERT INTO users (name, email) VALUES ('$name', '$email')";
if ($conn->query($sql) === TRUE) {
echo "Εγγραφή επιτυχής!";
} else {
echo "Σφάλμα: " . $sql . "<br>" . $conn->error;
}
// Κλείσιμο σύνδεσης
$conn->close();
?>
3. Δημιουργία Βάσης Δεδομένων
Δημιουργήστε τη βάση δεδομένων και τον πίνακα στον οποίο θα αποθηκεύονται οι εγγραφές. Χρησιμοποιήστε τον παρακάτω SQL κώδικα:
CREATE DATABASE your_database;
USE your_database;
CREATE TABLE users (
id INT(11) AUTO_INCREMENT PRIMARY KEY,
name VARCHAR(50) NOT NULL,
email VARCHAR(50) NOT NULL
);
4. Ανάκτηση Δεδομένων
Μπορείτε να προσθέσετε μια επιπλέον λειτουργία στην PHP για να ανακτήσετε τα δεδομένα που έχουν καταχωρηθεί:
// Ανάκτηση δεδομένων
$sql = "SELECT * FROM users";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
while($row = $result->fetch_assoc()) {
echo "ID: " . $row["id"]. " - Όνομα: " . $row["name"]. " - Email: " . $row["email"]. "<br>";
}
} else {
echo "0 αποτελέσματα";
} 
Συνοψίζοντας
Αυτά τα βήματα θα σας καθοδηγήσουν στην υλοποίηση μίας απλής εφαρμογής ιστοσελίδας για την εγγραφή και ανάκτηση σταθερού μήκους εγγραφών σε μια βάση δεδομένων. Φυσικά, υπάρχουν πολλές άλλες βελτιώσεις που μπορείτε να κάνετε, όπως η χρήση PDO για την ασφάλεια κατά των SQL injection, ή η χρήση JavaScript για καλύτερη εμπειρία χρήστη.
Δεν υπάρχουν σχόλια:
Δημοσίευση σχολίου