Meine dynamische Website mit PHP, MySQL und Apache GERMAN

2-6496.book Page 1 Tuesday, November 19, 2002 3:47 PM Website Deluxe mit PHP & Co 2-6496.book Page 3 Tuesday, Novemb...

Author: Jochen Naumann

104 downloads 1827 Views 9MB Size Report

This content was uploaded by our users and we assume good faith they have the permission to share this book. If you own the copyright to this book and it is wrongfully on our website, we offer a simple DMCA procedure to remove your content from our site. Start by pressing the button below!
Report copyright / DMCA form

DOWNLOAD PDF

2-6496.book Page 1 Tuesday, November 19, 2002 3:47 PM

Website Deluxe mit PHP & Co


Jochen Naumann

Website Deluxe mit PHP & Co 11 Workshops

Markt+Technik Verlag


Die Deutsche Bibliothek verzeichnet diese Publikation in der Deutschen Nationalbibliografie; detaillierte bibliografische Daten sind im Internet über http://dnb.ddb.de abrufbar.

Die Informationen in diesem Produkt werden ohne Rücksicht auf einen eventuellen Patentschutz veröffentlicht. Warennamen werden ohne Gewährleistung der freien Verwendbarkeit benutzt. Bei der Zusammenstellung von Texten und Abbildungen wurde mit größter Sorgfalt vorgegangen. Trotzdem können Fehler nicht vollständig ausgeschlossen werden. Verlag, Herausgeber und Autoren können für fehlerhafte Angaben und deren Folgen weder eine juristische Verantwortung noch irgendeine Haftung übernehmen. Für Verbesserungsvorschläge und Hinweise auf Fehler sind Verlag und Herausgeber dankbar. Alle Rechte vorbehalten, auch die der fotomechanischen Wiedergabe und der Speicherung in elektronischen Medien. Die gewerbliche Nutzung der in diesem Produkt gezeigten Modelle und Arbeiten ist nicht zulässig. Fast alle Hardware- und Softwarebezeichnungen, die in diesem Buch erwähnt werden, sind gleichzeitig auch eingetragene Marken oder sollten als solche betrachtet werden. Umwelthinweis: Dieses Buch wurde auf chlorfrei gebleichtem Papier gedruckt. Die Einschrumpffolie – zum Schutz vor Verschmutzung – ist aus umweltverträglichem und recyclingfähigem PE-Material.

10 9 8 7 6 5 4 3 2 1

06 05 04 03

ISBN 3-8272-6496-0

© 2003 by Markt+Technik Verlag, ein Imprint der Pearson Education Deutschland GmbH, Martin-Kollar-Straße 10–12, D-81829 München/Germany Alle Rechte vorbehalten Umschlaggrafik: WEBWO-Graphics, Marco Lindenbeck, München Lektorat: Jürgen Bergmoser, [email protected] Herstellung: Philipp Burkart, [email protected] Satz: mediaService, Siegen Druck und Verarbeitung: Media Print, Paderborn Printed in Germany


Inhaltsverzeichnis

Inhaltsverzeichnis Die CD-ROM zum Buch . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 Vorwort . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11 Über den Autor . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12

Workshop 1: Der dynamische Dreikampf: PHPTriad 1.1 1.2 1.3 1.4 1.5

PHPTriad – was ist das? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Die Installation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Achtung, fertig, los!. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Webspace im Internet. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Für Neugierige. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Workshop 2: Sherlock Holmes und Dr. PHP 2.1 2.2

13 15 16 22 28

31

Ein einfacher Seitenzähler . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32 Besucherstatistiken . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39

Workshop 3: Beehren Sie uns bald wieder 3.1 3.2 3.3 3.4

13

49

Installation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Handhabung . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Administration . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Anpassen von Layout und Design . . . . . . . . . . . . . . . . . . . . . . . .

50 53 56 58

5


Inhaltsverzeichnis

Workshop 4: Was mache ich mit all den Daten? 4.1 4.2 4.3 4.4 4.5 4.6 4.7 4.8

63

Was bietet Phorm? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Vorbereiten des Testsystems . . . . . . . . . . . . . . . . . . . . . . . . . . . . Installation von Phorm. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Ein einfaches Beispiel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Alles O.k.? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Ab in die Datenbank! . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Anpassen der Bestätigungsseite . . . . . . . . . . . . . . . . . . . . . . . . . . Der Umgang mit mehreren Formularen . . . . . . . . . . . . . . . . . .

Workshop 5: Jetzt wird es bunt! 5.1 5.2 5.3 5.4 5.5

6

105

Installation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Let the show begin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Keine Chance für Voyeure . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Gallery Remote . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Workshop 7: Gibt’s was Neues? 7.1 7.2 7.3 7.4 7.5

83

Die Installation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 84 Do it yourself . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 88 Weitere Extras . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 93 MySQL als Datenquelle . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 96 Hilfe . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 102

Workshop 6: Einladung zum Diaabend 6.1 6.2 6.3 6.4

64 64 66 67 68 70 75 76

106 110 113 116

121

Die Installation von SimpleNews . . . . . . . . . . . . . . . . . . . . . . . Das sind ja Neuigkeiten!. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Anpassen des Designs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Darf’s ein bisschen mehr sein? . . . . . . . . . . . . . . . . . . . . . . . . . . News-Beiträge in die eigene Seite einbauen . . . . . . . . . . . . . . .

122 126 129 132 136


Inhaltsverzeichnis

Workshop 8: Schweigen ist Silber, Reden ist Gold 8.1 8.2 8.3 8.4 8.5

Installation des Chats . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Ist da jemand? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Die Administration . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Chat-Hygiene . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Anpassen des Layouts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Workshop 9: Jede Stimme zählt 9.1 9.2 9.3 9.4 9.5

11.1 11.2 11.3 11.4

164 168 171 176 183

185

Historisch gewachsen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Die Installation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Neues Forum einrichten. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Einen eigenen Beitrag schreiben . . . . . . . . . . . . . . . . . . . . . . . . Schutzmechanismen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Anpassen des Layouts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Patches und Erweiterungen . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Workshop 11: Und Sie dachten, es wäre schwierig ...

143 147 150 153 156

163

Installation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Erstellen neuer Umfragen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Einbetten der Umfrage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Anpassen des Erscheinungsbildes . . . . . . . . . . . . . . . . . . . . . . . Hilfe!. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Workshop 10: Sagen Sie Ihre Meinung 10.1 10.2 10.3 10.4 10.5 10.6 10.7

141

186 187 192 194 196 197 201

203

PHPNuke – die Eier legende Wollmilchsau . . . . . . . . . . . . . . . Installation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Erste Schritte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Ein bisschen Aufräumarbeit. . . . . . . . . . . . . . . . . . . . . . . . . . . .

204 205 208 210

7


Inhaltsverzeichnis

11.5 Sail away .... . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 213 11.6 Artikel schreiben und veröffentlichen. . . . . . . . . . . . . . . . . . . . 218 11.7 Schlussbemerkung . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 221

Anhang A: Farben in HTML

223

Anhang B: PHP nebenbei gelernt

227

B.1 B.2 B.3 B.4 B.5 B.6 B.7 B.8 B.9 B.10 B.11 B.12

Das erste PHP-Script . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Grundlagen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Variablen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Formularauswertung . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Kontrollstrukturen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Operatoren . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Funktionen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Einbinden von Dateien. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Globale und lokale Variablen. . . . . . . . . . . . . . . . . . . . . . . . . . . Arrays . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Häufige Fehler . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Hilft mir denn keiner? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

228 229 230 231 233 236 241 243 244 245 245 247

Anhang C: Was ist Open-Source-Software? 253 Anhang D: Troubleshooting D.1 D.2 D.3 D.4 D.5

255

MySQL Demon und Apache gestartet? . . . . . . . . . . . . . . . . . . . Ist der MySQL-Benutzer „donald“ erzeugt worden? . . . . . . . . Winzip und .tar.gz-Dateien . . . . . . . . . . . . . . . . . . . . . . . . . . . . Dateirechte auf dem Webspace . . . . . . . . . . . . . . . . . . . . . . . . . Scriptkonfiguration für Webspace . . . . . . . . . . . . . . . . . . . . . .

255 256 256 256 256

Glossar . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 257 Stichwortverzeichnis . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 265

8


Die CD-ROM zum Buch Die CD-ROM zum Buch Die dem Buch beiliegende CD-ROM enthält ausser PHP, MySQL und Apache das Tool PHPTriad, Texteditoren und alle vorgestellten Skripte.

\software AdvancedPoll Apache

Skript für Umfragen Apache Webserver (Windows)

CounterCaffee Gallery JpGraph

Script für Besucherstatistiken Fotoalbum Script für Diagramme

MySQL PGB Phorm

MySQL-Datenbank (Windows) Script für Gästebuch Formularauswertung

Phorum PHP PHP Triad

Script für Foren PHP Scriptprozessor (Windows) PHP, MySQL und Apache für Windows

PHPNuke PHPOpenChat Simplenews SmartFTP

Content-Management-System Chat-System News-System FTP-Client

Texteditoren XCount

Textpad und Jedit Seitenzähler



Vorwort Vorwort

Die eigene Homepage íst heutzutage nichts Besonderes mehr. Wenn Ihre Homepage aus dem Einheitsbrei herausstechen soll, müssen Sie schon ein bisschen mehr bieten als die anderen. Dynamische Aspekte sind gefragt, ob nun ein einfacher Seitenzähler, ein Chat oder ein Fotoalbum mit den Bildern Ihres letzten Urlaubs. Aber gerade solche dynamischen Komponenten sind nicht ohne weiteres zu realisieren. Normalerweise müssen Sie profunde Kenntnisse in einer Skriptsprache wie Perl, PHP oder ASP haben. Außerdem wird oft noch eine Datenbankanbindung benötigt, also gesellt sich zu den erforderlichen Kenntnissen noch SQL, die Datenbankabfragesprache, hinzu. Vielleicht gehören Sie zu den Leuten, die sagen: „Das Leben ist zu kurz, um dies alles zu lernen.“ Prima, dann sind Sie eine der möglichen Zielgruppen dieses Buches, denn es werden lediglich HTML-Kenntnisse vorausgesetzt, und selbst die sind nicht absolut notwendig.

erstellt von ciando

Für jeden Workshop in diesem Buch finden Sie auf der CD-ROM ein fertiges Skript, das Sie nur noch installieren und geringfügig anpassen müssen, und schon können Sie loslegen! Zu verdanken haben Sie das der Open-Source-Bewegung, die es sich zum Ziel gemacht hat, gute Software umsonst – ja, Sie haben richtig gelesen: gratis – zur Verfügung zu stellen. Gerade im Bereich Webtechnologien gibt es eine große Vielfalt an frei erhältlicher Software, die aber oftmals einen Haken hat: Die Dokumentation ist nicht so gut, daher ist es für Laien schwierig, diese Software zu benutzen. Dieses Problem möchte ich beheben, indem ich Ihnen in den nächsten 11 Workshops freie Software vorstelle und Sie bei Ihren ersten Schritten mit dieser Software begleite. Ich wünsche Ihnen viel Spaß dabei und steigende Besucherzahlen auf Ihrer Homepage! Jochen Naumann Oktober 2002 [email protected]


Über den Autor

Über den Autor Jochen Naumann studierte Informatik an der TU Darmstadt und ist seit vielen Jahren als Trainer, Dozent und Berater im Bereich Webtechnologien unterwegs. Zu seinem Kundenkreis zählen namhafte Unternehmen wie die ESA, Telekom, Siemens, Accenture, ZDF und andere. Neben der Schulungstätigkeit schreibt er Informatik-Lehrhefte für ein Fernlehrinstitut. Seine Freizeit verbringt er am liebsten mit seiner Familie und spielt mit seiner kleinen Tochter Maja. Ab und zu versucht er zu joggen oder zu saunieren. Manchmal klappt es auch. Durch seine positiven Erfahrungen mit OpenSource-Software auch bei größeren Projekten ist er überzeugter Verfechter von „freier“ Software. Der Markt+Technik Verlag gab ihm jetzt Der Autor in seiner Werkstatt die Chance, sein Wissen und seine Überzeugung einem breiten Publikum in Buchform zur Verfügung zu stellen.

Schreiben Sie uns! Autor und Verlag sind immer bemüht Ihnen, unseren Kunden und Lesern die optimale Information zum Thema zu bieten. Scheuen Sie sich deshalb nicht, uns über Fehler und andere Ärgernisse zu informieren. Nur so können wir laufend an der Verbesserung unserer Bücher arbeiten. Aber auch Lob, Erfolgserlebnisse und Ihre Ergebnisse interessieren uns. Schreiben Sie uns unter [email protected]. Ihre Mails werden sofort an den Autor weitergeleitet! Ihr Markt+Technik-Buchlektorat Jürgen Bergmoser [email protected]

12


Workshop 1 Der dynamische Dreikampf: PHPTriad PHP, MySQL und Apache – das Gewinnerteam ! Sie benutzen im weiteren Verlauf dieses Buches ein Softwaretrio namens PHPTriad, dessen Mitglieder zu dem Besten zählen, was auf dem Markt erhältlich ist. Nebenbei ist es auch noch völlig kostenlos! Wo ist der Haken, fragen Sie? Es gibt keinen. PHPTriad ist durch und durch empfehlenswert und wird vielfach auch im professionellen Bereich eingesetzt. In diesem ersten Kapitel erfahren Sie mehr über das Gewinnerteam PHPTriad, seine Bestandteile, den Sinn und Zweck, die Installation und den Gebrauch.

1.1 PHPTriad – was ist das? Wenn Sie Webseiten mit dynamischen Inhalten erzeugen wollen, brauchen Sie drei Komponenten: ■ eine Datenbank, in der Inhalte abgelegt sind ■ eine Programmiersprache, die die Inhalte aus der Datenbank liest und in eine HTML-Seite einbaut ■ einen Webserver, der die erzeugte HTML-Seite an einen Browser schickt Für jede dieser Komponenten gibt es eine Vielzahl an Software: Als Webserver können Sie zum Beispiel den IIS von Microsoft einsetzen, als Programmiersprache Java und als Datenbank Oracle.


Der dynamische Dreikampf: PHPTriad

Nun existiert aber eine Kombination aus Produkten, die ein eingespieltes und in der Praxis erprobtes Team bilden: ■ die Datenbank MySQL (mehr Infos unter http://www.mysql.org) ■ die Programmiersprache PHP (http://www.php.net)

PROFITIPP

■ der Webserver Apache (http://www.apache.org)

Sie sind nicht auf genau diese Kombination angewiesen. Insbesondere die Art des Webservers ist für die Workshops in diesem Buch unerheblich. Auch die Datenbank könnten sie theoretisch austauschen, allerdings muss dann einiges an den fertigen Programmen auf der CD geändert werden. Unabdingbar ist nur, dass Sie PHP benutzen.

Sie können sich jetzt viel Arbeit machen und jede Software einzeln besorgen und nacheinander installieren. Allerdings ist es recht aufwändig, die Komponenten so zu konfigurieren, dass sie später reibungslos zusammenarbeiten. Doch zum Glück für Sie haben sich schon andere Leute die Mühe gemacht und genau die oben erwähnte Kombination aus Produkten zusammengefasst. Das Ganze nennt sich PHPTriad. Mit PHPTriad müssen Sie nur eine Installationsroutine aufrufen und die einzelnen Komponenten sind auch schon für den gemeinsamen Einsatz vorkonfiguriert. Wie gut, dass es so viele Leute gibt, die aus Idealismus und Spaß an der Sache solche Projekte ermöglichen: PHPTriad ist kostenlos.

PROFITIPP

Wenn Sie mehr über PHPTriad erfahren wollen, besuchen Sie die Homepage unter http://sourceforge.net/projects/phptriad.

14

PHPTriad gibt es nur für Windows. Sollten Sie unter Linux arbeiten, müssen sie die Komponenten einzeln installieren. Die dazu nötige Software ist bei den gängigen Linux-Distributionen wie SuSE enthalten und wird bei der Installation meist auch korrekt konfiguriert. Des weiteren sollte man beachten, dass man mit PHPTriad nicht die neuesten Versionen der darin beinhalteten Programme bekommt und dass PHPTriad noch Beta-Status hat, dass heißt noch nicht ganz ausgereift ist. Alle Skripte in diesem Buch laufen aber unter PHPTriad.


Die Installation

1.2 Die Installation Die Installation gestaltet sich sehr einfach, aber leider auch unflexibel. Die gesamte Software wird im Ordner c:\apache installiert, was nicht änderbar ist. Dafür müssen Sie lediglich das Setup-Programm starten und warten, bis die Installation beendet ist – ohne nervige Fragen zwischendurch. So gehen Sie Schritt für Schritt vor, um PHPTriad zu installieren:

1

Legen Sie die zum Buch gehörige CD-ROM ein und wechseln Sie in das Verzeichnis software.

2

Doppelklicken Sie auf die Datei phptriad2-2-1.exe.

3

Es öffnet sich ein Fenster, in dem Sie gebeten werden, die Nutzungsbedingungen zu akzeptieren. Klicken Sie auf I Agree.

4

Die Installation startet nun. Wenn Sie die Schaltfläche Details drücken, können Sie mitverfolgen, was gerade passiert (Abbildung 1.1).

Abbildung 1.1: Installation von PHPTriad

5

Sobald das Setup-Programm alle Schritte ausgeführt hat, klicken Sie auf die Schaltfläche Close. Die Software ist nun fertig installiert und einsatzbereit.

15



1.3 Achtung, fertig, los! Nachdem die Installation erfolgreich war, brennt es Ihnen sicherlich schon unter den Nägeln, die Software zu testen. Da die Komponenten aufeinander aufbauen, probieren wir sie erst der Reihe nach aus und lassen sie dann alle zusammen eine erste datenbankgestützte Webseite produzieren. Los geht’s.

Go, Apache! Um den Webserver Apache zu benutzen, muss er zunächst gestartet werden. Bei der Installation von PHPTriad wird ein neuer Menüpunkt Programs zum Windows-Startmenü hinzugefügt. Darunter finden Sie den Eintrag PHPTriad und hier schließlich einige Hilfsprogramme zum Bedienen der Software. Zum Starten des Webservers gehen Sie wie folgt vor:

1

Wählen Sie im Startmenü unter Programs/PHPTriad/Apache Console den Eintrag Start Apache (Abbildung 1.2).

Abbildung 1.2: Starten des Webservers

2

Es öffnet sich ein Konsolenfenster, in dem der erfolgreiche Start des Webservers bestätigt wird (Abbildung 1.3). In diesem Fenster werden auch eventuelle Fehler angezeigt, die während des Betriebs von Apache auftreten können.

Abbildung 1.3: Apache-Konsolenfenster

16


VORSICHT!

Achtung, fertig, los!

Schließen Sie dieses Fenster nicht direkt, denn dadurch beenden Sie den Webserver auf unsanfte Weise. Wenn Sie Apache wirklich beenden wollen, benutzen Sie dazu den Befehl Stop Apache unter Programs/PHPTriad/Apache Console im Windows-Startmenü.

Laut Apache-Konsolenfenster ist der Webserver jetzt gestartet. Aber Vertrauen ist gut, Kontrolle ist besser! Öffnen Sie zum Testen einen Browser und tippen Sie in die URLLeiste http://localhost. Localhost ist ein Synonym für den eigenen Rechner, Sie verbinden sich also mit Ihrem Computer. Sollte alles gut gehen, sehen Sie eine Begrüßungsmeldung von PHPTriad (Abbildung 1.4).

VORSICHT!

Abbildung 1.4: Testen des Webservers

Stellen Sie sicher, dass nicht der IIS-Webserver von Microsoft oder ein anderer Webserver auf Ihrem System bereits gestartet ist. Dies könnte unter Windows NT oder Windows 2000 Server der Fall sein. Apache würde dann nicht korrekt funktionieren. Sie müssten entweder den zweiten Webserver beenden oder den Webservern unterschiedliche TCP-Ports zuweisen. Dies können Sie unter Windows 2000 erreichen, indem Sie den Interdienste-Manager aufrufen im Startmenü unter Programme-Verwaltung.

17



Go, PHP! Nachdem wir festgestellt haben, dass die erste Komponente funktioniert, testen wir jetzt die Skriptsprache PHP. Eine Testseite mit PHP-Anweisungen ist in dem komfortablen Paket PHPTriad natürlich auch schon vorhanden, wir müssen sie nur noch mit dem Browser aufrufen. Geben Sie dazu die URL http://localhost/phpinfo.php ein. Sie sollten eine Seite wie in Abbildung 1.5 gezeigt erhalten.

Abbildung 1.5: Testen von PHP

Diese Testseite gibt Ihnen viele Informationen zur PHP-Installation, zum Beispiel, welche Version sie benutzen oder welche Module mitgeliefert wurden.

Go, MySQL! Kommen wir nun zur Datenbank. Auch hier muss wie beim Webserver zunächst der entsprechende Hintergrundprozess gestartet werden: der Datenbankserver. Sie finden dazu im Startmenü unter Programs/PHPTriad/MySQL zwei Einträge: MySQL-D und MySQL-D-NT. ■ MySQL-D benutzen Sie für Windows 95/98/Me. ■ MySQL-D-NT benutzen Sie für Windows NT, Windows 2000 oder XP.

18



PROFITIPP

Wenn Sie einen passenden Eintrag ausgewählt haben, erscheint kurz ein Konsolenfenster, das aber gleich wieder verschwindet. Keine Sorge, das ist normal und richtig so. Der Datenbankserver sollte jetzt laufen. Der Hintergrundprozess, den Sie soeben gestartet haben, nennt sich mysqld.exe bzw. mysqld-nt.exe. Sie können überprüfen, ob dieses Programm läuft, indem Sie sich die Prozessliste im Windows Task Manager anschauen (Abbildung 1.6). Dort finden Sie übrigens auch den Prozess für den Webserver mit dem Namen Apache.exe. Wollen Sie ohne einen Neustart Ihres Rechners den Datenbankserver beenden, verwenden Sie dazu im Task Manager die Schaltfläche Prozess beenden.

Abbildung 1.6: MySQL-Hintergrundprozess

Um sich mit einer Datenbank zu unterhalten, wird entweder ein grafisches Tool benutzt, wie Sie es vielleicht von Microsoft Access kennen, oder die Datenbanksprache SQL (Standard Query Language). MySQL ist zwar eine ausgezeichnete Datenbank, hat aber von Haus aus nicht den Benutzungskomfort von Access. Also greifen wir zum Testen zunächst auf SQL zurück. Im nächsten Abschnitt werden Sie dann sehen, wie man MySQL noch einfacher und benutzerfreundlicher bedienen kann.

19



Zum Testen des Datenbankservers gehen Sie wie folgt vor:

1

Öffnen sie ein Konsolenfenster (im Windows-Startmenü unter Programme/ Zubehör/Eingabeaufforderung ).

2

Geben Sie cd \apache\mysql\bin ein, um in das Verzeichnis zu wechseln, in dem die ausführbaren MySQL-Dateien gespeichert sind.

3

Geben sie mysql ein, um den interaktiven MySQL-Monitor zu starten, mit dessen Hilfe Sie SQL-Befehle an die Datenbank schicken können.

4

Wenn Sie nun die Willkommensmeldung von MySQL (Abbildung 1.7) erscheint, ist alles in Ordnung.

5

Lassen Sie uns zum Test noch einen SQL-Befehl absetzen. Geben Sie show databases ein. Dieser Befehl zeigt die vorhandenen Datenbanknamen.

Abbildung 1.7: Testen von MySQL

6

Geben Sie quit ein, um den SQL-Monitor zu verlassen.

7

Schließen Sie das Konsolenfenster.

Und jetzt alle zusammen ... Jetzt kommt der große Augenblick: Die Triade soll zum ersten Mal gemeinsam agieren. Zum Testen nehmen wir ein webbasiertes Tool, das in PHP geschrieben ist und die benutzerfreundliche Bedienung von MySQL über einen Browser ermöglicht. Dieses Tool mit Namen phpMyAdmin ist Bestandteil von PHPTriad, was erneut die Vielseitigkeit dieses Softwarepakets beweist.

20



Im Prinzip ist phpMyAdmin nichts anderes als eine Sammlung von Webseiten mit PHP-Skripten, die sich mit der Datenbank verbinden und diverse SQL-Kommandos ausführen. Sie können phpMyAdmin benutzen, um neue Datenbanktabellen anzulegen, sie mit Inhalt zu füllen und vieles mehr. Genug der Vorrede, geben Sie nun im Browser die URL http://localhost/phpmyadmin/ ein, um auf die Startseite dieses sagenhaften Tools zu kommen. Wenn Sie keine Fehlermeldung bekommen und eine Seite ähnlich der in Abbildung 1.8 angezeigt wird, hat PHPTriad den Test bestanden. Was genau ist dabei passiert? ■ Der Browser hat die URL der Seite, die angezeigt werden soll, dem Webserver übermittelt. ■ Apache hat erkannt, dass es sich nicht um eine normale HTML-Seite, sondern um eine Seite mit PHP-Befehlen handelt. ■ Die PHP-Bestandteile wurden an den PHP-Interpreter gesendet, der die Befehle ausgeführt und eine Verbindung mit MySQL aufgebaut hat. ■ MySQL führt die von PHP übergebenen SQL-Anweisungen aus und liefert die Resultate an PHP zurück. ■ PHP übergibt dem Webserver die fertige Seite. ■ Apache übermittelt schließlich die Seite mit Inhalten aus der Datenbank an den Browser.

Abbildung 1.8: Startseite von phpMyAdmin

21



1.4 Webspace im Internet Meine Seiten sollen ins Netz! Ihre dynamische Website ist fertig und läuft bei Ihnen zu Hause auch wunderbar. Was ist der nächste Schritt? Die Seiten müssen ins Internet, damit jeder sie bewundern kann. Dazu brauchen Sie so genannten Webspace, Speicherplatz auf einem Rechner im Internet, wo Sie Ihre Daten und Seiten ablegen können. Anbieter von Webspace nennt man auch Hoster.

PROFITIPP

Nun können Sie nicht jeden beliebigen Hoster nehmen, denn Ihre Website benötigt ja PHP und MySQL, die beide auch beim Hoster installiert sein müssen. Zum Glück ist PHP in Kombination mit MySQL aber sehr weit verbreitet in Bezug auf Skriptsprachen und Datenbanken im Internet, daher bieten inzwischen nahezu alle Hoster ein entsprechendes Paket an. Achten Sie auch darauf, dass der Hoster einen Zugang zur Datenbank über das Tool phpMyAdmin anbietet, da dies der komfortabelste Weg ist, MySQL zu bedienen.

Wenn Sie sich über einen großen Provider wie T-Online oder AOL ins Internet einwählen, haben Sie in der Regel zwar Webspace kostenlos zur Verfügung, aber keine PHP/MySQL-Unterstützung. Sie müssen sich also zusätzlichen Webspace besorgen.

Die Angebote für Webspace mit PHP/MySQL-Unterstützung schwanken preislich sehr. In Abbildung 1.9 sehen Sie ein Beispiel des Anbieters hostweb, das Ihnen als Anhaltspunkt für eigene Preisrecherchen dienen soll.

22


Webspace im Internet

Abbildung 1.9: Beispielangebot für Webspace mit PHP/MySQL

Inzwischen können Sie PHP/MySQL-Webspace sogar kostenlos bekommen (Abbildung 1.10). Der Anbieter Tripod bietet seit Anfang 2002 auf seinem kostenlosen Webspace auch PHP und MySQL ohne zusätzliche Kosten an. Allerdings bekommen Besucher Ihrer Seiten dann lästige Werbeeinblendungen auf ihren Bildschirm. Wenn Sie das nicht stört und Sie Ihre Seiten nur für private Zwecke einsetzen, könnte Tripod eine Alternative für Sie sein.

Abbildung 1.10: Kostenloser Webspace von Tripod

23



Um Ihnen eine Starthilfe bei der Suche nach Webspace zu geben, sind nachfolgend ein paar URLs von bekannten Anbietern aufgeführt: ■ http://www.einsundeins.de ■ http://www.schlund.de ■ http://www.strato.de ■ http://www.hostweb.de ■ http://tripod.lycos.de

Wie werden meine Daten übertragen? Wenn Sie einen passenden Hoster gefunden haben, müssen Sie Ihre Daten und Dateien noch übertragen. Dateien werden im Normalfall über FTP auf den Webserver kopiert. Dazu benötigen Sie einen so genannten FTP-Client. Auf der beiliegenden CD-ROM finden Sie ein solches kostenloses Programm mit dem Namen SmartFTP. Die Installation ist unproblematisch:

24

1

Wechseln Sie in das Verzeichnis software auf der CD-ROM.

2

Das Installationsprogramm benötigt eine Datei aus dem Internet. Stellen Sie also sicher, dass Sie ins Internet eingewählt sind.

3

Doppelklicken Sie auf die Datei SFTPSetup.exe. Das Setup-Programm startet mit dem Download einer benötigten Datei und zeigt dann eine Begrüßungsmeldung. Wenn Sie möchten, können Sie jetzt die Internet-Verbindung wieder beenden. Klicken Sie auf die Schaltfläche Next.

4

Bestätigen sie, dass Sie mit den Lizenzbestimmungen einverstanden sind und klicken Sie wieder auf Next.

5

Wählen Sie im nächsten Bildschirm die Option Typical (Abbildung 1.11).



Abbildung 1.11: Installation von SmartFTP

6

Klicken sie noch einmal auf Next, um die Installation zu starten.

Wenn die Installation beendet ist, können Sie SmartFTP starten, indem Sie im Windows-Startmenü unter Programme\SmartFTP den Eintrag SmartFTP wählen. Das Programm ist in englischer Sprache verfasst, aber auf der Homepage finden Sie auch eine Möglichkeit, deutsche Sprachunterstützung nachzuinstallieren: http:// www.smartftp.com/localization/projects/german/ Um nun Dateien auf Ihren Webspace zu kopieren, gehen Sie wie folgt vor:

1

Starten Sie SmartFTP. Beim ersten Start erscheint zunächst ein Fenster, in dem Sie SmartFTP konfigurieren können. Die Standardeinstellungen können Sie zunächst ohne Änderung übernehmen, klicken sie also auf OK.

2

Es öffnet sich das Hauptfenster von SmartFTP. Um sich nun mit Ihrem Webspace über FTP zu verbinden, tippen Sie in die Adresszeile die URL Ihres FTPZugangs sowie Ihren Benutzernamen und Passwort in die entsprechenden Felder Login und Password ein. Die dafür benötigten Informationen haben Sie von Ihrem Hoster bekommen. Drücken Sie danach die (¢)-Taste. SmartFTP versucht daraufhin, eine Verbindung aufzubauen. Auch hierzu müssen Sie natürlich ins Internet eingewählt sein. Wenn alles klappt, bekommen Sie eine Übersicht, welche Dateien und Ordner schon auf Ihrem Webspace zu finden sind (Abbildung 1.12).

25



Abbildung 1.12: Der FTP-Client SmartFTP

3

Öffnen Sie jetzt den Windows-Explorer und navigieren sie zu den Inhalten, die Sie übertragen möchten. Sie können per Drag&Drop Dateien oder Ordner aus dem Explorer-Fenster in das SmartFTP-Dateifenster ziehen. Sobald Sie die Maustaste loslassen, startet der Dateitransfer. Einfach, nicht wahr?

4

Wollen Sie Inhalte Ihres Webspaces löschen oder umbenennen, können Sie im Dateifenster von SmartFTP so vorgehen, wie Sie es vom Windows-Explorer gewohnt sind. Haben sie alles übertragen und eventuelle Änderungen vorgenommen, können sie SmartFTP wieder schließen.

Wenn Sie alle Dateien kopiert haben, ist das aber erst die halbe Miete. Der nächste Schritt besteht darin, die Inhalte aus Ihrer MySQL-Datenbank in die Datenbank Ihres Webspaces zu übertragen. Dazu können Sie phpMyAdmin auf beiden Seiten (Ihrem Rechner und dem Internet-Rechner) benutzen. Gehen Sie dabei wie folgt vor:

26

1

Verbinden Sie sich mit phpMyAdmin auf Ihrem lokalen Rechner: http://localhost/phpMyAdmin/

2

Am linken Bildschirmrand werden alle Datenbanken angezeigt, die von MySQL angelegt wurden. Klicken Sie auf die Datenbank, die Sie kopieren möchten.



Scrollen Sie etwas nach unten, bis Sie die Funktion Dump (Schema) der Datenbank anzeigen finden (Abbildung 1.13). Hier wählen Sie die Option Struktur und Daten und aktivieren das Kontrollkästchen Senden.

Abbildung 1.13: Dump einer Datenbank

Klicken Sie auf OK. Sie werden dann aufgefordert, den Speicherort für den so genannten Datenbankdump anzugeben. Wählen Sie ein beliebiges Verzeichnis.

4

Verbinden Sie sich mit dem phpMyAdmin-Tool Ihres Webspaces. Die URL hierfür erhalten Sie von Ihrem Hoster.

PROFITIPP

3

5

Sollte Ihr Hoster wider Erwarten kein phpMyAdmin anbieten, muss er eine Alternative anbieten, wie Sie Daten übertragen können. Entsprechende Informationen wird er Ihnen bereitstellen.

Auf der Startseite von phpMyAdmin finden Sie die Funktion Neue Datenbank erzeugen (Abbildung 1.14). Tragen Sie den Namen der Datenbank, die Sie kopieren wollen, ein und klicken Sie auf Erzeugen.

Abbildung 1.14: Neue Datenbank erzeugen

6

Sie befinden sich jetzt auf der Verwaltungsseite der neu angelegten Datenbank. Dort finden Sie die Funktion, um SQL Befehle aus einer Datei auszuführen. Kli-

27



cken Sie auf Durchsuchen, um die Datei auf Ihrer Festplatte auszuwählen, die Sie in Schritt 3 gespeichert haben. Bestätigen Sie anschließend Ihre Auswahl mit OK.

Abbildung 1.15: SQL-Befehle aus Datei ausführen

7

Je nach Umfang der Daten müssen Sie einen Augenblick warten. Sie sollten dann aber die Rückmeldung erhalten, dass die Befehle erfolgreich ausgeführt und der Inhalt der Datei eingefügt wurde. Überprüfen Sie, ob die Datenbank korrekt kopiert wurde.

PROFITIPP

Das war’s, jetzt sollte Ihre dynamische Website im Internet genauso funktionieren wie zu Hause auf Ihrem Testsystem.

Wenden Sie sich bei Problemen mit phpMyAdmin, MySQL oder PHP an den Support Ihres Hosters. Oftmals gibt es auch eine Webseite, die immer wieder auftauchende Probleme und deren Lösungen beschreibt, so genannte FAQs (Frequently asked questions – häufig gestellte Fragen).

1.5 Für Neugierige Sie fühlen sich angesprochen? Gut, denn in diesem Abschnitt bekommen Sie ein paar Hintergrundinformationen zu PHP und MySQL, die Sie zur weiteren Lektüre des Buches nicht unbedingt brauchen. Trotzdem ist es interessant zu erfahren, was zum Beispiel die Abkürzung PHP bedeutet oder warum MySQL so erfolgreich ist.

Ein paar Details zu PHP PHP steht für PHP: Hypertext Preprocessor Der Name deutet schon an, dass PHP eine Skriptsprache zur Programmierung von dynamischen Webseiten ist. PHP ist dabei besonders aufgrund zweier Eigenschaften interessant.

28


Für Neugierige

■ Das Programm ist kostenlos als Open-Source-Projekt erhältlich. Beim Einsatz von PHP müssen Sie keinerlei Lizenzgebühren bezahlen. Außerdem können Sie den gesamten Quellcode bekommen; eigene Änderungen sind also theoretisch bei entsprechendem Fachwissen möglich, dann sollte man sich aber der Entwicklergemeinde im Internet anschliessen. ■ Aufgrund der großen Entwicklergemeinde von PHP existiert bereits eine große Zahl an kostenlos verfügbaren Erweiterungen und Applikationen. Besonders hervorzuheben sind hier die Funktionen zum Zugriff auf zahlreiche Datenbanksysteme. Aber auch für andere Bereiche finden sich viele fertige Produkte, die Sie zum Teil in den nächsten Kapiteln vorgestellt bekommen. Die freie Verfügbarkeit von PHP und Erweiterungen zu PHP sowie die Einfachheit der Sprache haben in den letzten Jahren zu einer rasanten Verbreitung geführt (Abbildung 1.16). So ist PHP laut Netcraft-Statistik im Juli 2002 auf 1,2 Millionen Webservern und 9,3 Millionen Domains im Einsatz.

Abbildung 1.16: Verbreitung von PHP

Interessant ist auch die so genannte Marktdurchdringung, also wie häufig PHP im Gegensatz zu Konkurrenzprodukten verwendet wird (Abbildung 1.17).

Abbildung 1.17: PHP-Marktdurchdringung

29



Mehr Statistiken und Informationen finden Sie unter: ■ http://www.netcraft.com ■ http://www.securityspace.com/s_survey

Die Zukunft von MySQL MySQL wird zurzeit in Version 3.23 angeboten. Es gibt viele Gründe, warum man MySQL in dieser Version einsetzt: ■ Es ist Open-Source-Software, das heißt, der Quellcode ist einsehbar und es fallen keine Lizenzgebühren an. Im Vergleich dazu kann eine Lizenz für das Datenbanksystem Oracle bis zu 50.000 € kosten. ■ MySQL ist sehr schnell, besonders im webbasierten Einsatz. Im Vergleich zu anderen kommerziellen Datenbanksystemen wie Oracle braucht es sich nicht zu verstecken. ■ MySQL gibt es für eine Vielzahl von Betriebsystemen, z.B. Linux, Windows, FreeBSD, Solaris oder OS/2. ■ Es arbeitet hervorragend mit PHP zusammen und ist zu einem De-facto-Standard für webbasierten Datenbankzugriff mit PHP geworden. Man darf allerdings nicht die Nachteile verschweigen: ■ MySQL unterstützt von Haus aus keine Transaktionen, man muss Zusatztools dafür benutzen. Transaktionen werden benötigt, damit Daten bei fehlerhaften Operationen nicht verloren gehen. ■ Wenn ein Benutzer auf eine Tabelle zugreift, wird diese für alle anderen Benutzer gesperrt. Bei hohen Zugriffszahlen leidet so die Geschwindigkeit, da viel Zeit mit Warterei vertan wird. Andere Datenbanksysteme arbeiten feiner, dort ist es möglich, nur Tabellenzeilen zu sperren. ■ MySQL bietet keine grafische Umgebung zum Bedienen und Administrieren der Datenbank. Aber wie Sie schon gesehen haben und noch sehen werden, wird dieser Nachteil durch das hervorragende Tool phpMyAdmin relativiert. Die Entwicklergemeinde von MySQL hat sich zum Ziel gesetzt, die beste Datenbank kostenlos anzubieten. Deshalb hat man für die neue Version 4, die schon zum Download bereitsteht, die größten Nachteile aus dem Weg geräumt. MySQL 4.0 bietet Transaktionsmanagement und zeilenweises Sperren. Damit dürfte MySQL 4.0 der teuren Konkurrenz das Fürchten lehren.

30


Workshop 2 Sherlock Holmes und Dr. PHP Wie Ihnen PHP-Scripts helfen, nützliche Informationen zu gewinnen. In diesen und den restlichen Kapiteln des Buches werden Sie fertige Scripts kennen lernen, die die Fähigkeiten von PHP und MySQL nutzen. Alle Scripts sind Freeware, das heißt, sie können Sie kostenfrei benutzen. Ist das nicht wunderbar? Willkommen in der Welt von Open-Source-Software! Als Einstieg möchte ich Ihnen zwei Scripts vorstellen, die Informationen über die Besucher Ihrer Homepage herausfinden. Mithilfe des ersten Scripts mit Namen xCount können Sie einen Seitenzähler in Ihre Homepage einbauen. Das zweite Script trägt den Namen CounterCaffe und kann schon etwas mehr. Es zeigt komplette Statistiken, wer wann welche Seite wie oft aufgerufen hat. Big Brother is watching you!


Sherlock Holmes und Dr. PHP

Ergebnis dieses Workshops Als Ergebnis dieses Workshops erhalten Sie zweierlei: erstens die Möglichkeit, einen grafischen Seitenzähler auf beleibige Seiten einzubauen und zweitens eine umfassende Statistik über die Nutzung Ihrer Website.

2.1 Ein einfacher Seitenzähler Wir beginnen ganz einfach – mit einem Seitenzähler. Das haben Sie sicher schon auf vielen Seiten gesehen. Oftmals sieht der Zähler aus wie ein Tachometer und zeigt an, wie viele Besucher diese Seite schon hatte. Damit auch Sie in den Genuss eines solchen Zählers kommen können, müssen Sie zunächst das Script, das Sie schon fertig geliefert bekommen, installieren. Für das Script namens xCount – wie für alle weiteren Scripts im Buch – müssen zwei verschiedene Installationen unterschieden werden: Die Installation auf Ihrem lokalen Testsystem mit PHPTriad und die Installation auf Ihrem Webspace im Internet. Die Installation auf dem Webspace gestaltet sich als schwieriger, da man die Dateien zunächst über ein FTP-Programm übertragen muss und es mehr Fehlerquellen gibt. Außerdem hat man meistens auf die Konfiguration von PHP und MySQL keinen Einfluss. Ein paar Fallstricke können Sie im Anhang über Troubleshooting nachlesen.

32


Ein einfacher Seitenzähler

Die Installation Ich stelle Ihnen exemplarisch beide Installationen vor, damit Sie sich ein Bild von den Unterschieden machen können.

AUF DER

CD-ROM

Zuerst die Installation auf Ihrem lokalen Testsystem:

Die notwendige Archivdatei finden Sie auf der CD-ROM im Verzeichnis \software\xCount. Sie hat den Namen xCount.zip. Im Internet finden Sie die aktuelle Version unter http://www.x-gfx.de.

1

Legen Sie einen Unterordner namens counter im Dokumentenordner Ihres Webservers an. Im Fall des Testsystems mit PHPTriad ist das c:\apache\htdocs.

2

Extrahieren Sie die Datei xCount.zip in das neu angelegte Verzeichnis. Die Ordnerstruktur sollte dann wie in Abbildung 2.1 aussehen.

Abbildung 2.1: Die xCount-Dateien

Das war’s schon. Um die Funktionalität zu testen, probieren Sie die enthaltene Testdatei sample.php aus, die den Zähler integriert hat. Öffnen Sie dazu einen Browser wie den Internet Explorer und wechseln Sie zur URL http://localhost/counter/sample.php.

33



Wenn Sie eine Seite wie in Abbildung 2.2 sehen, ist das die halbe Miete. Um die volle Funktionalität zu testen, klicken Sie auf den Link Refresh/Count. Der Zähler sollte pro Klick eins hochzählen.

Abbildung 2.2: Eine Testseite

Und nun die Installation auf Ihrem Webspace:

34

1

Erstellen Sie ein temporäres Verzeichnis auf Ihrer Festplatte, zum Beispiel c:\temp\counter.

2

Extrahieren Sie die Archivdatei xCount.zip in dieses Verzeichnis.

3

Benutzen Sie das in Kapitel 1 vorgestellte FTP-Programm SmartFTP, um das komplette Verzeichnis counter auf Ihren Webspace zu übertragen.

4

Achten Sie darauf, dass die Datei counter.dat zum Schreiben freigegeben ist. Klicken Sie dazu im SmartFTP-Fenster mit der rechten Maustaste auf die Datei counter.dat und wählen aus dem Kontextmenü den Eintrag Properties/CHMOD. Stellen Sie die Schreibrechte analog zu Abbildung 2.3 ein.



Abbildung 2.3: Dateirechte ändern

Jetzt sollte es auch auf Ihrem Webspace funktionieren. Probieren Sie wieder die Testseite sample.php, indem Sie mit einem Browser zur URL http://meinWebspace.de/counter/sample.php wechseln. meinWebspace.de ersetzen Sie natürlich mit dem Namen Ihrer Domain.

Einbau des Zählers Dass die Testseite funktioniert ist zwar schön, aber wir wollen den Zähler natürlich auf eigenen Seiten benutzen. Wie das geht, erfahren Sie in diesem Abschnitt. Lassen Sie uns dazu eine einfache HTML-Seite schreiben, die wir dann mit dem Zähler bestücken. Der Code der Seite ist: Testseite

Speichern Sie die Seite unter dem Namen Testseite.php in Ihrem counter-Verzeichnis ab.

35


PROFITIPP


Die Datei hat die Endung .php, da der Zähler, den wir später einbauen wollen, ein PHP-Script ist. Damit PHP-Scripts vom Webserver als solche erkannt werden, müssen Sie die entsprechende Endung – nämlich .php – haben.

Um nun den Zähler einzubauen, fügen Sie folgenden Code in Zeile 3 ein:

Der gesamte Code lautet dann also: Testseite

Das Ergebnis sehen Sie in Abbildung 2.4.

VORSICHT!

Abbildung 2.4: Zähler auf eigener Seite

36

Falls die Seite, in die Sie den Zähler einbauen, nicht im gleichen Verzeichnis liegt wie das counter-Script, müssen Sie die include-Anweisung modifizieren. Als Parameter bekommt die include-Anweisung den Ort des counter-Scripts. Nehmen wir einmal an, Sie wollen den Zähler in eine Seite einbauen, die in einem Verzeichnis beliebigen Namens in Ihrem Dokumentenverzeichnis des Webservers liegt. Dann müsste die include-Anweisung lauten: include("../counter/counter.php").



Ihnen ist bestimmt schon aufgefallen, dass der Zähler nicht bei 0 anfängt. Das können wir schnell beheben. Öffnen Sie die Datei counter.dat im counter-Installationsverzeichnis mit Hilfe eines Texteditors. In dieser Datei wird die Anzahl der Zugriffe gespeichert. Ändern Sie die Zahl einfach ab und speichern Sie die Datei.

Kosmetik Ich weiß nicht, wie es Ihnen geht, aber ich finde die mitgelieferten Grafiken für den Zähler nicht besonders gut lesbar. Zum Glück kann man hier eigene Grafiken einbinden. Schauen Sie einmal in den Ordner img im counter-Installationsverzeichnis. Dort existiert für jede Zahl eine eigene Grafik, die Sie auch ändern können. Nun ist es relativ viel Arbeit, eigene Ziffern für den Zähler zu entwerfen. Aber es haben sich schon viele andere die Arbeit gemacht und waren so nett, die Ergebnisse im Internet frei bereitzustellen. Eine große Sammlung von Zählerziffern bekommen Sie auf der Seite http://www.counterart.com. Wählen Sie einfach die gewünschte Rubrik und klicken Sie dann auf einen Zähler, der Ihnen gefällt. Auf der Download-Seite wählen Sie dann das Zip-Archiv (Abbildung 2.5).

Abbildung 2.5: Download eines Ziffernsets

37



Damit Sie die neuen Ziffern benutzen können, gehen sie folgendermaßen vor:

1

Legen Sie einen neuen Ordner für die Ziffern im counter-Installationsverzeichnis an, zum Beispiel mit dem Namen meineZiffern.

2

Extrahieren Sie das heruntergeladene Archiv in das neue Verzeichnis meineZiffern.

3

Ändern Sie die Dateinamen der Ziffern um, wie in Abbildung 2.6 gezeigt.

Abbildung 2.6: Ändern der Dateinamen

4

Öffnen Sie die Datei counter.php in einem Texteditor and ändern Sie den Eintrag in Zeile 46 um in:

PROFITIPP

$img_url = "./meineZiffern";

38

Falls Sie keinen Texteditor besitzen, können sie den auf der CD-ROM mitgelieferten Textpad oder JEdit installieren. Sie finden die Programme im Verzeichnis \software\Texteditoren. Für JEdit benötigen Sie allerdings eine Java-Laufzeitumgebung (erhältlich bei http:// java.sun.com), dafür kann er wesentlich mehr als Textpad.


Besucherstatistiken

5

Speichern Sie die Datei und testen Sie Ihre neuen Ziffern mit der Testseite (Abbildung 2.7).

Abbildung 2.7: Die neuen Ziffern

2.2 Besucherstatistiken Da Sie das erste Unterkapitel unbeschadet überstanden haben – schließlich lesen Sie weiter –, erhöhen wir den Schwierigkeitsgrad ein wenig. In diesem Unterkapitel möchte ich Ihnen ein Script vorstellen, das mithilfe von PHP und der MySQL-Datenbank eine Besucherstatistik erstellt. Folgende Informationen werden dabei bereitgestellt: ■ Welche Seiten wurden aufgerufen? ■ Wie oft wurde eine Seite aufgerufen? ■ Von welchem Rechner wurden Seiten aufgerufen? ■ Welcher Browser und welches Betriebssystem wurden auf den Besucherrechnern benutzt ?

AUF DER

CD-ROM

Vielleicht fragen Sie sich, woher alle diese Informationen kommen? Die Antwort ist, dass sie standardmäßig vom Browser bei jedem Seitenaufruf an den Webserver gesendet werden. Das heißt, die Informationen sind immer da, ein Script muss Sie nur entsprechend auslesen und auswerten. Genau das erledigt das Script mit dem Namen CounterCaffe.

CounterCaffe finden Sie auf der CD-ROM im Verzeichnis \software\ CounterCaffe. Die Archivdatei nennt sich CounterCaffe1.1.zip. Im Internet finden Sie die aktuelle Version unter http://counter.gonafish.com

39



Die Installation von CounterCaffe Um CounterCaffe zu installieren, gehen Sie folgendermaßen vor:

1

Legen Sie ein neues Verzeichnis namens statistik im Dokumentenordner des Webservers an (c:\apache\htdocs) an.

2

Extrahieren Sie die Archivdatei CounterCaffe1.1.zip in das neue Verzeichnis.

3

Öffnen Sie die Datei param.inc.php in einem Texteditor wie Textpad.

4

Ändern Sie die Einstellungen ab wie in Abbildung 2.8 gezeigt.

Abbildung 2.8: Konfiguration von CounterCaffe

Die ersten vier Parameter sind die Datenbankeinstellungen. Wir haben als Datenbankbenutzer donald angegeben und als Datenbankname db1. Woher kommen diese Werte? Um ehrlich zu sein, es gibt sie noch gar nicht. Wir müssen den neuen Datenbankbenutzer und die Datenbank db1 erst noch erstellen. Dazu gehen Sie wie folgt vor:

40

1

Öffnen Sie einen Browser und wechseln Sie zur MySQL-Administrationsseite: http://localhost/phpmyadmin.

2

Klicken Sie auf den Link Benutzer (ganz unten).


Besucherstatistiken

3

Scrollen Sie etwas nach unten bis zur Rubrik Neuen Benutzer hinzufügen und geben Sie als Name und Passwort donald an (Abbildung 2.9). Klicken Sie außerdem auf den Link Alle auswählen in der Rubrik Rechte.

Abbildung 2.9: Neuen Benutzer anlegen

Bestätigen Sie Ihre Eingaben mit Klick auf die Schaltfläche OK. Damit ist der neue Benutzer donald erstellt.

PROFITIPP

4

5

In der MySQL-Datenbank Ihres Webspaces können sie diese Prozedur vermutlich nicht ausführen, da Ihnen dazu die Rechte fehlen. Sie haben aber wahrscheinlich eine MySQL-Benutzerkennung von Ihrem Hoster erhalten. Benutzen Sie einfach diese Kennung anstatt donald.

Kehren Sie zurück zur Startseite durch Klick auf den Link Home im linken Menü ganz oben.

41



6

Geben Sie in das Textfeld unter der Rubrik Neue Datenbank erzeugen den Text db1 ein und klicken Sie auf die Schaltfläche Erzeugen, um die neue Datenbank zu erstellen (Abbildung 2.10).

Abbildung 2.10: Neue Datenbank erzeugen

Nach dieser notwendigen Vorarbeit können wir jetzt die Installation von CounterCaffe abschließen:

42

1

Wechseln Sie zur URL http://localhost/statistik/.

2

Loggen Sie sich mit der in der Datei param.inc.php eingestellten AdministratorKennung goofy, Passwort auch goofy, ein (Abbildung 2.11). Der Zugang zur Statistikseite ist geschützt, damit nicht jeder beliebige Internetsurfer Ihre Statistiken ansehen kann.


Besucherstatistiken

Abbildung 2.11: CounterCaffe-Login

3

Klicken Sie auf den Link Create Table im oberen rechten Menü. Sie bekommen eine Bestätigung, dass die notwendigen Datenbanktabellen erzeugt wurden (Abbildung 2.12).

Abbildung 2.12: Datenanktabellen erstellen

Damit ist CounterCaffe einsatzbereit. Die Spannung steigt...

43



Erstellen von Statistiken Jede Seite Ihrer Homepage, für die eine Statistik geführt werden soll, muss folgenden Eintrag am Ende der Datei haben:

PROFITIPP

Als Quelle des Bildes müssen Sie die URL zu einer CounterCaffe-Scriptdatei namens counter.php angeben (hier http:// localhost/statistik/counter.php). CounterCaffe benutzt einen Trick, um die Statistiken zu erzeugen. Normalerweise wird jedes Bild einer Internetseite einzeln vom Webserver angefordert. Es ist also nicht Bestandteil des Seitentextes. Jetzt wird im oben stehenden Code aber als Quelle des Bildes keine Bilddatei, sondern ein PHP-Script angegeben. Für den Webserver bedeutet das, dass er die Scriptdatei ausführt und somit werden die notwendigen Daten für die Statistik in die Datenbank übernommen.

Lassen Sie uns eine Testseite erstellen, die die Funktionalität von CounterCaffe demonstriert:

1

Legen Sie im Dokumentenverzeichnis Ihres Webservers (c:\apache\htdocs) einen neuen Ordner namens homepage an. Hier wollen wir die Testdatei speichern.

2

Schreiben Sie eine Testdatei mit folgenden einfachen HTML-Code:

3

Damit eine Statistik für diese Seite geführt wird, fügen Sie den notwendigen Code hinzu:

Testseite

Testseite

4

44

Speichern Sie die Datei im Ordner homepage.


Besucherstatistiken

5

Öffnen Sie einen Browser und schauen Sie sich die HTML-Datei an: http://localhost/homepage/Testseite.html.

6

Öffnen Sie eine andere Browserinstanz und wechseln Sie zur URL von CounterCaffe: http://localhost/statistik/. Loggen Sie sich wieder mit goofy ein. Sie sollten jetzt Statistikdaten sehen (Abbildung 2.13).

Abbildung 2.13: Statistik

Unter der Rubrik Referer sehen sie die Seiten, die bisher aufgerufen wurden, und die Anzahl der Aufrufe. In der Rubrik Host sehen Sie die IP-Adressen bzw. Namen der Rechner (Hosts), die Seiten aufgerufen haben, sowie deren Browser und Betriebssystem. Im Beispiel ist das MSE 5 (Microsoft Internet Explorer Version 5) und Windows NT 5 (Synonym für Windows 2000).

VORSICHT!

Greifen Sie erneut auf die Seite zu. Sie werden sehen, wie sich die Statistik entsprechend ändert. Vielleicht haben Sie ja auch die Möglichkeit, über einen anderen Rechner auf die Testseite zuzugreifen, um einen weiteren Eintrag in der Host-Rubrik zu bekommen. Das Statistik-Script ist so ausgelegt, dass es nur Hosts zählt, die einen Namen haben. Besser wäre es allerdings, wenn auch Hosts gezählt würden, die nur IP-Adressen haben. Um das zu erreichen, müssen Sie das Script ein wenig abändern. Öffnen Sie dazu die Datei counter.php in einem Editor und fügen Sie folgenden Code in Zeile 19 ein: if ($REMOTE_HOST == "") {$REMOTE_HOST = $REMOTE_ADDR;}

45



Über den Link Report in der oberen rechten Menüleiste können sie einen zum Ausdrucken geeigneten Bericht erstellen lassen (Abbildung 2.14).

Abbildung 2.14: Bericht ansehen

Jetzt müssen Sie nur noch den Code zum Aktivieren der Statistikfunktion in alle Seiten einfügen, die Sie in die Statistik mit aufnehmen wollen. Ich wünsche Ihnen zahlreiche Besucher und damit auch zahlreiche Einträge in der Statistikdatenbank!

46


Besucherstatistiken

Ergebnis dieses Workshops Sie haben in diesem Workshop gelernt, wie Sie einen einfachen grafischen Seitenzähler in Ihre Seiten einbauen können. Des weiteren haben sie das Skript CounterCaffe kennen gelernt, dass es Ihnen ermöglicht, Berichte über die Nutzung Ihrer Website zu erstellen.

47



Workshop 3 Beehren Sie uns bald wieder Wie Sie mit einem Gästebuch in Kontakt mit den Besuchern Ihrer Seite kommen Gästebücher werten eine Seite auf. Besucher können Ihre Meinung zur Website loswerden und Sie erhalten so wertvolles Feedback. Außerdem gibt ein Gästebuch einer Website einen persönlichen Touch. In diesem Kapitel werde ich Ihnen ein Gästebuch auf PHP-Basis vorstellen, das seine Einträge in einer MySQL-Datenbank speichert. Es ist für nicht-kommerzielle Zwecke kostenlos und nennt sich einfach nur pgb (php Gästebuch).

Ergebnis dieses Workshops Als Ergebnis erhalten Sie ein komfortables Gästebuch mit vielen Funktionen, dass an das Design Ihrer Homepage angepasst ist.


Beehren Sie uns bald wieder

3.1 Installation Ich erläutere Ihnen die Installation zunächst für das lokale Testsystem mit PHPTriad und dann für Ihren Webspace im Internet. In den folgenden Kapiteln werde ich die Installation auf Ihrem Webspace nicht mehr erläutern, der prinzipielle Mechanismus ist immer der gleiche. Zunächst widmen wir uns der Installation auf Ihrem lokalen Rechner:

1

Entpacken Sie die Archivdatei in das Dokumentenverzeichnis Ihres Webservers. Falls Sie PHPTriad benutzen, lautet der Pfad c:\apache\htdocs.

Das war’s schon. Jetzt die Installation auf Ihrem Webspace: Erstellen sie auf ihrem Webserver ein beliebiges Verzeichnis, in dem sie das Gästebuch betreiben wollen.

2

Entpacken sie alle Dateien aus der .zip-Datei und übertragen diese mit ihrem FTP-Programm in dieses Verzeichnis auf den Webserver.

VORSICHT!

1

Stellen Sie sicher, dass die Bilder (.gif) im Binärmodus übertragen werden. Bei Webservern auf Linux/Unix-Basis achten Sie auf die korrekte Groß-/Kleinschreibung der Files.

Damit ist die Installation beendet. Jetzt muss pgb noch an Ihre Gegebenheiten angepasst werden. Öffnen sie dazu in einem Texteditor die Datei config.inc.php im Installationsverzeichnis. In der Datei config.inc.php finden sie alle relevanten Parameter, um das Gästebuch an ihre MySQL-Datenbank anzubinden und einzustellen. Beachten Sie, dass alle Werte in "" eingeschlossen sind und am Ende der Zeile ein Semikolon steht. In der nachfolgenden Tabelle finden Sie einige wichtige Parameter.

50

Parameter

Beschreibung

$database

Name Ihrer Datenbank auf dem MySQL-Server

$sqlhost

Hostname, auf dem die MySQL-Datenbank läuft. Meistens : "localhost"

$sqluser

Username für die Datenbank

$sqlpass

Passwort für die Datenbank


Installation

Parameter

Beschreibung

$tab_data

Tabellenname für die Einträge (SQL-fähiger Name!)

$tab_kom

Tabellenname für die Kommentare (SQL-fähiger Name!)

$adminpass

Passwort zum Löschen von Einträgen

$adminemail

E-Mail-Adresse des Administrators, an die bei $notify=1 die neuen Einträge geschickt werden

$notify

Wenn $notify = 1 werden neue Einträge via E-Mail an den Admin verschickt.

$time_offset

Zur Anpassung an verschiedene Zeitzonen; 3600 pro Stunde

$glowstyle

Dieses Tag ermöglicht es, das Glühen des Autornamens anzupassen

Tragen Sie für Ihr lokales Testsystem die Werte analog zu Abbildung 3.1 ein und speichern Sie die Datei.

Abbildung 3.1: Anpassen der pgb-Konfiguration

51



Nach der Anpassung der Parameter $database, $sqlhost, $sqluser und $sqlpass haben Sie bereits Zugang zur Datenbank. Die Tabellennamen $tab_data und $tab_kom müssen nicht geändert werden. Diese bieten aber die Möglichkeit, auf einer Datenbank zwei verschiedene Gästebücher zu installieren, indem man die Tabellennamen einfach entsprechend ändert.

VORSICHT!

Bei $adminemail tragen sie Ihre E-Mail-Adresse ein, an die Benachrichtigungen über neue Gästebucheinträge geschickt werden, wenn $notify auf 1 steht.

Unterstützt der Webserver kein Versenden von E-Mails, muss diese Option auf 0 stehen, ansonsten erscheint beim Eintragen ins Gästebuch eine Fehlermeldung.

$time_offset gibt den Zeitunterschied des Gästebuchs zur Serverzeit an. Somit kann man das Gästebuch genau an eine Zeitzone anpassen. Der Wert gibt den Unterschied in Sekunden an. +3600 steht für +1 Stunde, -3600 steht für -1 Stunde. Die benötigten Datenbanktabellen für das Gästebuch erstellen sie automatisch mit dem mitgelieferten Script pgb_createdb.php: Öffnen Sie einen Browser und wechseln Sie zur URL http://localhost/gb/pgb_createdb.php. Die Datenbanktabellen werden nun erstellt. Beachten sie, dass die Datenbank db1 und der Benutzer donald existieren müssen (wurde in Kapitel 2 erstellt).

Abbildung 3.2: Skript zum Anlegen der Datenbanktabellen

52


Handhabung

Nun ist es Zeit für einen ersten Test des Gästebuchs. Klicken Sie auf den Link Start, um auf die Startseite des zurzeit noch leeren Gästebuchs zu kommen. Wenn alles funktioniert hat, sieht das wie in Abbildung 3.3 aus.

Abbildung 3.3: Die Startseite

3.2 Handhabung So, dann wollen wir mal einen ersten Eintrag einfügen. Auf der Startseite finden Sie dazu die Rubrik Eintrag hinzufügen . Füllen Sie die Felder analog zu Abbildung 3.4 und klicken Sie auf die Schaltfläche Eintragen.

53



Abbildung 3.4: Eintrag erstellen

Es erscheint eine Bestätigungsmeldung. Klicken Sie auf den Link Zurück , um wieder zur Startseite zu gelangen. Der neue Beitrag erscheint dort (Abbildung 3.5).

Abbildung 3.5: Der neue Eintrag

54


Handhabung

Zu jedem Eintrag können alle Benutzer Kommentare abgeben. Klicken Sie dazu auf den Link Kommentare unterhalb des Autornamens. Tragen Sie etwas ein und speichern Sie Ihre Eingabe durch Klick auf die Schaltfläche Kommentar Abschicken.

Abbildung 3.6: Kommentar abgeben

Ihr Kommentar wird jetzt angezeigt. Sie befinden sich immer noch auf der Kommentarseite. Um zurück zur Hauptseite des Gästebuchs zu gelangen, benutzen Sie den Link Zurück ins Gästebuch am Ende der Seite. Dort werden Kommentare nicht direkt angezeigt, aber die Anzahl der Kommentare zu einem Beitrag. Wenn das Gästebuch sehr viele Beiträge umfasst, kann es nützlich sein, die Suchfunktion zu benutzen. Man kann damit nach Autoren suchen, wobei man nicht den vollständigen Namen kennen muss, sondern auch nur nach einzelnen Buchstaben oder Silben, die an beliebiger Stelle im Namen auftauchen, suchen lassen kann. Es werden dann alle Beiträge der Autoren angezeigt, die diesem Suchkriterium entsprechen. In Abbildung 3.7 sehen Sie, dass ich als Suchkriterium nur den Vornamen des Autors eingeben habe. Es würden alle Beiträge der Autoren, in deren Namen Arnold vorkommt, angezeigt.

55



Abbildung 3.7: Die Suchfunktion

3.3 Administration Es kann vorkommen, dass ein Surfer irgendwelchen Müll in das Gästebuch schreibt. Als normaler Benutzer können Sie nichts dagegen unternehmen und auch den Eintrag nicht löschen. Aber es gibt einen speziellen Benutzer: den Verwalter des Gästebuchs. Er wird Admin-User, Administrator oder einfach nur Admin genannt. Um sich als Admin einzuloggen, klicken Sie auf den Link Admin am Anfang der Seite. Loggen Sie sich mit dem Usernamen admin und Passwort admin ein und sie gelangen zur Administrationsseite (Abbildung 3.8).

Abbildung 3.8:Die Administrationsseite

56


VORSICHT!

Administration

Sie sollten das Passwort des Admin-Users verändern, da jeder, der pgb kennt, ebenfalls die Standardeinstellung (User: admin, Passwort: admin) kennt und so in Ihrem Gästebuch Änderungen vornehmen kann. Um das Benutzerkonto zu verändern, klicken Sie auf den Link Admin in der oberen Menüzeile. Geben Sie auf der dann angezeigten Seite ein neues Passwort an und klicken Sie auf die Schaltfläche Bearbeiten. Merken Sie sich das neue Passwort gut!

Auf der Administrationsseite bekommen Sie alle Einträge des Gästebuchs in verkürzter Form übersichtlich angezeigt. Unter der Spalte Edit finden Sie drei Schaltflächen: ■ die erste zum Bearbeiten des Eintrags ■ die zweite zum Löschen ■ und die dritte, um den Beitrag als wichtigen Eintrag (VIP – very important person) zu markieren.

Abbildung 3.9: Eintrag bearbeiten

57



Sie haben somit die Kontrolle über den Inhalt Ihres Gästebuchs. In Abbildung 3.9 wird die Seite dargestellt, die erscheint, wenn Sie die Bearbeiten-Schaltfläche anklicken. Sie können alles verändern, sogar den Autornamen.

3.4 Anpassen von Layout und Design Damit sich das Gästebuch nahtlos in Ihre eigene Homepage einfügt, sollte es vom Design an Ihre Homepage angepasst werden. Dies ist zum Glück möglich. Sie müssen allerdings Kenntnisse in HTML und optimalerweise auch in CSS (Cascading Style Sheets) mitbringen, um diese Möglichkeit effizient nutzen zu können. Aber vielleicht helfen Ihnen auch ohne Vorkenntnisse die nachfolgenden Beispiele weiter, die Sie in leicht abgewandelter Form verwenden können. Zunächst möchte ich Ihnen zeigen, wie Sie den Seitenkopf anpassen können, sodass eine individuelle Überschrift erscheint. Außerdem werden wir die etwas lange Begrüßung „Willkommen in meinem Gästebuch, ihr könnt hier ....“ am Beginn der Seite etwas kürzen. Die Datei, die dazu geändert werden muss, heißt kopf.php und befindet sich im pgbInstallationsverzeichnis. Gehen Sie folgendermaßen vor:

1

Öffnen Sie die Datei kopf.php in einem Texteditor wie Textpad.

2

Fügen Sie in Zeile 9 folgenden HTML-Code ein: Peters tolle Homepage

58

3

Ersetzen Sie die lange Begrüßungsmeldung in Zeile 14 durch eine kürzere (Abbildung 3.10).

4

Speichern Sie die Änderungen.


Anpassen von Layout und Design

Abbildung 3.10: Änderungen in kopf.php

Die Änderungen bewirken ein Erscheinungsbild wie in Abbildung 3.11.

Abbildung 3.11: Veränderter Seitenkopf

Der nächste wichtige Faktor sind natürlich die Farben. Vielleicht ist Ihre Homepage zufällig in Blautönen gestaltet, sodass das Gästebuch passt. Aber das ist eher unwahrscheinlich. Schauen wir uns also die Möglichkeit an, wie Sie die Farben, die in dem Gästebuch benutzt werden, definieren können.

59



Die dazu notwendige Datei lautet default.css und ist das Standard-Stylesheet, das für alle Seiten des Gästebuchs verwendet wird. Die Datei befindet sich ebenfalls im pgbInstallationsverzeichnis. Wenn Sie CSS nicht kennen, ist das nicht tragisch. Schauen Sie einfach nach Einträgen mit dem Namen color oder background-color und spielen Sie ein bisschen mit verschiedenen Farbwerten. Eine Liste von Farbwerten finden Sie im Anhang. Ich möchte Ihnen beispielhaft zeigen, wie Sie die Schrift- und Hintergrundfarbe der kompletten Seite sowie die Farben für diverse Tabellenelemente ändern können. Öffnen Sie die Datei default.css in einem Texteditor.

2

Als Erstes wollen wir die Schriftfarbe auf der Seite (nicht in der Tabelle) von zurzeit Schwarz in Weiß ändern. Ersetzen Sie dazu den Wert von color in Zeile 13 durch #FFFFFF.

PROFITIPP

1

60

#FFFFFF ist die hexadezimale Codierung für die Farbe Weiß. Vielleicht ist Ihnen diese Schreibweise schon aus HTML bekannt. Im Anhang finden Sie eine Farbtabelle mit entprechenden Werten.

3

Da weiße Schrift auf weißem Hintergrund nicht sonderlich gut zu lesen ist, wollen wir die Farbe des Seitenhintergrunds ändern, und zwar von Weiß auf Schwarz. Ersetzen Sie dafür den Wert von background-color in Zeile 16 durch #000000.

4

Um den Hintergrund der Tabellenzeilen, die als Überschrift dienen, anders einzufärben, müssen Sie den Wert von background-color in Zeile 55 ändern, zum Beispiel in #AAAAAA für Grau.

5

Als Letztes ändern Sie die Hintergrundfarbe für die Gästebucheinträge. Ersetzen Sie hierfür den Wert von background-color in Zeile 68 und 69 durch #CCCCCC bzw. #FFFFFF.

6

Speichern Sie die Datei und schauen Sie sich das Ergebnis im Browser an: http:// localhost/gb/ (Abbildung 3.12). Zugegeben, wir gewinnen damit keinen DesignWettbewerb, aber mit etwas Geduld kann man die Farbkombinationen so wählen, dass sie zum Gesamt-Farbschema Ihrer Homepage passen.


Anpassen von Layout und Design

Abbildung 3.12: Veränderte Farben

Eine weitere Scriptdatei, die den Seitenfuß darstellt, nennt sich fuss.php. Auch hier können Sie wie bei der Kopfdatei eigenen HTML-Code unterbringen, um Text oder andere HTML-Elemente einzubinden, die am Ende jeder Seite des Gästebuchs angezeigt werden sollen. In Abbildung 3.13 sehen Sie den HTML-Code, den Sie hinzufügen müssten, um einen Link zu einer E-Mail-Adresse im Fuß jeder Seite anzeigen zu lassen.

Abbildung 3.13: Veränderte Fußdatei

61



Ergebnis dieses Workshops In diesem Workshop haben Sie das kostenlose Skript pgb kennen gelernt, mit dessen Hilfe Sie ein Gästebuch in Ihre Homepage integrieren können.

62


Workshop 4 Was mache ich mit all den Daten? Formulardaten prüfen, weitersenden und in der Datenbank ablegen Eine klassische Anwendung von Scripts seit den Anfängen mit CGI/Perl ist das Weiterverarbeiten von Formulardaten mit so genannten FormProcessors. Hierfür gibt es eine ganze Reihe fertiger anpassbarer Scripts auf PHP-Basis, von denen Sie in diesem Kapitel einen exzellenten Vertreter dieser Gattung vorgestellt bekommen. Das Script nennt sich Phorm und ist natürlich wieder kostenlos – der Autor bittet aber um eine freiwillige Registrierung für 10 Dollar. Also, wenn Ihnen das Script gefällt und Sie in Geberlaune sind ...

Ergebnis dieses Workshops In diesem Workshop werden Sie ein Beispielformular entwerfen, dessen Daten Sie dann per Email zugeschickt bekommen. Sie werden ausserdem die Daten in eine MySQLDatenbank ablegen.


Was mache ich mit all den Daten?

4.1 Was bietet Phorm? Stellen Sie sich vor, Sie haben ein Feedback-Formular auf Ihrer Homepage, mit dem Surfer Ihnen mitteilen können, wie ihnen die Website gefällt. Ein Benutzer füllt das Formular aus und lobt die Seiten, klickt auf Abschicken und ... was soll mit den Daten passieren, die der Benutzer eingegeben hat? Vielleicht sollen Sie an Ihre E-Mail-Adresse geschickt werden oder in einer Datenbank gespeichert werden. Genau dies ist mit Phorm möglich. Zusätzlich gibt es folgende Möglichkeiten: ■ Versenden von Daten an mehrere E-Mail-Adressen ■ Überprüfen von Formulardaten auf Richtigkeit und gegebenenfalls Ablehnung ■ Anzeigen einer Bestätigungsseite mit den erhaltenen Daten ■ Versenden einer Bestätigungs-E-Mail an den Sender Dies alles wäre nur mit viel Programmieraufwand zu realisieren, aber zum Glück gibt es Phorm!

4.2 Vorbereiten des Testsystems Damit PHP E-Mails verschicken kann, muss es entsprechend konfiguriert sein. Auf Ihrem Webspace sollte das der Fall sein, ansonsten beschweren Sie sich! Auf unserem Testsystem, für die meisten Leser PHPTriad unter Windows, müssen Sie PHP selbst konfigurieren. Aber das ist nicht schwierig, denn Sie brauchen als Information lediglich den Namen ihres SMTP-Servers. Der SMTP-Server sorgt dafür, dass Ihre E-Mails verschickt werden. Für T-Online-Kunden zum Beispiel heißt er smtp.t-online.de. Sie können den Namen herausfinden, indem Sie in Ihrem E-Mail-Client-Programm (wie Outlook) in die Eigenschaften ihres E-Mail-Kontos schauen. Im Feld Postausgang (SMTP) auf der Registerkarte Server finden Sie die gesuchte Information (Abbildung 4.1).

64


Vorbereiten des Testsystems

Abbildung 4.1: E-Mail-Serverinformationen

Gewappnet mit dem Namen des SMTP-Servers können Sie nun PHP konfigurieren. Öffnen Sie dazu die PHP-Konfigurationsdatei php.ini im Verzeichnis c:\apache\php. In Zeile 476 können Sie den Servernamen eintragen und in Zeile 479 die AbsenderE-Mail-Adresse (Abbildung 4.2).

Abbildung 4.2: E-Mail-Einstellungen von PHP

Speichern Sie die Datei. Ab sofort kann PHP auch E-Mails verschicken!

65



AUF DER

CD-ROM

4.3 Installation von Phorm Phorm finden Sie als Zip-Archiv auf der CD-ROM im Verzeichnis \software\Phorm. Im Internet finden Sie die aktuelle Version unter http://www.phorm.com.

Die Installation gestaltet sich unkompliziert:

1

Legen Sie ein neues Unterverzeichnis mit dem Namen Phorm im Dokumentenverzeichnis Ihres Webservers an. Unter Windows mit PHPTriad ist es das Verzeichnis c:\apache\htdocs, bei Linux meist /usr/local/httpd/htdocs.

2

Entpacken Sie das Archiv phorm.zip von der CD-ROM in den neu erstellten Ordner.

3

Öffnen Sie die Datei phormconfig.php3 in einem Texteditor und tragen Sie folgende Informationen ein (Abbildung 4.3): ■ Die E-Mail-Adresse, an die Fehlermeldungen von Phorm geschickt werden: $PHORM_ALERTTO = "[email protected]";

■ Die E-Mail-Adresse, an die die Formulardaten geschickt werden soll: $PHORM_TO

= "[email protected]";

■ Den Inhalt der Betreffzeile der gesendeten E-Mails: $PHORM_SUBJECT = "Formulardaten";

Abbildung 4.3: Die Konfigurationsdatei

66


Ein einfaches Beispiel

4

Speichern Sie die Datei.

Für eine ganz einfache Formularbehandlung reicht das schon aus, wie Sie im nächsten Unterkapitel anhand eines Beispiels sehen werden. Später werden wir allerdings noch viel mehr machen, es wird also spannend!

4.4 Ein einfaches Beispiel Nun wollen wir Phorm darauf testen, ob es denn hält, was es verspricht. Dazu müssen wir eine kleine HTML-Testdatei mit einem Formular anlegen (Abbildung 4.4).

Abbildung 4.4: Erstes Testformular

Der Quellcode dazu sieht folgendermaßen aus: Vorname
Alter

Sie sehen, dass ich im action-Attribut des Formulars die URL des Phorm-Scripts angegeben habe. Probieren Sie es aus! Legen Sie eine Datei test.html im Dokumentenverzeichnis des Webservers (c:\apache\htdocs) an. Rufen Sie die Datei in einem Browser auf, füllen Sie das Formular aus und schicken Sie es ab. Wenn alles funktioniert, bekommen Sie eine E-Mail mit den Angaben zu Vorname und Alter. Außerdem bekommen Sie eine Bestätigungsseite angezeigt (Abbildung 4.5).

67



Abbildung 4.5: Die Bestätigungsseite

4.5 Alles O.k.? So weit, so gut. Die Grundfunktionalität ist gegeben, aber damit geben wir uns natürlich nicht zufrieden. Phorm kann schließlich viel mehr! Als Nächstes wollen wir die übermittelten Formulardaten überprüfen. Es macht bei unserem Beispiel keinen Sinn, ein Alter unter 3 und über 120 einzugeben (es sei denn, Sie sind ein Wunderkind oder ein indischer Yogi). Formulare mit einem unsinnigen Alter sollen nicht verschickt werden. Wir möchten aber einem Benutzer, der ein solches unsinniges Alter eingibt, die Möglichkeit geben, seine Eingabe zu wiederholen. Um das zu erreichen, müssen wir zunächst die Regeln definieren, wann Formulareingaben ungültig sind. Legen Sie dazu im phorm-Verzeichnis eine Datei namens regeln.txt mit folgendem Inhalt an : FILES fehler.html RULES RANGE 3 120 Alter 1 Das eingebene Alter kauf ich Ihnen nicht ab! ###

Diese Datei besteht aus zwei Sektionen: FILES und RULES. Unter FILES gibt man die Datei an, die dem Benutzer bei einem Fehler angezeigt wird. Unter RULES kann man Regelsätze angeben, die einem starren Aufbau folgen müssen: Kriterium Formularfeld Level

In unserem Fall lautet das Kriterium: RANGE 3 120

68


Alles O.k.?

Dies bedeutet, dass der Inhalt des Formularfelds Alter im Bereich zwischen 3 und 120 liegen muss.

VORSICHT!

Jeder Regelsatz – einer pro Formularfeld, das überprüft werden soll – wird mit den Zeichen ### abgeschlossen.

Der Regelsatz muss genau dem beschriebenen Aufbau folgen, sonst funktioniert es nicht. Achten Sie also bei unserem Beispiel darauf, dass Sie zwischen dem Wort RANGE, den Zahlen 3 und 120 jeweils ein Leerzeichen getippt haben und zwischen 120, Alter und 1 die (ÿ)Taste.

Es gibt viele Regelkriterien in Phorm. Eine Liste möglicher Werte können Sie im Handbuch nachlesen (Datei docs.rtf im phorm-Verzeichnis). Es folgt eine Auswahl mit kurzer Beschreibung:

PROFITIPP

REQ

Das Feld darf nicht leer sein.

EMAIL CCARD

Das Feld muss eine gültige E-Mail-Adresse beinhalten. Das Feld muss eine gültige Kreditkartennummer beinhalten. ALPHA Das Feld enthält nur Buchstaben. NUMERIC Das Feld enthält nur Ziffern, Kommas oder Punkte. RANGE

Das Feld enthält einen spezifizierten Bereich von Zahlen oder Buchstaben.

GT LT EQ

Der Inhalt des Feldes ist größer als der spezifizierte Wert. Der Inhalt des Feldes ist kleiner als der spezifizierte Wert. Der Inhalt des Feldes ist gleich dem spezifizierten Wert.

NE

Der Inhalt des Feldes ist ungleich dem spezifizierten Wert.

O.k., die Regeln kennen wir nun. Jetzt müssen wir Phorm nur noch mitteilen, dass es die Regeln auch anwenden soll. Öffnen Sie dazu die Konfigurationsdatei phormconfig.php3 und fügen Sie eine Zeile zu den Variablendefinitionen hinzu: $PHORM_VALDEFS = "regeln.txt";

Das war’s, Sie können die Datei speichern und wieder schließen.

69



Eines fehlt noch: die Datei fehler.html, die wir in den Regeln angegeben haben und die dem Surfer im Falle einer regelwidrigen Eingabe angezeigt wird. Legen Sie also die Datei mit folgendem Inhalt im phorm-Verzeichnis an: Ein Fehler ist aufgetreten:
, die bewirkt, dass an dieser Stelle die Fehlermeldungen ausgegeben werden, die in der Regeldatei definiert wurden. In unserem Beispiel erscheint also bei einem ungültigen Alter die folgende Meldung: Das eingebene Alter kauf ich Ihnen nicht ab!

Zeit zum Testen! Rufen Sie die Formulardatei test.html auf, geben Sie ein ungültiges Alter ein und klicken Sie auf Los!. Wenn alles gut geht, erhalten Sie eine Ausgabe wie in Abbildung 4.6.

Abbildung 4.6: Die Fehlerseite

4.6 Ab in die Datenbank! Als Nächstes wollen wir die Formulardaten an MySQL schicken, um Sie dort dauerhaft in einer Datenbank zu speichern. Dazu ist ein wenig Vorarbeit nötig, da wir auf der Datenbankseite zuerst die nötige Infrastruktur schaffen müssen: die Tabellen, in die die Daten gespeichert werden sollen. Im einfachsten Fall benötigen Sie eine Tabelle, deren Spalten die Formularfelder angeben. In unserem Fall wären das die Spalten Vorname und Alter. Da jede Tabelle einer relationalen Datenbank einen so genannten Primärschlüssel benötigt, der einen Datensatz eindeutig identifiziert, fügen wir noch eine Spalte Zeit hinzu. Hier soll gespeichert werden, wann das Formular abgeschickt wurde.

70


Ab in die Datenbank!

Wenn man eine Datenbanktabelle modelliert, muss man sich überlegen, welcher Datentyp in einer Spalte vorkommt. Datentypen können sein: Zahlen, Zeichenketten, Binärdaten usw. Für unser Beispiel benötigen wir die Datentypen varchar (Zeichenkette variabler Länge) für den Vornamen und Integer (Ganzzahl) für das Alter und die Zeit. Die Zeit wollen wir in einem unter UNIX üblichen Format speichern: als die Anzahl verstrichener Millisekunden seit dem 1.1.1970. Lassen Sie uns nach diesen grundsätzlichen Überlegungen die Tabelle mittels phpMyAdmin anlegen:

1

Öffnen Sie einen Browser und gehen Sie zur Startseite von phpMyAdmin: http://localhost/phpmyadmin.

2

Erzeugen Sie für unsere Testzwecke eine neue Datenbank namens phorm (Abbildung 4.7).

Abbildung 4.7: Erzeugen einer neuen Datenbank

3

Scrollen Sie etwas nach unten zur Rubrik Neue Tabelle erstellen. Erzeugen Sie eine neue Tabelle mit dem Namen Formulardaten. Geben Sie als Feldanzahl 3 ein (Abbildung 4.8), da wir drei Spalten benötigen: Zeit, Vorname und Alter.

71



Abbildung 4.8: Neue Tabelle erstellen

4 5

Klicken Sie auf OK, um mit der Definition der Spalten fortzufahren. Füllen Sie die Felder wie in Definition der Tabellenspalte gezeigt. Kreuzen Sie für das Feld time noch das Kontrollkästchen Primärschlüssel an, das Sie nur dann auf dem Bildschirm sehen, wenn Sie etwas nach rechts scrollen.

Abbildung 4.9: Definition der Tabellenspalten

6 72

Klicken Sie auf die Schaltfläche Speichern.


Ab in die Datenbank!

Damit haben Sie die Grundlage geschaffen, um Daten ablegen zu können. Wie erkennt Phorm, in welche Datenbank, Tabelle und in welche Spalten bestimmte Formularfelder gespeichert werden sollen? Dies wird wieder über Variablen in der Konfigurationsdatei gesteuert. Öffnen Sie die Konfigurationsdatei phormconfig.php3 und fügen Sie folgende Zeilen hinzu: $DHost $DUser $DPass $DBase

= = = =

"localhost"; "donald"; "donald"; "phorm";

Damit weiß Phorm, wie es sich mit MySQL verbinden soll und in welche Datenbank die Daten gehören. Jetzt fehlt nur noch die Zuordnung zu den Spalten einer Tabelle. Fügen Sie dazu folgende Zeilen hinzu: $PHORM_MYTABLE = "Formulardaten"; $PHORM_MYVARS = "time=Zeit, name=Vorname, age=Alter";

Die erste Zeile ist klar: Hier wird die Tabelle angegeben. In der zweiten Zeile wird dann die Zuordnung von Spaltennamen zu Formularfeldern vorgenommen. Speichern Sie die Konfigurationsdatei. Um zu erfahren, wann das Formular abgeschickt wurde, müssen wir nun nur noch die Formularseite test.html verändern. Öffnen Sie die Datei und fügen Sie die folgenden Zeilen zwischen die form-Tags ein:

Meine dynamische Website mit PHP, MySQL und Apache GERMAN

PHP und MySQL Easy GERMAN

Dynamische Webseiten mit Flash und PHP

Dynamische Webseiten mit Flash und PHP

Webdatenbank-Applikationen mit PHP und MySQL

Flash MX und PHP, MySQL und XML.: Dynamische Webseiten generieren mit Flash

Beginning PHP, Apache, MySQL web development

PHP, MySQL and Apache All-in-One

Beginning Php 6 Apache Mysql 6 Webvelopment

PHP und MySQL für Kids

JavaFX: Dynamische und interaktive Java-Applikationen mit JavaFX GERMAN

Praktischer Einstieg in MySQL mit PHP

Build Your Own Database Driven Website Using PHP & MySQL

Build Your Own Database Driven Website Using PHP & MySQL

Build Your Own Database Driven Website Using PHP & MySQL

Build your own database driven website using PHP & MySQL

Build Your Own Database Driven Website Using PHP and MySQL

Build Your Own Database Driven Website Using PHP and MySQL

Sams Teach Yourself PHP, MySQL and Apache All-in-One

Изучаем PHP и MySQL

Sams Teach Yourself PHP, MySQL and Apache All-in-One

Sams Teach Yourself PHP, MySQL and Apache in 24 Hours

Sams Teach Yourself PHP, MySQL and Apache in 24 Hours

Professional LAMP : Linux, Apache, MySQL and PHP Web Development

Sams Teach Yourself PHP MySQL and Apache All in One

Sams Teach Yourself PHP, MySQL and Apache All-in-One

Beginning PHP 6, Apache, MySQL 6 Web Development

Learning PHP and MySQL

Professional LAMP: Linux, Apache, MySQL and PHP Web Development

Sams Teach Yourself PHP, MySQL And Apache All in One

Sams Teach Yourself PHP, MySQL and Apache in 24 Hours

Meine dynamische Website mit PHP, MySQL und Apache GERMAN

PHP und MySQL Easy GERMAN

Dynamische Webseiten mit Flash und PHP

Dynamische Webseiten mit Flash und PHP

Webdatenbank-Applikationen mit PHP und MySQL

Flash MX und PHP, MySQL und XML.: Dynamische Webseiten generieren mit Flash

Beginning PHP, Apache, MySQL web development

PHP, MySQL and Apache All-in-One

Beginning Php 6 Apache Mysql 6 Webvelopment

PHP und MySQL für Kids

JavaFX: Dynamische und interaktive Java-Applikationen mit JavaFX GERMAN

Praktischer Einstieg in MySQL mit PHP

Build Your Own Database Driven Website Using PHP & MySQL

Build Your Own Database Driven Website Using PHP & MySQL

Build Your Own Database Driven Website Using PHP & MySQL

Build your own database driven website using PHP & MySQL

Build Your Own Database Driven Website Using PHP and MySQL

Build Your Own Database Driven Website Using PHP and MySQL

Sams Teach Yourself PHP, MySQL and Apache All-in-One

Изучаем PHP и MySQL

Sams Teach Yourself PHP, MySQL and Apache All-in-One

Sams Teach Yourself PHP, MySQL and Apache in 24 Hours

Sams Teach Yourself PHP, MySQL and Apache in 24 Hours

Professional LAMP : Linux, Apache, MySQL and PHP Web Development

Sams Teach Yourself PHP MySQL and Apache All in One

Sams Teach Yourself PHP, MySQL and Apache All-in-One

Beginning PHP 6, Apache, MySQL 6 Web Development

Learning PHP and MySQL

Professional LAMP: Linux, Apache, MySQL and PHP Web Development

Sams Teach Yourself PHP, MySQL And Apache All in One

Sams Teach Yourself PHP, MySQL and Apache in 24 Hours

Recommend Documents