Praktikum im Grundstudium

Größe: px

Ab Seite anzeigen:

Download "Praktikum im Grundstudium"

Dagmar Heidrich
vor 7 Jahren
Abrufe

1 Praktikum im Grundstudium Teil 3: Formulare und PHP XHTML-Formulare Interaktivität wesentlich für Erfolg des WWW Suchmaschinen E-Commerce Weblogs Formulare werden über XHTML-Elemente erzeugt Verarbeitung der Formulardaten am Server Programmiersprache beliebig Im Praktikum: PHP

2 Das Form-Element Eine Webseite kann mehrere Formulare enthalten Beispiel: Warenkorb ändern, Adressdaten ändern Definieren eines Formulars <form action="url"> Eingabefelder zwischen <form> und </form> defineren Formulardaten Formulardaten werden an Webserver gesendet Das Attribut action gibt die Ziel-URL an Innerhalb von Form-Elementen sind nur Block-Elemente (<p>, <div>, <h >) erlaubt GET und POST Zwei Arten der Datenübermittlung in HTTP GET - Daten werden nach? an URL angehängt Standard-Methode in XHTML-Formularen Bookmarks möglich Auf 2 kb Daten beschränkt POST - Daten wandern nach Anfrage zum Server URL ändert sich nicht Aktivieren von POST mit Attribut method <form action="url" method="post">

3 Eingabefelder Eingabe von Text Darmstadt Mehrere Eingabefelder pro Formular möglich eindeutiger Name pro Feld <input name="fieldname" type="text" /> Optionale Attribute maxlength="zahl" Die maximale Länge der eingegebenen Zeichenkette value="wert" Vorbelegung des Eingabefelds Eingabe von Passwörtern mit type="password" statt type="text" Versteckt Text während der Eingabe Achtung! Bei Übertragung mit GET werden Daten angezeigt Checkbox und Radiobutton Checkbox Jede Checkbox kann aktiviert sein oder nicht Definition <input name="fieldname" type= checkbox" value="wert" /> Inhalt von value wird bei aktivierter Checkbox an Server geschickt Radiobuttons Gruppe von Knöpfen, maximal einer kann aktiviert sein Definition <input name="fieldname" type= radio" value="wert" /> <input>-elemente mit gleichem Namen definieren eine Radiobutton-Gruppe Vorbelegungen Standard: nicht aktivert Aktivierung mittels Attribut checked="checked"

Listen Auswahl aus einer Liste von Werten Definition: Ausnahmsweise nicht mit <input> Verschachtelte Elemente: <option> innerhalb von <select> <select name="fieldname"> <option>erster

4 Listen Auswahl aus einer Liste von Werten Definition: Ausnahmsweise nicht mit <input> Verschachtelte Elemente: <option> innerhalb von <select> <select name="fieldname"> <option>erster Eintrag</option> <option>zweiter Eintrag</option> </select> Attribut size="zahl" definiert angezeigte Zeilen size="1" Drop-Down Liste Standard: an Server übermittelter Wert = Text des Listenelements Überschreiben möglich: <option value="wert">text</option> Standardauswahl: kein Element Vorauswahl eines Listenelements mittels Attribut selected="selected" Eingabebereiche Eingabefelder sind einzeilig Meist ausreichend: Suche, Bestellungsänderung, etc. Manchmal sind grössere Bereiche gewünscht Redaktionssysteme, Weblogs, Wikis Definition <textarea name="fieldname" cols= Spalten" rows= Zeilen"> Vorbelegung des Eingabebereichs </textarea> Für beliebig lange Texte Attribute cols und rows spezifizieren die Grösse

5 Knöpfe Meist nur zum Absenden des Formulars Definition Das allmächtige <input>-element <input type="submit" value="beschriftung" /> Name ausnahmsweise nicht nötig, da Button keinen Wert enthält Zurücksetzen des Formulars auf Ausgangswerte Selten benötigt <input type="reset" value="beschriftung" /> Grafische Buttons zum Absenden <input type="image" src= URL" /> Versteckte Elemente HTTP ist zustandslos Lästig bei Anwendungen wie Bestellvorgang 1. Formular für Bestellung 2. Formular für Lieferadresse 3. Formular für Zahlungsart Wie ordnet man eine Bestellung einer Lieferadresse zu? Lösung: versteckte Elemente Werden nicht angezeigt Können nicht verändert werden Werden aber an Server übertragen User-ID in verstecktem Element speichern, bei Übermittlung des Formulars passenden Benutzer suchen Definition <input type="hidden" value= Wert" />

6 Allgemeines zu Formularen Formatierung mittels CSS möglich Jedes sichtbare Formular-Element darf ein class-attribut haben Formatierungsmöglichkeiten abhängig von Art des Elements Übermittlung von Eingaben Formularfelder werden durch & getrennt Einzelnes Formularfeld hat Aussehen Name=Wert Im Wert sind nur wenige Zeichen erlaubt, andere werden mit % und hexadezimaler Zeichennummer angegeben Beispiel: Leerzeichen = %20 PHP-Grundlagen PHP: Abkürzung für PHP Hypertext Preprocessor Programmiersprache Spezialisiert auf das Verarbeiten von Formulardaten und die Ausgabe von Web-Inhalten Kann einfach in XHTML-Dokumenten eingebettet werden Server verarbeitet PHP-Bestandteile, liefert Resultat aus Verwendet bekannte Programmiersprachenkonzepte Variablen: speichern Programmdaten Schleifen: für wiederholte Ausführung von Programmteilen Methoden: zum Gruppieren und Modularisieren von Quellcode Leicht erlernbar Syntax lehnt sich and Java und Perl an

7 Einbetten von PHP in XHTML-Dokumente Skripte werden von <?php?> begrenzt Anstelle der können beliebige PHP-Befehle geschrieben werden XHTML-Dokumente, die PHP-Skripte enthalten sind weiterhin wohlgeformt PHP-Skripte in XHTML an jeder Stelle verwendet werden, an der auch ein Leerzeichen verwendet werden könnte Verwendung auch innerhalb von XHTML-Elementen möglich <a href="<?php...?>" /> PHP-Syntax Zwischen Gross- und Kleinschreibung wird unterschieden Befehle werden durch ; abgetrennt Mehrere Befehle können zwischen { } gruppiert werden Eine Befehlsgruppe kann überall verwendet werden, wo auch ein einzelner Befehl verwendet werden kann Kommentare werden durch /* Kommentar */ oder // bis Zeilenende gekennzeichnet Zeichenketten (Strings) werden von einfachen oder doppelten Anführungszeichen umschlossen

8 Variablen Variablen müssen nicht deklariert werden Werden bei erstmaliger Verwendung automatisch erstellt Vorangestelltes $-Zeichen kennzeichnet Variable gültige Variablen: $foo, $abc, $a12_ Operationen mit Variablen Analog zu Java und Perl Wichtige Operationen Zuweisung $foo = $bar Vergleich $foo == $bar Addition 4 + $bar String-Konkatenation "4". "e" Weitere Operationen siehe Innerhalb von Strings, mit doppelten Anführungszeichen werden Variablen ersetzt $foo = "Space"; $foo = $foo is big // -> Space is big Typen Variablen kriegen automatisch Typ, der zum Inhalt passt $foo = 42; // $foo ist eine Zahl $foo = "Space is big" // $foo ist jetzt ein String Spezielle Arten von Variablen Nummerierte Arrays: Variable enthält mehrere Elemente, Zugriff über $Variable[Elementnummer] Zählung beginnt bei 0 $foo = array(3, 1, 5, 1, 5); $bar = $foo[3] Assoziative Arrays: Variable enthält mehrere Benannte Elemente, Zugriff über $Variable[Elementname] $foo = array("one" => 1, "two" => 2); $bar = $foo[ two"]

9 Kontrollstrukturen Verzweigung if (Bedingung) Befehl elseif (Bedingung) Befehl else Befehl elseif und/oder else sind optional While-Schleife while (Bedingung) Befehl Schleife wird ausgeführt, solange Bedingung wahr ist Zusätzliche Kontrollstrukturen: for, foreach Zur Zeit nicht benötigt, siehe Dokumentation Methoden Im Gegensatz zu Java, C++, eigene Methoden oft unnötig Skripte nur kurz und an Einsatzzweck angepasst Viele in PHP vordefinierte Methoden Aufruf von Methoden print "1aPHP"; // ohne Rückgabewert: Gibt 1aPHP aus $foo = abs(-3); /* mit Rückgabewert: Berechnet den Absolutwert von -3 und weisst ihn $foo zu */ Bei Methoden ohne Rückgabewert können optional auch Klammern gesetzt werden Syntax zur Methodendefinition function Methodenname($param1,..., $paramn) { Methodenrumpf } Eine Methode kann beliebig viele Parameter haben (auch gar keine)

10 Ausgabe von XHTML Mit den Methoden print und echo können Daten ausgegeben werden print und echo sind gleichwertig Der Webserver setzt die Ausgabe an der Stelle des PHP-Skripts ein Mehrere print-ausgaben werden aneinander gehängt Sie sind dafür verantwortlich, dass korrektes XHTML erzeugt wird Formulare verarbeiten Formulardaten landen automatisch in einem assoziativen Array $_REQUEST Zusätzlich Arrays, die nach Zugriff unterscheiden: $_POST = alle Daten, die per POST gesendet wurden Zugriff auf Formularfeld mit $_REQUEST["Name des Formular-Elements"]

11 Prüfen von Eingabedaten Trust no one! Nicht mal dir selbst HTML-Formulare können einfach erstellt werden und auch einfach manipuliert werden Web-Shop speichert Einzelpreis eines Elements in verstecktem Element Manche Nutzer erkennen das setzen Preis eines teuren Produkts herunter Heruntersetzen entspricht Verhandlung über Produktpreis manche Gerichte sind der Ansicht, dass der Händler liefern muss Moral: Formular-Eingaben immer prüfen, ob im gültigen Bereich Übung Wird wegen Krankheit von Guido Rössling bis Mittwoch auf der Webseite nachgeliefert Was erwartet Sie? Erstellen eines Formulars Auslesen der eingetragenen Werte mit PHP Zurückgeben der Formulardaten

Ähnliche Dokumente

php Hier soll ein Überblick über das Erstellen von php Programmen gegeben werden. Inhaltsverzeichnis 1.Überblick...2 2.Parameterübergabe...

php Hier soll ein Überblick über das Erstellen von php Programmen gegeben werden. Inhaltsverzeichnis 1.Überblick...2 2.Parameterübergabe...7 3.Zugriff auf mysql Daten...11 Verteilte Systeme: php.sxw Prof.