So erstellen Sie eine Message Board-Website mit PHP und MYSQL – wikiHow

2024 Autor: John Day | [email protected]. Zuletzt bearbeitet: 2024-01-30 07:17

Dieses anweisbare zeigt Ihnen, wie Sie eine Message Board-Website mit PHP, MySQL, HTML und CSS erstellen. Wenn Sie neu in der Webentwicklung sind, machen Sie sich keine Sorgen, es gibt detaillierte Erklärungen und Analogien, damit Sie die Konzepte besser verstehen.

Benötigte Materialien:

• Texteditor (d. h. Sublime Text, Atom usw.). Ich werde erhabenen Text verwenden.
• WAMP steht für Windows Apache MySQL und PHP
• MAMP steht für Mac Apache MySQL und PHP

MAMP für Mac-Benutzer: https://www.mamp.info/en/ (enthält MySQL und PHP)

WAMP für Windows-Benutzer: https://www.wampserver.com/en/ (einschließlich MySQL und PHP)

Erhabener Text:

Schritt 1: Projektübersicht

Die Möglichkeit, Nachrichten zu verfolgen, besteht darin, sie in einer Datenbank zu speichern. In diesem Tutorial verwenden wir MySQL. (Ich verwende WAMP, da ich ein Windows-basiertes Betriebssystem habe)

1. Konfigurieren Sie PHP und MySQL, indem Sie sicherstellen, dass sie heruntergeladen werden und Sie zu ihrem Dateispeicherort auf Ihrem Computer navigieren können.
2. Öffnen Sie die Eingabeaufforderung, navigieren Sie zu Ihrem mysql-Verzeichnis und geben Sie "mysqladmin -u root -p password" ein. Dieser Befehl fordert Sie auf, Ihr Passwort einzugeben und es erneut einzugeben.
3. Starten Sie nun Ihren WAMP- oder MAMP-Server. Sobald der Server geladen ist, wird ein grünes Symbol angezeigt. Klicken Sie auf das Symbol -> MySQL -> MySQL-Konsole, um sicherzustellen, dass Sie sich mit Ihrem neu erstellten Passwort anmelden können.
4. Nun besteht die Aufgabe darin, die Datenbank zu erstellen, in der die Informationen zu den Nachrichten gespeichert werden. Lassen Sie uns darüber nachdenken, was normalerweise von einer Nachricht benötigt wird. Zu den allgemeinen Elementen gehören: Name, der Zeitpunkt, zu dem die Nachricht veröffentlicht wurde, der Zeitpunkt, zu dem die Nachricht veröffentlicht wurde, und die Nachricht selbst.
5. Erstellen Sie eine Datenbank mit dem Namen "Nachricht".
6. Erstellen Sie eine Tabelle mit dem Namen "Kommentare" und fügen Sie die Zeilen hinzu: id (Integer-Typ, der automatisch inkrementiert wird), Name (Varchar-Typ), Kommentar (Varchar-Typ), Zeit (Varchar-Typ), Datum (Varchar-Typ),
7. Verbinden Sie sich mit der Datenbank "message" in einer PHP-Datei namens "db.php".
8. Erstellen Sie das Eingabefeld für den Namen des Autors und den Textbereich für die Nachricht.
9. Überprüfen Sie die Daten, bevor Sie sie in die Datenbank einfügen. Wenn alles in Ordnung ist, geben Sie die Nachricht, den Namen des Autors, das Datum und die Uhrzeit der Veröffentlichung des Beitrags ein.
10. Zeigen Sie die Nachrichten an, indem Sie alle Datenbankeinträge in ein HTML-Div abrufen und die Seite mit CSS gestalten.
11. Hurra, Sie haben erfolgreich gelernt, ein Messaging-System zu erstellen.

Schritt 2: Schritt 2 - Datenbank einrichten

Abbildung 1 - Sobald die Datenbank erstellt wurde, können Sie den Befehl 'show databases' eingeben, um sicherzustellen, dass die Datenbank erfolgreich erstellt wurde.

DATENBANKEN ANZEIGEN;

Abbildung 2 - Um Informationen in der Datenbank zu speichern, muss eine Tabelle erstellt werden. Das Erstellen der Tabelle mit den wesentlichen Zeilen ist der Schlüssel, um sicherzustellen, dass die Website alle erforderlichen Informationen enthält. Die Tabellenkommentare enthalten alle erforderlichen Informationen

Um eine Verbindung zur Nachrichtendatenbank herstellen zu können, geben Sie den Befehl "GRANT ALL PRIVILEGES ON message.*" aus. Sie können Ihren eigenen Benutzernamen und Ihr Passwort verwenden, bitte vergessen Sie es nicht.

CREATE DATABASE message;GEWÄHREN SIE ALLE PRIVILEGIEN FÜR die Nachricht.* TO 'username'@'localhost' IDENTIFIED BY 'password';

Abbildung 3 - Geben Sie "Kommentare beschreiben" ein, um sicherzustellen, dass die Tabelle erfolgreich erstellt wurde. Sie können die Zeilen und ihre Datentypen anzeigen, indem Sie diesen Befehl ausführen.

KOMMENTARE BESCHREIBEN;

Bild 4 - Da die Zeile für den Kommentar ursprünglich nicht vorhanden war, fügen wir sie mit dem ALTER TABLE-Befehl hinzu. Der Kommentar ist vom Typ VARCHAR(255). Dies bedeutet, dass der Kommentar Text ist, der eine Länge von 255 Zeichen nicht überschreiten darf.

ALTER TABLE-Nachricht ADD COLUMN Kommentare VARCHAR(255) NOT NULL;

Die 255 steht für die maximale Länge für Kommentare. Nicht null bedeutet, dass beim Einfügen einer Nachricht in die Datenbank das Kommentarfeld in der Datenbank nicht leer sein darf (null; nicht vorhanden).

Schritt 3: PHP-Dateien erstellen

Die folgenden Schritte werden in Ihrem Texteditor Ihrer Wahl ausgeführt. Ich werde erhabenen Text verwenden.

1. Wir müssen zwei Dateien erstellen. Eine wird db.php genannt, die eine Verbindung zur MYSQL-Datenbank (meine Standardabfragesprache) herstellt, und index.php, die Seite, auf der die Nachrichten stattfinden.

2. Zuerst erstellen wir db.php. Beim Einrichten der Datenbank die Verbindungsanmeldeinformationen zum Herstellen einer Verbindung mit der Datenbank. Diese Datei verbindet index.php mit der Datenbank, damit wir sie mit den Informationen füllen können, die zum Erstellen des Chatrooms benötigt werden.

Code für db.php

?php define("DB_SERVER", "localhost");

define("DB_USER", "kyel95"); define("DB_PASSWORD", "Passwort"); define("DB_NAME", "Nachricht"); $connect = mysqli_connect(DB_SERVER, DB_USER, DB_PASSWORD, DB_NAME);

if(mysqli_connect_errno())

{ die("Datenbankverbindung fehlgeschlagen: ". mysqli_connect_error(). " (". mysqli_connect_errno(). ")"); }

?>

3. Als nächstes erstellen wir index.php. In dieser Datei erstellen wir den Chatroom. Wir verwenden das Eingabefeld von HTML für den Namen, den Textbereich für die Nachricht und ein div-Element, um die Nachrichten zu enthalten. Wir verwenden CSS (Cascase Style Sheet), um die Seitenelemente zu positionieren und den Inhalt der Seite zu dekorieren.

Code für index.php

?phprequire_once('db.php');

if(isset($_POST['submit'])) { $time = date("g:i:s A"); $datum = Datum("n/j/J"); $msg = $_POST['Nachricht']; $name = $_POST['fname']; $ergebnis = ""; if(!empty($msg) && !empty($name)) { //Name Zeit Datum Nachricht $query = "INSERT INTO Kommentare ("; $query.= " Name, Zeit, Datum, Kommentar"; $query. = ") WERTE ("; $query.= " '{$name}', '{$time}', '{$date}', '{$msg}' "; $query.= ")"; $result = mysqli_query($connect, $query); } } ?>

textarea { Randradius: 2%; } #thread { border: 1px #d3d3d3 solid; Höhe: 350px; Breite: 350px; Überlauf: scrollen; }

?php $select = "SELECT * FROM Kommentare"; $q = mysqli_query($connect, $select); while($row = mysqli_fetch_array($q, MYSQLI_ASSOC)) { echo $row['name']. ":". $row['Kommentar'].""; } ?> Name:Senden

4. Wir verwenden die in PHP eingebaute Funktion date(), um das Datum und die Uhrzeit der Veröffentlichung der Nachricht zu erhalten, und empty(), um sicherzustellen, dass Benutzer keine leere Nachricht oder keinen leeren Namen eingeben.

5. Nach dem Absenden der Formulardaten werden Name, Nachricht, Uhrzeit und Datum in die Datenbank eingetragen.

6. Wir werden nun die Datenbank abfragen und alle Kommentare erhalten. Die Kommentare werden in einem div.

?>

Schritt 4: Füllen Sie die Dateien Db.php und Index.php

1. Die db.php (db, kurz für database) verwendet den Benutzernamen und das Passwort, die ich verwendet habe, als die Datenbank erstellt wurde, als ich den Befehl "GRANT ALL PRIVILEGES" ausgegeben habe.

Die Funktion define am Anfang der Datei zeigt an, dass die Variablen DB_SERVER, DB_USER, DB_PASSWORD, DB_NAME Konstanten sind (deren Wert ändert sich nicht). Die if-Anweisung prüft, ob die Verbindung zur Datenbank fehlgeschlagen ist oder nicht.

2. In der Datei index.php verwenden wir die Funktion require von PHP, um die Seite mit der Datenbank zu verbinden. Als nächstes erstellen Sie ein Eingabefeld für den Namen. Dann machen Sie den Textbereich für die Nachricht. Sobald diese erstellt sind, besuchen Sie https://localhost:8080/messages/index.php (Sie haben möglicherweise keine Portnummer, z. B. 8080), um sicherzustellen, dass Sie das Eingabefeld und den Textbereich sehen.

3. Als Nächstes sammeln wir die Formulardaten und fügen sie dann in die Datenbank ein.

4. Jetzt fügen wir eine Abfrage der Datenbank hinzu und geben alle Nachrichten in ein div aus.

5. Um die Dinge etwas besser zu gestalten, fügen wir etwas CSS hinzu, um es etwas hübscher zu machen.

PS: Ich hatte einen Tippfehler. Bitte ändern Sie 'message' in einen Kommentar in der Nähe des INSERT-Befehls für die $query-Variable.

Schritt 5: Schritt 5: Beispiel und nächste Schritte

Hoffentlich sehen Sie etwas Ähnliches wie oben, nachdem Sie das CSS hinzugefügt und getestet haben.

Nächste Schritte: Fügen Sie mehr CSS hinzu, um die Site ansprechender zu gestalten.