11 Pull-Down-Menu und Datenbank

Transkript

1 11 Pull-Down-Menu und Datenbank Die Übergabe von Variablen in PHP (von einer Datei zur nächsten) kann auf zwei Arten erfolgen: Sie wird entweder in einem Formular übertragen (alle Variablen der Formularfelder, oder, falls nicht durch ein Formularfeld definiert, durch ein verborgenes Textfeld Type = hidden ). Falls aber gar kein Formular vorliegt, dann muss die Variable an die URL angehängt werden. Passwörter zu gebrauchen! Hier sieht der User den Variableninhalt. Nicht für Es liegt zum Beispiel ein Pulldown-Menü vor, wodurch auf einer Website zu Unterpunkten navigiert werden kann. Dies wird über DHTML mit Javaskript gesteuert. Es sieht beispielsweise so aus: Wenn der Menüpunkt Datenbank Access mit der Maus berührt wird, klappt das Menu nach unten: Hier folgt ein Ausschnitt aus dem HTML-Code der Datei. An den fett hervorgehobenen Stellen sehen Sie, dass jeweils dieselbe Datei access.php aufgerufen wird: Ausschnitt aus menu.php <div id="menu1" class="menu1"> <a href="access.php?ac=1" onmouseover="auf('menu1')" onmouseout="zu('menu1')" title="die erste Access-Seite">Merkmale einer Datenbank</a><br> <a href="access.php?ac=2" onmouseover="auf('menu1')" onmouseout="zu('menu1')" title="die Grundbegriffe"> Einführung II</a><br> <a href="access.php?ac=4" onmouseover="auf('menu1')" onmouseout="zu('menu1')" title="tabellen enthalten die Daten"> Arbeiten mit Tabellen</a><br> <a href="access.php?ac=5" onmouseover="auf('menu1')" onmouseout="zu('menu1')" title="noch mehr zu Access"> Tabellen erstellen</a><br> <a href="access.php?ac=6" onmouseover="auf('menu1')" onmouseout="zu('menu1')" title=""> Spalten in der Tabelle</a><br> <a href="access.php?ac=7" onmouseover="auf('menu1')" onmouseout="zu('menu1')" title="so legt man Tabellen an"> noch mehr dazu</a><br> Durch das angehängte Fragezeichen und die Zuweisung des Variableninhalts (z. B.?ac=5) wird je nach Wahl aus dem Menü ein anderer Wert übertragen. 90

2 Aus einer Datenbank soll entsprechend gelesen werden. Die Datenbank in diesem Beispiel hat die folgende Struktur: Name der Datenbank Name der Tabelle: einfuehrung (Im Feld inhalt ist der komplette HTML-Code untergebracht) Die PHP-Datei access.php: <title>access 2000</title> <link rel=stylesheet type="text/css" href="../../formate.css"> <h2>merkmale einer Datenbank</h2> include ("conn.php"); // mit der folgenden query wird der gewünschte Inhalt aus der DB gelesen $abfrage=("select inhalt from einfuehrung where ac='$ac'"); // in die Variable Ergebnis wird eingelesen, was die Abfrage ergeben hat. $ergebnis=mysql_query($abfrage); // Die Funktion mysql_fetch_assoc holt den Inhalt aus dem Array: $row=mysql_fetch_assoc($ergebnis); echo $row["inhalt"]; <table ><tr><td><p class="zurück"><a href="../menu.html" title= "hier geht s zurück">an den Anfang</a></p> </td> </tr></table> </body></html> Zuerst wird die Datei conn.php eingebunden (mit dem include-befehl): mysql_select_db("access") or die ("Die Datenbank existiert nicht"); Dann wird der Inhalt aus der Datenbank gelesen und angezeigt. Wichtig ist die Abfrage: $abfrage=("select inhalt from einfuehrung where ac='$ac'"); Hier wird entsprechend der Auswahl aus dem Pull-Down-Menu der Inhalt der Variablen ac angezeigt. 91

3 Aufgabenstellung: Kopieren Sie zunächst einen Ordner namens access vom Netzordner. Darin sind die HTML-Dateien enthalten, außerdem die in den Dokumenten vorkommenden Grafiken. Außerdem finden Sie die Datei format.css mit den Format-Definitionen. Außerdem ist in dem Ordner die Datei menu000.html enthalten. Darin ist schon das grundgerüst und der Javascript-Teil (der ja nicht unser Thema ist),. Von Ihnen ergänzt werden sollen die Teile, die Sie auf S. 91 abgebildet finden. menu000.html <title>datenbank</title> <link rel="stylesheet" href="format.css" type="text/css"> <script language="javascript" type="text/javascript"> <!-- function auf(menu) { if (document.all) { document.all[menu].style.visibility="visible"; if (document.layers) { document.layers[menu].visibility="visible"; function zu(menu) { if (document.all) { document.all[menu].style.visibility="hidden"; if (document.layers) { document.layers[menu].visibility="hidden"; //--> </script> <h2>hier können Sie verschiedene Datenbank-Themen wählen</h2> <div id="leiste" class="leiste"> <a href="javascript:auf('menu1')" onmouseover="auf('menu1')">datenbank Access</a> &nb sp; <a href="javascript:auf('menu2')" onmouseover="auf('menu2')">mysql</a> <!--hier muss noch der Teil von S. 91 ergänzt werden!--> </div></body></html> Aufgabe: Ergänzen Sie diese Datei und speichern Sie dann mit dem Namen menu.php im Ordner htdocs\access. 92

4 Nachdem das Menu fertig ist, soll die Datenbank access erstellt werden, die die Tabelle einfuehrung enthalten soll (S. 92). Aufgabe: Definieren Sie die Tabelle und die Felder so, wie angegeben. Gehen Sie dann weiter so vor, dass Sie jeweils die HTML-Dateien mit dem Editor öffnen, den gesamten Inhalt in die Zwischenablage kopieren und dann die Datenbanktabelle einfuehrung einfügen (Inhalt von access1.html in den Datensatz mit der id=1 usw.) Anschließend muss noch die Datei access.php und conn.php (S. 92) erstellt werden. Dann können über das Menu die Inhalte der Datenbank ausgelesen werden. 12 Datenbank backwaren Um den Zugriff auf eine Datenbank über eine Website an einem weiteren praktischen Beispiel zu testen, soll eine Datenbank mit dem Namen backwaren verwendet werden. Die Entitäten können durch dieses ERM dargestellt werden: 1:n m:n Kunde tätigt Kauf enthält Artikel Diese Datenbank besteht aus vier Tabellen. Die m:n-beziehung muss bekanntlich mit einer Zwischentabelle realisiert werden. Die Tabellen haben folgende Felder und Inhalte (bitte mit PHPMyAdmin erstellen!): artikel kunde kauf 93

5 kaufposition Wenn die Datenbank erstellt ist. können Sie das Auswahlmenü als HTML-Datei erstellen: Der HTML-Code besteht aus einer Tabelle mit den Links: <!--back_0.php--> <title>menü Backwaren</title> <h2 align="center">treffen Sie eine Auswahl</h2> <table align="center" width=400> <td ><a href="neukund_form.php">neuer Kunde</a> </td></tr> <td> <a href="neuback_form.php">neuer Artikel</a></td></tr> <td><a href="neukauf_form.php">neuer Kauf</a> </td></tr> <td><a href="kund_list.php">kunden auflisten</a> </td></tr> <td><a href="artikel_list.php">artikel auflisten</a> </td></tr> <td><a href="kauf_list_form.php">kauf nach Kunden auflisten</a> </td></tr> <td><a href="waren.php">pull-down-feld Waren</a> </td></tr> <td> <a href="bild.php">bild anzeigen</a></td></tr> <td> <a href="neuback_form1.php">neue Artikel mit Bild</a></td></tr> <td> <a href="neukauf_form.php">kunden löschen</a></td> </tr> </table></body></html> 94

6 12.1 Neuen Kunden aufnehmen Der Code des HTML-Formulars: <!--neukund_form.php--> <title>menü Backwaren</title> <h2 align="center">neuer Kunde</h2> <form action="neukund.php" method="post" > <table align="center" width=400> <tr > <td width="200"> Vorname:</td> <td heigth="200"> <input type="text" name="vorname" size="20" </td></tr> <tr> <td width="200"> Name:</td> <td heigth="200"> <input type="text" name="name" size="20"</td></tr> <tr><td> <input type="submit" name="kunden aufnehmen" value="kunden aufnehmen"></td></tr> </table></form></body></html> Das PHP-Skript dazu: <!--neukund.php--> <title>neuer Kunde</title> <h2 align="center">neuer Kunde</h2> $abfrage="insert INTO kunde(vorname,name) values ('$vorname','$name' )"; $res = mysql_query($abfrage); if(!$res) {echo mysql_error(); echo "<b>der aufgenommene Mensch heißt: $vorname $name </b> <br><br>"; </body></html> Meldung bei erfolgreicher Aufnahme: Neue Artikel ist entsprechend: 95

7 HTML-Formular: <!--neuback_form.php--> <title>neue Artikel</title> <h2 align="center">neue Artikel</h2> <form action="neuback.php" method="post" > <table align="center" width=400> <tr> <td width="200"> Bezeichnung:</td> <td heigth="200"> <input type="text" name="bezeichnung" size="20" </td></tr> <tr> <td width="200"> Stückpreis:</td> <td heigth="200"> <input type="text" name="preis" size="20"</td></tr> <tr><td> <input type="submit" name="ware aufnehmen" value="ware aufnehmen"></td></tr> </table></form></body></html> PHP-Skript: <!--neuback.php--> <title>neue Artikel</title> <h2 align="center">neue Artikel</h2> $abfrage="insert INTO artikel(bezeichnung,stueckpreis) values ('$bezeichnung','$preis' )"; $res = mysql_query($abfrage); if(!$res) {echo mysql_error(); echo "<b>der aufgenommene Artikel heißt: $bezeichnung $preis </b> <br><br>"; </body></html> 96

8 12.2 Kunden auflisten PHP-Code: <!--kund_list.php --> <html> <head> <title>namen in der Datenbank</title> echo "Die Liste aller erfassten Personen in der Datenbank:<br><br>"; $erg = mysql_query("select knr,name,vorname from kunde"); while ($row=mysql_fetch_array($erg)){ echo $row["knr"]." "; echo $row["vorname"]." "; echo $row["name"]."<br>"; </body> </html> Artikel auflisten funktioniert genauso. Bitte selber machen! 97

9 12.3 Kauf nach Kunden auflisten Zunächst wieder das HTML-Formular: <!--kauf_list_form.php --> <title>was wurde verkauft?</title> <h1>was wurde verkauft? Suche nach Kundennummer</h1><br><br> <form action="kauf_list.php" method="post" > <table align="center" width=400> <tr height="50"> <td width="200">kundennummer eingeben</td> <td heigth="200" align="left"> <input type="text" name="knr" size="5"> </td> </tr> <tr height="50"> <td width="200" align="center"> <input type="submit" name="such" value="suche, was verkauft wurde"> </td></tr> </table> </form> </body></html> Ergibt z. B. als Ergebnis: 98

10 Dann der PHP-Code <!--kauf_list.php --> <html> <head> <title>verkaufte Artikel nach Kunden</title> echo "Die Verkäufe an folgende Person in der Datenbank:<br><br>"; $kund = mysql_query("select knr,name,vorname from kunde where knr='$knr'"); while ($row=mysql_fetch_array($kund)){ echo $row["knr"]." "; echo $row["vorname"]." "; echo $row["name"]."<br>"; echo "Folgende Artikel wurden verkauft:<br><br>"; $kauf = mysql_query("select a.artnr, a.bezeichnung, a.stueckpreis, kp.stueckzahl FROM artikel a, kaufposition kp, kauf ka, kunde ku WHERE ka.knr = '$knr' AND ku.knr = ka.knr AND ka.kaufnr = kp.kaufnr AND kp.artnr = a.artnr"); while ($row=mysql_fetch_array($kauf)){ echo $row["artnr"]." "; echo $row["bezeichnung"]." "; echo $row["stueckpreis"]."<br><br>"; </body> </html> 12.4 Pull-Down-Feld Waren: Zur Erläuterung zunächst ein Pull-Down-Feld ohne Datenbank und PHP: 99

11 HTML-Code: <!--waren2.php --> <html> <head> <title>namen in der Datenbank</title> <form action="waren.php" method="post" > <select name="test" > <option>brot</option> <option>kuchen</option> <option>schwarzbrot</option> <option>teilchen</option> </select> <input type="submit" name="abschicken" value="waren"> </form> </body></html> Sie sehen im folgenden Code, wie der PHP-Code in das Option-Tag hineinmontiert wird: <!--waren.php --> <html> <head> <title>namen in der Datenbank</title> <h2>was wollen Sie kaufen?</h2> <b>bitte auswählen:</b> <form action="waren.php" method="post" > <select name="eintrag"> $liste=mysql_query("select artnr, bezeichnung from artikel"); while ($gefunden=mysql_fetch_array($liste)){ <option> echo </option> $gefunden['bezeichnung']; </select> <input type="submit" name="abschicken" value="zeige den Rest"> </form> $erg = mysql_query("select artnr,bezeichnung,stueckpreis,bildlink from artikel where Bezeichnung='$eintrag'"); while ($row=mysql_fetch_array($erg)){ echo $row["artnr"]." "; echo $row["bezeichnung"]." "; echo $row["stueckpreis"]." "; echo $row["bildlink"]."<br>"; </body> </html> 100

12 12.5 Neuen Kauf eingeben: <!--neukauf.php--> <title>kauf</title> <h2 align="center">neue Artikel</h2> $abfrage1="insert INTO kauf(knr,datum) values ('$knr','$datum' )"; $res = mysql_query($abfrage1); // die als Autowert angefügte Kaufnr wird über die Funktion mysql_insert_id() gelesen $id=mysql_insert_id(); if(!$res) {echo mysql_error(); $abfrage2="insert INTO kaufposition(kaufnr,artnr,stueckzahl) values ('$id','$artnr','$zahl' )"; $res = mysql_query($abfrage2); if(!$res) {echo mysql_error(); echo "<b>der aufgenommene Kauf: $knr $datum </b> <br><br>"; echo "<b>die aufgenommenen Artikel: $artnr $zahl </b> <br><br>"; </body></htm> Dies muss noch verbessert werden, denn bislang kann so nur genau ein Artikel gekauft werden! 12.6 Bilder anzeigen Der letzte Menüpunkt, Bild anzeigen, zeigt folgendes Formular: Nachdem z. B. die Nr. 3 eingegeben wurde, wird sichtbar: 101

13 In der Datenbank backwaren sehen Sie als Artikeldatensätze nur: Im Feld bildlink ist also nur der Name der Grafik enthalten, nicht das Bild selbst. Der HTML-Befehl zum Einfügen einer Grafik ist bekanntlich (am Beispiel der Datei brot2.jpg im Ordner bilder) <img src="bilder/brot2.jpg"> an der Stelle, wo der Dateiname steht, muss jetzt der PHP-Code stehen, der das Feld bildlink liest und den Namen anzeigt. Der komplette Code der Datei bild.php: <!--bild.php --> <html> <head> <title>artikel in der Datenbank</title> <h1>artikel mit Bild anzeigen</h1> <form action="bild.php" method="post" > <table align="center" width=400> <tr> <td width="200"> Nr. eingeben</td> <td heigth="200"> <input type="text" name="nr" size="10"</td> </tr> <tr><td> <input type="submit" name="suche" value="suche"> </td></tr></table></form> if (isset ($nr)&& $nr!=""){ echo "Ein Artikel in der Datenbank:<br><br>"; $erg = mysql_query("select artnr,bezeichnung,stueckpreis,bildlink from artikel where artnr='$nr'"); while ($row=mysql_fetch_array($erg)){ echo $row["artnr"]." "; 102

14 echo $row["bezeichnung"]." "; echo $row["stueckpreis"]." "; echo $row["bildlink"]."<br>"; // die folgenden \ dienen zum "Maskieren" des Anführungszeichens echo "<img src=\"bilder/"; $bildsuch = mysql_query("select bildlink from artikel where artnr='$nr'"); while ($row=mysql_fetch_array($bildsuch)){ echo $row['bildlink']; echo "\">"; </body> </html> 12.7 Artikel mit Bild erfassen/ Bilder hochladen Es soll dabei darum gehen, einen Artikel mit Bild zu erfassen. Das Bild soll aber nicht in die Datenbank selbst gespeichert werden, sondern nur der Name, der dann über einen Link die Grafik aufruft. Der Link im Menü soll zu folgendem Formular führen: Wichtig an der Formulardefinition ist <form enctype="multipart/form-data", weil dies zum Upload von Dateien zu verwenden ist. <!--neuback_form1.php--> <title>neue Artikel</title> <h2 align="center">neue Artikel</h2> <form enctype="multipart/form-data" method="post" action="neuback_bild.php"> <table width="600"> <tr> <td width="280"> Bezeichnung:</td> <td heigth="200" align="left"> <input type="text" name="bezeichnung" size="20" </td></tr> <tr> <td width="280"> Stückpreis:</td> <td heigth="200" align="left"> <input type="text" name="preis" size="20"</td></tr> <tr> 103

15 <td width="200" valign="top"> Bild hochladen:</td> <td heigth="300"> <input type="file" name="myfile"><br><br> <input type="submit" name="sendfiles" value="datei senden"> </form><br> </td></tr> </table> </body></html> Der Code der Datei neuback_bild.php, die vom Formular aufgerufen wird: <!--neuback_bild.php--> <title>menü Backwaren</title> <h2 align="center">treffen Sie eine Auswahl</h2> foreach($http_post_files as $strfieldname => $arrpostfiles) { if ($arrpostfiles['size'] > 0) { $strfilename = $arrpostfiles['name']; $intfilesize = $arrpostfiles['size']; $strfilemime = $arrpostfiles['type']; $strfiletemp = ($strfiletemp, "bilder/$strfilename"); $abfrage="insert INTO artikel(bezeichnung,stueckpreis,bildlink) values ('$bezeichnung','$preis','$strfilename')"; $res = mysql_query($abfrage); if(!$res) {echo mysql_error(); </body></html> Von dem hochzuladenden Bild müssen Name, Größe, Typ in einer Variable erfasst werden. Sie wird auf dem Server erst temporär gespeichert und dann noch kopiert werden (die Zeile, die beginnt). Dort, wo das Einfügen über insert into stattfindet, sehen Sie, dass nur der Dateiname eingefügt wird. Aufgabe: Testen Sie das Hochladen. Vergewissern Sie sich hinterher davon, dass sich die jpg-datei im htdocs-ordner befindet und dass über den Menüpunkt Artikel mit Bild anzeigen auch tatsächlich der Datensatz mit Bild gezeigt wird. 104