Gästebuch

Was wird benötigt:

  • Einen Editor(z.B. Phase 5)
  • Einen php fähigen Server oder ein PC(mit xampp) mit PHP My Admin
  • Einen Browser(z.B. Internet Explorer, Firefox)
  • Jede dieser Software, die hier benötigt wird, ist kostenlos.

Benötigte Vorkenntnisse:

  • Man sollte wissen wie man einen Editor bedient
  • Eventuell wie man Daten auf den Server lädt


Bitte beachten Sie die Hinweise , die sich im unteren Teil dieses Tutorials befinden!


Einrichten einer Datenbank mit einer Datentabelle

Zuerst einmal muss man eine Datenbank erstellen und in die

Datenbank eine passende Datentabelle.

Dazu muss man passende Schritte durchführen:

  1. Als erstes muss man die PHPMyAdmin Oberfläche aufrufen, dafür gibt man in das Adressfeld vom Browser die IP-Adresse des Servers oder des PC’s auf und hängt /phpmyadmin an . Auf dem PC kann man auch alternativ die Oberfläche über http://localhost/phpmyadmin/ aufrufen.
  2.  

    2.

  3. Nun ist man auf der visuellen Oberfläche, auf welcher man neue Datenbanken,Datenbankentabellen erstellen und verwalten kann.
  4.  

  5. Hier gibt man in das Feld, welches sich unter Neue Datenbank anlegen befindet, einen Namen für die Datenbank ein. In meinen Beispiel nenne ichmeine gaestebuch .
  6. Anschließen klickt man auf die Schaltfläche Anlegen und schon hatman eine Datenbank erstellt.
  7. Nun muss man natürlich noch die Datentabelle erstellen, dazu gibt man einen Namen für die Datentabelle in das Namensfeld ein und gibt die Anzahl der Felder ein, in diesen Fall benötigen wir 9.Sobald man alle Angaben gemacht hat,bestätigt man alles mit OK.
  8. Im Folgenden erscheint ein Formular um den Feldern Eigenschaften zu zuweisen und um Namen zu vergeben.In unseren Fall müssen wir unsere Spalten folgend benennen und folgenden Eigenschaften zuweisen:

    Feld

    Typ

    Länge/Set

    Null

    index

    A I

    id

    INT

    50

    anhaken

    PRIMARY

    anhaken

    username

    VARCHAR

    20

    anhaken

    —–

    Kein Haken

    nachname

    VARCHAR

    30

    anhaken

    —–

    Kein Haken

    ort

    VARCHAR

    20

    anhaken

    —–

    Kein Haken

    email

    VARCHAR

    30

    anhaken

    —–

    Kein Haken

    betreff

    VARCHAR

    15

    anhaken

    —–

    Kein Haken

    nachricht

    VARCHAR

    300

    anhaken

    —–

    Kein Haken

    datum

    date

    10

    anhaken

    —–

    Kein Haken

    uhrzeit

    time

    30

    anhaken

    —–

    Kein Haken

     

    Die restlichen Angaben lässt man einfach frei.

  9. Nun bestätigt man seine Eingaben per Klick auf die Schaltfläche Speichern.

Formular erstellen
Der nächste Schritt besteht darin, ein Formular zu erstellen, wo der Gast seine Daten eintragen kann.
Dazu führt man einfach folgende Schritte aus:

  1. Nun startet man als nächstes einen Editor, in meinem Fall ist es das Programm Phase 5.
  2. Nun muss man in den Editor Folgendes schreiben:
  3. <?php
    mysql_connect(“localhost”,”root”,”");
    mysql_select_db(“gaestebuch”);
    ?> 

    <body>
    <h2></h2>
    <p><form action=”gaestebuch_datenbank.php” method=”post”>
    <ul>
    <li><b>Vorname:</b>
    <p></p><input type=”text” size=”22″ name=”username”></li>
    <p></p><li><b>Nachname:</b>
    <p></p><input type=”text” size=”22″ name=”nachname”></li>
    <p></p><li><b>Ort:</b>
    <p></p><input type=”text” size=”22″ name=”ort”></li>
    <p></p><li><b>E-Mail-Adresse:</b>
    <p></p><input type=”text” size=”22″ name=”email”></li>
    <p></p><li><b>Betreff:</b>
    <p></p><input type=”text” size=”22″ name=”betreff”></li>
    <p></p><li><b>Nachricht:</b>
    <p></p><input type=”text” size=”100″ name=”nachricht”></li>
    <p></p><input type=”submit” value=”Absenden”>

    </ul>
    </form></p>

    <p>

    <?php
    $datum = date(“d.m.Y”);
    $uhrzeit = date(“H:i”);
    ?>

    </body>
    </html>

  4. Wenn das erledigt ist, geht man auf Speichern(Datei
    -> Speichern) und speichert es auf den Server und beim PC in den Order (C://xampp/htdocs) und
    nennt es gaestebuch_formular.php .

Speicher Befehl

Natürlich muss das Ganze, was man in das Formular eingibt, auch gespeichert
werden, dazu schreibt man eine neue Datei, welche die Befehle enthält , das Alles in die passende Spalte von der Datenbanktabelle schreibt.

Dazu führt man wieder folgende Schritte aus:

  1. Man startet seinen Editor oder falls er noch offen ist klickt man auf Datei -> Neu.
  2. Anschließend schreibt man folgendes in den Editor:
    <html>
    <body text=”#000000″ bgcolor=”#FFFFFF” link=”#FF0000″ alink=”#FF0000″ vlink=”#FF0000″>
    <?php
    include(“dbconnect.php”);
    ?> 

    <?php
    $timestamp = time();
    ?>

    <?php
    $datum = date(“d.m.Y”);
    $uhrzeit = date(“H:i”);
    ?>
    <?php
    $username = $_POST["username"];
    $nachname = $_POST["nachname"];
    $ort = $_POST["ort"];
    $email = $_POST["email"];
    $betreff = $_POST["betreff"];
    $nachricht = $_POST["nachricht"]
    ?>

    <?php
    $eintragen = mysql_query(“INSERT INTO gaestebuch (username, nachname, ort, email, betreff, nachricht, datum, uhrzeit) VALUES (‘$username’, ‘$nachname’, ‘$ort’, ‘$email’,'$betreff’,'$nachricht’, NOW(), ‘$uhrzeit’)”);
    ?>

    <meta http-equiv=”refresh” content=”1; URL=gaestebuch_ergebniss.php”>

    </body>
    </html>

  3. Und auch diese Datei speichert man die Datei auf den Server ab oder speichert sieunter C://xampp/htdocs mit den Namen gaestebuch_datenbank.php .

Ausgabe Seite
Nun fehlt nur noch die Seite, die uns die Gästebucheinträge wieder ausgibt.

  1. Dazu erstellt man wieder eine neue Datei
  2. Und schreibt diesmal Folgendes in die Datei:
    <?php
    mysql_connect(“localhost”,”root”,”");
    mysql_select_db(“gaestebuch”);
    ?> 

    <body>
    <h2>Eingegebene Daten:</h2>
    <p>

    <?php
    mysql_connect(“localhost”, “root”, “”)
    or die(“Keine Verbindung möglich: ” . mysql_error());
    mysql_select_db(“gaestebuch, login”);
    ?>

    <?php
    $ergebnis = mysql_query(“SELECT * FROM gaestebuch ORDER BY datum DESC”);
    ?>

    <table width=”100%” border=”1″ cellpadding=”0″ cellspacing=”10″>

    <?php
    while($row = mysql_fetch_object($ergebnis))
    {

    ?>
    <tr>
    <td>
    <?php
    echo $row->datum;
    ?>
    </td>
    <td>
    <?php
    echo $row->uhrzeit;
    ?>
    </td>
    <td>
    <?php
    echo $row->username;
    ?>
    </td>
    <td>
    <?php
    echo $row->nachname;
    ?>
    </td>
    <td>
    <?php
    echo $row->ort;
    ?>
    </td>
    <td>
    <?php
    echo $row->email;
    ?>
    </td>
    <td>
    <?php
    echo $row->betreff;
    ?>
    </td>
    <td>
    <?php
    echo $row->nachricht;
    ?>
    </tr>
    <?php
    }
    ?>
    </table>

    </body>
    </html>

  3. Diese speichert man natürlich auch auf den Server oder auf dem PC unter C://xampp/htdocs mit dem Namen gaestebuch_ergebniss.php
  4. _____________________________________________________________________________________________

    Hinweise:

    Folgende Angaben müssen auch angepasst werden:
    <?php
    mysql_connect(“localhost”,”root”,”"); ?>

     

    es müssen nämlich die serverdaten wie folgt angeben werden:

    <?php
    mysql_connect(“ip/adresse”,”benutzername”,”passwort”); ?>


     

    Der editor Phase 5 schreibt schon automatisch die wichtigsten Header Daten, denoch müssen evenutuell noch weitere Angaben in den Header eingetragen der  werden, z.B.

    <img src=”img/headerbild.jpg” /> für die Ausgabe/Anzeige des Headerbildes(Das Bild, welches immer auf jeder Seite oben zu sehen ist)

    Falls der verwendete Editor nicht automatisch den Header schreibt, muss dieser natürlich noch per Hand geschrieben werden.

     

    Nun hat man ein Gästebuch und kann dieses unter localhost/gaestebuch.php oder auf dem Server unter ip oder adressname /gaestebuch.php aufrufen.

     

    ______________________________________________________________________________________________________________________________________________

    War das Tutorial hilfreich?

    View Results

    Loading ... Loading ...

     

  • #1 geschrieben von Sebastian 
    vor 9 Monaten

    Wer xampp/lampp benutzt kann den folgenden Code so übernehmen:

Bisher keine Trackbacks.