DYNAMISCHE SEITEN. Warum Scriptsprachen? Stand: CF Carola Fichtner Web-Consulting

Transkript

1 DYNAMISCHE SEITEN Warum Scriptsprachen? Stand: CF Carola Fichtner Web-Consulting

2 I N H A L T 1 Warum dynamische Seiten? Einführung HTML Seiten Design Dynamisch? Wie funktioniert das? Was passiert? Verschiedene Dialekte Ausblick Stand: Seite 2

3 1 W A R U M D Y N A M I S C H E S E I T E N? 1.1 Einführung Ich schreibe diese kurze Info, weil ich zwar überall im Internet Einführungen zum Thema PHP finde, aber bisher fand ich nichts, warum ich PHP oder andere Scriptsprachen verwenden soll. Dies möchte ich nun kurz erläutern. 1.2 HTML Seiten HTML ist eine sog. Seitenbeschreibungssprache. Was heißt das? HTML kennzeichnet logische Strukturen innerhalb eines Textes. Ähnlich einer Word-Formatvorlagen. Es gibt eine Kennzeichnung für Überschriften verschiedener Ebenen, Absätze, Zitate, besonders hervorzuhebende Bereiche und weiteres. Bilder und Tabellen können ebenso eingefügt werden. Bei manchen Seiten wie z. B. Studienergebnissen etc. ist diese puristische HTML Formatierung sinnvoll. So werden umfangreiche Texte jedem Benutzer mit irgendeinem Browser zugänglich im Gegensatz zu z.b. Word Dateien für bestimmte Plattformen. 1.3 Design Diese langweiligen Textseiten wollten einige Menschen nun etwas aufpeppen. Dazu verwendete man Farben, Tabellen und Bilder, die in den Texten Elemente so positionierten, dass die Webseite nun ganz anders aussah. Es musste nicht einmal mehr Text vorhanden sein. Inzwischen werden nicht mehr die HTML Elemente zur Gestaltung verwendet. Seit es CSS (Cascading Style Sheets) gibt, kann man wieder Seiten mit ganz klarer HTML Struktur erstellen, denen dann über eine eigene CSS Datei ein Design gegeben wird. Testen sie das mal, indem sie auf einer solchen Seite CSS ausschalten. 1.4 Dynamisch? So gut HTML und CSS für die Darstellung der Inhalte sind manchmal benötigt man weitergehende Funktionen. Beispiel: Auf einer Webseite soll immer Montags der Hintergrund in blau erscheinen. Hintergrund blau kein Problem. Nur: Wer ändert Sonntags und Dienstags dann wieder die Farbe? Hier kommen dynamische Seiten ins Spiel. Die Farbe ändert sich in Abhängigkeit vom Wochentag automatisch. Dabei merkt der Benutzer dies nicht. Die Seite, die er sich anschaut ist ganz normales HTML! Dynamische Seiten können in vielen Formen auftreten: CGI Scripte, SSI (Server Side Includes), Programmiert in Scriptsprachen wie z. B. PHP oder ColdFusion. Stand: Seite 3

4 1.5 Wie funktioniert das? Scriptsprachen laufen auf der Serverseite ab, d.h. der Benutzer muss nichts installieren und keine Voraussetzungen (außer einen Browser) erfüllen. Die ganze Verarbeitung findet vor der Ausgabe einer Seite an den Benutzer auf dem Server statt. Anfrage nach test.cfm Webserver test.cf m Nutzer mit Browser Evtl. Datenbank ColdFusion Server Für das blauer Montag Problem würde ich so vorgehen: Irgendwo auf der Seite wird die Hintergrundfarbe gesetzt. Dort steht irgendwo eine Zeile style= background-color: gray (oder ähnlich). Mit einer Scriptsprache habe ich nun die Möglichkeiten einer Programmiersprache. Es gibt eine sog. Fallunterscheidung, bzw. ein if-then-else Konstrukt. Wenn Bedingung dann dies hier, sonst das hier. Eine einfache Unterscheidung anhand eines Kriteriums führt entweder den ersten Fall oder wenn die Bedingung nicht zutrifft den zweiten Fall aus. In unserem Beispiel hieße das in einer Art Pseudosprache: if heute ist Montag then style= background-color: blue else style= background-color: gray Wenn heute ein Montag ist, dann blau, sonst grau. Verschiedene Scriptsprachen sehen nun unterschiedlich aus, die Syntax entscheidet, ob der Befehl erkannt, verstanden und ausgeführt wird. In ColdFusion sieht diese Zeile z.b. so aus: <cfif DayOfWeek(now()) eq 2> style= background-color: blue <cfelse> style= background-color: gray </cfif> Die Funktion DayOfWeek liefert zu einem Datum den Wochentag als Zahl. Dabei ist Sonntag=1 und Samstag=7. Now() ist das aktuelle Datum. eq steht für equals = ist gleich und vergleicht das Ergebnis der Funktion mit der Zahl 2. Für alle Vorgänge, bei denen vor Übermittlung der Seite etwas automatisch entschieden werden soll, sind Scriptsprachen notwendig. Stand: Seite 4

5 1.6 Was passiert? Angenommen jemand ruft diese Seite am Sonntag Abend um 23 Uhr auf. Der Server holt die Seite, ColdFusion durchläuft die Seite und fühlt sich mit <cfif> angesprochen. Es wird die Funktion DayOfWeek mit dem aktuellen Datum aufgerufen und liefert eine 1. Die Bedingung 1 eq 2 ist falsch, also wird der else-zweig ausgeführt und an der Stelle dieses Code-Blocks style= background-color: gray eingetragen. Die ausgegebene Seite erscheint mit grauem Hintergrund. Am Montag um 22 Uhr sieht das Ganze so aus: Es wird die Funktion DayOfWeek mit dem aktuellen Datum aufgerufen und liefert eine 2. Die Bedingung 2 eq 2 ist wahr, also wird die folgende Stelle ausgegeben und der else Zweig übersprungen. An der Stelle dieses Code-Blocks wird style= backgroundcolor: blue eingetragen. Die ausgegebene Seite erscheint mit blauem Hintergrund. 1.7 Verschiedene Dialekte Alle angebotenen Scriptsprachen wie PHP, ColdFusion oder Microsofts ASP beruhen auf ähnlichen Ansätzen. Dahinter steckt zwar noch vieles an Möglichkeiten zur Programmierung (Abfrage von Datenbanken, Einbindung weiterer Programme, etc.) aber letztendlich geht es darum, dem Benutzer eine HTML Seite zu senden. In dieser Hinsicht sind die Sprachen wie Dialekte. In jeder gibt es so etwas wie Bedingungen, Schleifen und Ausgaben. Nur die Schreibweise ist anders. Wie beim Programmieren von Software ist auch bei der Erstellung dynamischer Webseiten wichtig, welche Logik dahinter steckt. Dann wird die Sprache ausgewählt, die die Anforderungen am Besten unterstützt. ASP ist z.b. nur für Server mit Windows Betriebssystem geeignet. ColdFusion ist einfach verständlich aber kostet Lizenzgebühr und PHP ist frei verfügbar und bietet für viele bereits gelöste Probleme fertigen Code im Internet. 1.8 Ausblick Mit Scriptsprachen kann man auch Formulareingaben weiter verarbeiten. Z. B. kann ich eine Seite programmieren, auf der sie ihren Namen eingeben und dieses Formular absenden. Auf der folgenden Seite wird die Eingabe verarbeitet und in den HTML Quelltext Hallo >Ihr Name< eingefügt. Auf der angezeigten Seite werden sie mit dem gerade eingegebenen Namen begrüßt. Im Quelltext steht nur der Text, weil die Seite ja VOR der Übermittlung zu ihnen zusammengesetzt wurde. Ebenso kann z.b. das gesamte Telefonverzeichnis eines Unternehmens im Intranet abgelegt werden. Bei Eingabe eines Namens werden die Personen mit diesem Namen und den Telefonnummern ausgegeben. Oder aber das Beispiel Routenplanung: Hier werden Start- und Zieladresse eingegeben und das System errechnet die Route und kann diese in Worten und als Grafik angeben. Für alle diese Bereich sind dynamische Seiten mit Scriptsprachen wichtig. Stand: Seite 5