Comment accéder à la base de données de base de données en HTML

Comment accéder à une base de données avec HTML

À l'ère numérique d'aujourd'hui, nous devons communiquer des données via Internet. Afin de réaliser cette fonction, nous devons utiliser deux technologies clés : HTML et base de données. HTML (Hypertext Markup Language) est un format standard pour décrire le contenu Web, tandis qu'une base de données est une application logicielle utilisée pour stocker et gérer des données. Dans cet article, nous verrons comment accéder à la base de données via HTML.

Le HTML est souvent considéré comme une technologie statique car il ne peut afficher que du contenu préconçu. Pour obtenir plus d’interactivité, nous devons utiliser des techniques dynamiques. Dans ces technologies, HTML est utilisé comme frontal, tandis que le back-end est un langage de programmation et une base de données. Dans ce cas, nous devons utiliser un langage de script côté serveur pour nous connecter à la base de données afin d'interroger et de modifier les données. Ci-dessous, nous présenterons comment accéder à la base de données via HTML sous deux aspects.

Utilisez PHP et MySQL pour accéder aux bases de données

PHP est un langage de script côté serveur, tandis que MySQL est un système de gestion de bases de données open source largement utilisé. Grâce à ces deux technologies, nous pouvons facilement accéder et modifier la base de données. Voici quelques étapes montrant comment utiliser PHP et MySQL pour vous connecter à une base de données, envoyer des instructions de requête et obtenir des résultats :

1. Tout d'abord, vous devez installer PHP sur votre serveur local. Vous pouvez télécharger PHP depuis le site officiel et suivre les instructions pour l'installer.

2. Ensuite, vous devez vous connecter à la base de données MySQL. Vous pouvez télécharger MySQL depuis le site officiel de MySQL et l'installer.

3. Utilisez le code suivant en PHP pour vous connecter à MySQL :

$servername = "localhost";
$username = "root";
$password = "";
// Créer une connexion
$conn = new mysqli ($servername, $username, $password);
//Détecter la connexion
if ($conn->connect_error) {

die("Connection failed: " . $conn->connect_error);

}
echo "Connecté avec succès";

4. Créez une nouvelle base de données et une nouvelle table :

.

$sql = "CREATE DATABASE myDB";
if ($conn->query($sql) === TRUE) {

echo "Database created successfully";

} else {

echo "Error creating database: " . $conn->error;

}

$sql = "CREATE TABLE MyGuests (
id INT(6) CLÉ PRIMAIRE UNSIGNED AUTO_INCREMENT,
prénom VARCHAR(30) NON NULL,
nom VARCHAR(30) NON NULL,
e-mail VARCHAR(50),
reg_date TIMESTAMP
)";
if ($conn-> ; query($sql) === TRUE) {

echo "Table MyGuests created successfully";

} else {

echo "Error creating table: " . $conn->error;

}

5 Maintenant, utilisez le code suivant en PHP pour interroger la table :

$sql = "SELECT id, firstname, lastname. FROM MyGuests";
$result = $conn->query($sql);
if ($result->num_rows > 0) {

// 输出每行数据
while($row = $result->fetch_assoc()) {
    echo "id: " . $row["id"]. " - Name: " . $row["firstname"]. " " . $row["lastname"]. "<br>";
}

} else {

echo "0 results";

}

Voici quelques informations sur en utilisant Les bases de l'accès aux bases de données avec PHP et MySQL, cependant, cet article ne couvre pas tout en profondeur.

Utilisez Javascript et Firebase pour accéder à la base de données

Firebase est une base de données en temps réel qui est une solution basée sur le cloud fournie par Google. Voici quelques étapes pour vous connecter à une base de données en temps réel et obtenir des données à l'aide de JavaScript et de Firebase :

1 Tout d'abord, vous devez créer un nouveau projet sur Firebase et générer une clé pour votre application. En ajoutant cette clé à votre fichier JavaScript, vous autorisez votre application à se connecter à Firebase.

2. Vous devez maintenant utiliser le code suivant pour vous connecter à la base de données Firebase à partir de JavaScript :

var config = {

apiKey: "YOUR_API_KEY",
authDomain: "YOUR_AUTH_DOMAIN",
databaseURL: "YOUR_DATABASE_URL",
storageBucket: "YOUR_STORAGE_BUCKET",

};
firebase.initializeApp(config);

3. les données :

var firebaseRef = firebase.database().ref("users/");
firebaseRef.once("value").then(function(snapshot) {

snapshot.forEach(function(childSnapshot) {
    var childKey = childSnapshot.key;
    var childData = childSnapshot.val();
    console.log("Child key: " + childKey + ", Child value: " + childData);
});

});

Le code ci-dessus interrogera le nom Firebase Un ensemble de données pour les "utilisateurs" et imprime la clé et la valeur de chaque élément enfant sur la console du navigateur.

Conclusion

Les technologies HTML et de base de données sont au cœur des applications Web modernes. Bien que la technologie HTML soit principalement responsable du front-end, nous devons utiliser la technologie back-end pour implémenter des fonctions telles que l'accès aux bases de données. Dans cet article, nous vous montrons comment vous connecter à la base de données et récupérer des données à l'aide de deux technologies : PHP et MySQL, Javascript et Firebase. Ce code n'est qu'un point de départ, mais met clairement en évidence les points clés de l'utilisation du HTML pour accéder à une base de données.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!