Heim > Web-Frontend > Front-End-Fragen und Antworten > Backend-Datenbank zum Web-Frontend hinzufügen

Backend-Datenbank zum Web-Frontend hinzufügen

王林
Freigeben: 2023-05-20 14:30:38
Original
865 Leute haben es durchsucht

Mit der rasanten Entwicklung des Internets widmen immer mehr Unternehmen und Institutionen dem Aufbau und der Entwicklung von Websites Aufmerksamkeit, und das Web-Frontend spielt als Gesicht der Website eine entscheidende Rolle für die Benutzererfahrung und Seitenanzeige. Allerdings kann eine Website nur mit dem Front-End die Bedürfnisse der Benutzer nicht erfüllen. Viele Informationen und Interaktionen müssen über die Back-End-Datenbank realisiert werden. Daher müssen Front-End-Ingenieure das Wissen beherrschen, wie sie das Back-End erweitern können -End-Datenbank, um die Entwicklung der Website besser abzuschließen.

1. Die Rolle der Backend-Datenbank

Die Website muss den Benutzern nicht nur Informationen über die Benutzeroberfläche anzeigen, sondern auch eine große Datenmenge speichern und verarbeiten, die für die Mitgliederverwaltung und Auftragsabwicklung verwendet werden kann , Inhaltsveröffentlichung und andere Aspekte. In der Backend-Datenbank werden diese Daten gespeichert und sie ist für die Übertragung von Daten von der Frontend-Seite an den Server zur Verwaltung und Wartung verantwortlich.

Es gibt viele Arten von Backend-Datenbanken wie MySQL, Oracle, SQL Server, MongoDB usw. Unter diesen wird MySQL häufiger verwendet, da es einfach zu verwenden, gut kompatibel und hoch stabil ist.

2. Stellen Sie eine Verbindung zur Backend-Datenbank her

Um im Web-Frontend auf die Backend-Datenbank zuzugreifen, müssen Sie eine Zwischentechnologie verwenden, normalerweise eine Backend-Sprache wie PHP, Java, ASP.NET. Das Folgende ist ein Beispiel für PHP-Code zum Herstellen einer Verbindung zu einer MySQL-Datenbank:

//连接数据库
$con = mysqli_connect('localhost','root','','test');
//设置编码格式
mysqli_set_charset($con,"utf8");
//检查连接是否成功
if (!$con) {
    die('Connect Error (' . mysqli_connect_errno() . ') ' . mysqli_connect_error());
}
Nach dem Login kopieren

Der obige Code verwendet zunächst die Funktion mysqli_connect(), um eine Verbindung zur lokalen MySQL-Datenbank herzustellen, und verwendet dann die Funktion mysqli_set_charset(), um die Datenbankkodierung auf utf8 festzulegen und überprüft schließlich mithilfe der if-Anweisung, ob die Verbindung erfolgreich ist. Wenn die Verbindung nicht erfolgreich ist, wird die Programmausführung gestoppt und eine Fehlermeldung zurückgegeben.

3. Daten hinzufügen, löschen, ändern und überprüfen

Nachdem eine Verbindung zur Backend-Datenbank hergestellt wurde, muss das Frontend in der Lage sein, die Daten in der Datenbank hinzuzufügen, zu löschen, zu ändern und zu überprüfen. Im Folgenden wird PHP als Beispiel verwendet, um die Implementierung dieser Vorgänge vorzustellen:

  1. Daten einfügen
$name = $_POST['name'];
$age = $_POST['age'];
$sex = $_POST['sex'];
$insert = "INSERT INTO user (name, age, sex) VALUES ('$name', '$age', '$sex')";
if ($con->query($insert) === TRUE) {
    echo "插入成功!";
} else {
    echo "Error: " . $insert . "<br>" . $con->error;
}
Nach dem Login kopieren

Der obige Code verwendet SQL-Anweisungen, um Daten vom Frontend in die Benutzertabelle der MySQL-Datenbank einzufügen. Beachten Sie, dass die drei Variablen $name, $age und $sex aus dem Formular erhaltene POST-Daten sind.

  1. Daten löschen
$id = $_GET['id'];
$delete = "DELETE FROM user WHERE id=$id";
if ($con->query($delete) === TRUE) {
    echo "删除成功!";
} else {
    echo "Error: " . $delete . "<br>" . $con->error;
}
Nach dem Login kopieren

Der obige Code verwendet SQL-Anweisungen, um die Daten mit der ID $id aus der Benutzertabelle der MySQL-Datenbank zu löschen. Die Variable $id sind die von der URL erhaltenen GET-Daten.

  1. Daten ändern
$id = $_POST['id'];
$name = $_POST['name'];
$age = $_POST['age'];
$sex = $_POST['sex'];
$update = "UPDATE user SET name='$name', age='$age', sex='$sex' WHERE id=$id";
if ($con->query($update) === TRUE) {
    echo "修改成功!";
} else {
    echo "Error: " . $update . "<br>" . $con->error;
}
Nach dem Login kopieren

Der obige Code verwendet SQL-Anweisungen, um die Daten mit der ID $id in der Benutzertabelle der MySQL-Datenbank zu ändern.

  1. Daten abfragen
$sql = "SELECT * FROM user";
$result = mysqli_query($con,$sql);

if (mysqli_num_rows($result) > 0) {
    while($row = mysqli_fetch_assoc($result)) {
        echo "ID:".$row["id"]." - Name:".$row["name"]." - Age:".$row["age"]." - Sex:".$row["sex"]."<br>";
    }
} else {
    echo "0 结果";
}
mysqli_close($con);
Nach dem Login kopieren

Der obige Code verwendet SQL-Anweisungen, um alle Daten in der Benutzertabelle der MySQL-Datenbank abzufragen und die Ergebnisse auf der Webseite anzuzeigen.

IV. Zusammenfassung

In der modernen Web-Frontend-Entwicklung ist die Verbindung zur Backend-Datenbank ein notwendiger Schritt. Erst wenn die Verbindung hergestellt und der Betrieb der Datenbank implementiert ist, kann die Website ihre Funktionalität und ihren Wert wirklich verbessern. Daher müssen Front-End-Ingenieure ihr Studium und ihre Praxis mit Back-End-Datenbanken verstärken, grundlegende Vorgänge wie Verbindungen, Hinzufügungen, Löschungen, Änderungen usw. beherrschen und ihre Fähigkeiten ständig verbessern, um die Website-Entwicklung effektiv zu unterstützen.

Das obige ist der detaillierte Inhalt vonBackend-Datenbank zum Web-Frontend hinzufügen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage