Die Integration einer MySQL-Datenbank in HTML ist eine notwendige und nützliche Aufgabe für Webentwickler. Dadurch können Sie dynamische, interaktive Webseiten erstellen, die mit den in der Datenbank gespeicherten Daten interagieren können.
In diesem Handbuch werden wir die grundlegenden Schritte zum Verbinden von HTML mit einer MySQL-Datenbank untersuchen. Wir erfahren, wie Sie eine Verbindung zwischen einer Webseite und einer Datenbank herstellen und verschiedene CRUD-Operationen (Erstellen, Lesen, Aktualisieren, Löschen) mit der SQL-Sprache ausführen.
Bevor Sie mit der Datenbankverbindung beginnen, müssen Sie sicherstellen, dass Sie bereits einen MySQL-Datenbankserver installiert und konfiguriert haben. Wenn der MySQL-Server nicht installiert ist, können Sie ihn von der offiziellen MySQL-Website herunterladen. Dann installieren und konfigurieren Sie den Server entsprechend Ihrem Betriebssystem.
Verbinden von HTML und MySQL-Datenbank
Um HTML und eine MySQL-Datenbank zu verbinden, müssen Sie eine Programmiersprache verwenden, die Datenbankabfragen verarbeitet. Zum Beispiel ist PHP eine gebräuchliche serverseitige Programmiersprache, die häufig für die Arbeit mit MySQL-Datenbanken verwendet wird.
Um HTML und eine MySQL-Datenbank mit PHP zu verbinden, müssen Sie die folgenden Schritte ausführen:
- Installieren und konfigurieren Sie den Apache-Server, damit PHP auf dem lokalen Computer ausgeführt werden kann.
- Erstellen Sie eine MySQL-Datenbank und eine Tabelle, in der die Daten gespeichert werden.
- Erstellen Sie ein PHP-Skript, das sich mit der Datenbank verbindet und Abfragen ausführt.
- Fügen Sie ein PHP-Skript in den HTML-Code ein, um die Daten aus der Datenbank auf einer Webseite anzuzeigen.
Sie können beispielsweise den folgenden Code verwenden, um Daten aus einer Datenbank auf einer Webseite anzuzeigen:
";while ($row = mysqli_fetch_assoc($result)) ";echo "".$row['column1']." ";echo "".$row['column2']." ";echo "";>echo "";mysqli_close($connection);?>
Durch die Verbindung von HTML und MySQL-Datenbank können Sie daher dynamische Webseiten erstellen, die Daten aus der Datenbank anzeigen können.
Schritt 1: Installieren und Konfigurieren des MySQL-Servers
- Laden Sie das MySQL-Server-Installationsprogramm von der offiziellen MySQL-Website herunter.
- Führen Sie das Installationsprogramm aus und folgen Sie den Anweisungen auf dem Bildschirm, um den MySQL-Server zu installieren.
- Während der Installation haben Sie die Möglichkeit, die Komponenten auszuwählen, die Sie installieren möchten. Stellen Sie sicher, dass Sie die Option "MySQL-Server" ausgewählt haben, um den Server zu installieren.
- Führen Sie nach Abschluss der Installation die MySQL-Befehlszeile oder die Datenbankverwaltungsumgebung aus, um sich bei MySQL anzumelden.
- Geben Sie Ihre Anmeldeinformationen (Benutzername und Passwörter) ein, um sich beim MySQL-System anzumelden.
- Nachdem Sie sich erfolgreich angemeldet haben, können Sie mit der Einrichtung und Verwendung Ihrer MySQL-Datenbank beginnen.
An diesem Punkt haben Sie den MySQL-Server erfolgreich auf Ihrem Computer installiert und konfiguriert. Jetzt sind Sie bereit, mit dem nächsten Schritt fortzufahren, der darin besteht, eine Datenbank und eine Tabelle für Ihr Projekt zu erstellen.
Schritt 2: Erstellen einer Datenbank und einer Tabelle
1. Öffnen Sie eine MySQL-Entwicklungsumgebung wie phpMyAdmin oder MySQL Workbench.
2. Erstellen Sie eine neue Datenbank mit dem Befehl CREATE DATABASE Datenbankname; , wobei "Datenbankname" der Name Ihrer Datenbank ist. Sie können beispielsweise den Befehl CREATE DATABASE mydb; verwenden, um eine Datenbank mit dem Namen "mydb" zu erstellen.
3. Stellen Sie mithilfe des Befehls USE Datenbankname eine Verbindung mit der erstellten Datenbank her; . Zum Beispiel können Sie den Befehl USE mydb verwenden; um eine Verbindung mit der Datenbank "mydb" herzustellen.
4. Erstellen Sie eine Tabelle mit dem Befehl CREATE TABLE Tabellenname (Spalte1 Datentyp, Spalte2 Datentyp,). ); , wobei "Tabellenname" der Tabellenname ist, "Spalte1", "Spalte2", . - Spaltennamen, "Datentyp" - der Datentyp, der in jeder Spalte gespeichert werden soll. Sie können beispielsweise den Befehl CREATE TABLE users (id INT, name VARCHAR(50), email VARCHAR(50)) verwenden, um eine Tabelle "users" mit drei Spalten zu erstellen: "id" mit dem Datentyp INT, "name" und "email" mit dem Datentyp VARCHAR(50).
5. Nachdem Sie die Tabelle erstellt haben, können Sie die Daten mit dem Befehl INSERT INTO Tabellenname (Spalte 1, Spalte 2, ) hinzufügen. ) VALUES (Wert1, Wert2, . ); . Zum Beispiel können Sie den Befehl INSERT INTO users (id, name, email) VALUES (1, 'John Doe', '[email protected] '); um der Tabelle "users" Daten hinzuzufügen.
Glückwunsch! Sie haben gerade eine Datenbank und eine Tabelle erstellt, die als Grundlage für die Speicherung der Daten Ihrer Webanwendung dienen.
Schritt 3: Installieren und Konfigurieren der Entwicklungsumgebung
Bevor Sie mit dem Verbinden von HTML mit einer MySQL-Datenbank beginnen, müssen Sie die Entwicklungsumgebung auf Ihrem Computer installieren und konfigurieren. Hier finden Sie eine schrittweise Anleitung zum Installieren und Konfigurieren der erforderlichen Komponenten.
1. Installieren und Konfigurieren eines Webservers
Um mit HTML und einer MySQL-Datenbank zu arbeiten, benötigen Sie einen Webserver. Sie können einen Apache-Server als empfohlene Option verwenden.
Um den Apache-Server zu installieren, besuchen Sie die offizielle Apache-Website und laden Sie die neueste Version des Servers herunter.
Nach dem Download folgen Sie den Installationsanweisungen und starten Sie den Server. Stellen Sie sicher, dass der Server erfolgreich gestartet wurde, indem Sie den Browser öffnen und in die Adressleiste eingeben "http://localhost ". Wenn Sie die Apache-Begrüßungsseite sehen, bedeutet dies, dass der Server ordnungsgemäß installiert und konfiguriert ist.
2. MySQL installieren
Um mit einer MySQL-Datenbank zu arbeiten, müssen Sie das MySQL-DBMS selbst installieren. Besuchen Sie die offizielle MySQL-Website und laden Sie die neueste Version des MySQL Community Edition-Servers herunter.
Führen Sie die Installationsdatei aus und folgen Sie den Installationsanweisungen. Während der Installation werden Sie aufgefordert, ein Passwort für den Root-Benutzer anzugeben, das für den Zugriff auf die Datenbank verwendet wird.
3. MySQL-Client installieren und konfigurieren
Es wird empfohlen, einen MySQL-Client wie phpMyAdmin oder MySQL Workbench zu installieren, um eine einfache Arbeit mit einer MySQL-Datenbank zu ermöglichen. Diese Tools erleichtern das Erstellen, Bearbeiten und Verwalten von Datenbanken.
Wählen Sie den MySQL-Client aus und laden Sie ihn herunter, der Ihren Bedürfnissen und Vorlieben am besten entspricht.
Führen Sie die MySQL-Client-Installationsdatei aus und folgen Sie den Installationsanweisungen. Konfigurieren Sie den Client nach der Installation mit der Serveradresse (normalerweise "localhost"), dem Benutzernamen (normalerweise "root") und dem Passwort, das Sie bei der Installation des MySQL-DBMS angegeben haben.
Jetzt müssen Sie alle notwendigen Komponenten installiert und konfiguriert haben, um mit dem Verbinden von HTML mit einer MySQL-Datenbank zu arbeiten. Sie können mit dem nächsten Schritt fortfahren.
Schritt 4: Verbinden der HTML-Seite mit der Datenbank
Jetzt, da wir die Datenbank und die Tabelle erstellt haben, ist es an der Zeit, die HTML-Seite mit unserer MySQL-Datenbank zu verbinden. Dazu benötigen wir die folgenden Schritte:
1. Stellen Sie mithilfe der Funktion mysqli_connect() eine Verbindung zur Datenbank her. Geben Sie als Parameter für die Funktion den Host, den Benutzernamen, das Kennwort und den Datenbanknamen an. Zum Beispiel:
$host = 'localhost';$username = 'root';$password = 'password';$dbname = 'my_database';$conn = mysqli_connect($host, $username, $password, $dbname);if (!$conn)
2. Nach erfolgreicher Verbindung mit der Datenbank können wir Abfragen für die Tabelle ausführen. Um beispielsweise alle Datensätze aus der Tabelle users abzurufen :
$sql = 'SELECT * FROM users';$result = mysqli_query($conn, $sql);if (mysqli_num_rows($result) > 0) ';>> else
3. Vergessen Sie nicht, die Datenbankverbindung zu schließen, nachdem Sie die Arbeit abgeschlossen haben:
mysqli_close($conn);Jetzt können Sie Ihre HTML-Seite mit einer MySQL-Datenbank verknüpfen, Daten aus einer Tabelle abrufen und auf Ihrer Webseite anzeigen.
Schritt 5: Anzeigen von Daten aus der Datenbank auf einer HTML-Seite
Nachdem wir die MySQL-Datenbank erfolgreich mit unserer HTML-Datei verbunden haben, können wir beginnen, die Daten aus der Datenbank auf unserer HTML-Seite anzuzeigen. Dazu verwenden wir die Programmiersprache PHP.
Zunächst müssen wir eine Datenbankverbindung erstellen und eine SQL-Abfrage ausführen, um die Daten abzurufen. Dann können wir die Schleife verwenden, um die empfangenen Daten zu durchlaufen und sie auf der Seite anzuzeigen.
Zu diesem Zeitpunkt enthält die Tabelle keine echten Daten aus der Datenbank, sie ist jedoch ein Beispiel dafür, wie die Tabelle nach dem Ausführen des Bearbeitungs- und Aktualisierungsvorgangs aussehen wird.
Um die Daten zu bearbeiten, müssen wir den Schaltflächen "Bearbeiten" und "Löschen" Ereignishandler hinzufügen. Wenn Sie auf die Schaltfläche "Bearbeiten" klicken, werden wir ein Formular anzeigen, in dem der Benutzer die Daten ändern kann. Wenn Sie auf die Schaltfläche "Löschen" klicken, werden wir den entsprechenden Datensatz aus der Datenbank löschen.
Wir fügen die gesamte Logik der Datenverarbeitung in unser PHP-Skript ein, das mit der HTML-Seite verknüpft wird. In diesem Skript werden wir die Aktionen des Benutzers verarbeiten und die Daten in der Datenbank abrufen und aktualisieren.
Schritt 7: Löschen von Daten aus der Datenbank über eine HTML-Seite
Das Löschen von Daten aus einer MySQL-Datenbank kann über eine HTML-Seite mit der Programmiersprache PHP implementiert werden.
Um Daten aus der Datenbank zu löschen, müssen Sie ein HTML-Formular erstellen, in das der Benutzer die zu löschenden Daten eingeben soll. Beim Senden des Formulars werden die Daten dann an den Server gesendet und mit einem PHP-Skript verarbeitet.
Ein Beispiel für ein HTML-Formular zum Löschen von Daten aus einer Datenbank könnte folgendermaßen aussehen:
| Daten löschen: |
|---|
In diesem Beispiel werden Sie aufgefordert, die ID des Datensatzes einzugeben, den Sie löschen möchten. Das Formular sendet die Daten mit der POST-Methode an die Seite "delete.php".
Auf der Serverseite müssen Sie ein PHP-Skript schreiben, das die Anforderung zum Löschen von Daten verarbeitet. In diesem Beispiel könnte das Skript folgendermaßen aussehen:
// Operationen zum Löschen von Daten mithilfe einer SQL-Abfrage
echo "Daten wurden erfolgreich gelöscht";
In diesem Code erhält die Variable $id den vom Benutzer über das Formular übergebenen Wert. Anschließend können Sie eine SQL-Abfrage zum Löschen der Daten mithilfe des resultierenden ID-Werts und der entsprechenden Tabelle in der Datenbank ausführen.
Nachdem der Löschvorgang erfolgreich abgeschlossen wurde, können Sie dem Benutzer eine entsprechende Meldung über das erfolgreiche Ergebnis anzeigen.
Auf diese Weise kann das Löschen von Daten aus einer MySQL-Datenbank über eine HTML-Seite mit PHP implementiert werden.
