• AJAX Adressbuch 1.1

Bugfix:

1. Ich habe eine SQL-Datei hinzugefügt, um die Datenbank schneller zu installieren. Jetzt muss nur noch in der include-Datei der Zugriff auf die Datenbank geregelt werden.
2. Der init()-Methode des Adressbuches wird jetzt der Form-Container übergeben, so dass das Adressbuch flexibler auf das DOM reagieren kann.
3. Die Literal-Namen wurden in eine einheitliche Schreibweise (RED_AdrBook, RED_AJAX) umbenannt.
4. Eine update-Funktion für bestehende Datensätze wurde hinzugefügt.
5. Eine Lösch-Funktion wurde hinzugefügt. Deswegen wurde ein delete.php-Script, welches einen Datensatz löscht, angelget.
6. Die Anzahl der Datensätze und der aktuelle Datensatz wird nun im Interface angezeigt.

Ähnliche Beiträge

• AJAX Adressbuch – Tutorial Teil 4
• Tag 21 – Erweiterung durch AJAX
• Alle Türchen von 2007 sind offen
• AJAX Abressbuch – Tutorial Teil 3
• AJAX Adressbuch – Tutorial Teil 2

Ähnlich wie in Teil 2 und Teil 3 werde ich mehrere Datei benutzen um alles geordnet zu haben. Aber als erstes die Scripte zum Erzeugen der Datenbank und des Datenbestandes.

1. CREATE DATABASE `demodb` DEFAULT CHARACTER SET latin1 COLLATE latin1_general_ci; USE `demodb`;

1. CREATE TABLE `mitarbeiter` (
2. `id` int(11) NOT NULL auto_increment,
3. `nachname` varchar(255) NOT NULL,
4. `vorname` varchar(255) NOT NULL,
5. `email` varchar(255) NOT NULL,
6. `telefon` varchar(255) NOT NULL,
7. PRIMARY KEY (`id`)
8. );

Also phpMyAdmin, das ultimative Datenbank-Tool, öffnen und die Codes einfügen. Dazu noch einen Datenbank-Benutzer und ein dazugehöriges Passwort anlegen. In meinem Fall heißt der Benutzer “demouser” und sein Passwort ist “password“.

Als nächstes lege ich mir immer eine PHP-Datei an, die die Verbindung zur Datenbank regelt. Somit muss ich die Daten nicht in jedes Script hineinschreiben.

1. <?php
2. $connect = mysql_connect('localhost', 'demouser', 'password');
3. mysql_select_db('mitarbeiter', $connect);
4. ?>

In der Variable $connect wird dann die Verbindung zum Datenbank-Server gespeichert und kann von nun an genutzt werden. Ich habe hier der Einfachheit halber auf Fehlermeldungen verzichtet.

1. header('Content-Type: text/xml');
2. $xml = new DOMDocument('1.0', 'utf-8');
3. $root = $xml->createElement('mitarbeiter');
4. $xml->appendChild($root);
7. echo $xml->saveXML();

Um mit PHP eine XML-Ausgabe zu erzeugen, reicht der obige Quellcode. Wichtig dabei ist das der richtige Header an den Browser geschickt wird.

Danach wird ein XML-Objekt mit dem Zeichensatz “utf-8″ generiert. Weiterhin wird ein Hauptknoten erzeugt und an das XML-Dokument dran gehangen. Zum Schluss alles an den Browser geschickt.

Soweit die Grundstruktur der XML-Ausgabe. Aber es fehlen ja noch die eigentlichen Inhalte aus der Datenbank.

1. <?php
2. include_once('include.php');
4. $sql = 'SELECT * FROM personen ORDER BY nachname';
5. $result = mysql_query($sql, $connect);
6. while($rs = mysql_fetch_assoc($result))
7. {
8. $nachname = $xml->createElement('nachname');
9. $nachname->appendChild($xml->createTextNode(iconv('iso-8859-1','utf-8',$rs['nachname'])));
10. $vorname = $xml->createElement('vorname');
11. $vorname->appendChild($xml->createTextNode(iconv('iso-8859-1','utf-8',$rs['vorname'])));
12. $email = $xml->createElement('email');
13. $email->appendChild($xml->createTextNode(iconv('iso-8859-1','utf-8',$rs['email'])));
14. $telefon = $xml->createElement('telefon');
15. $telefon->appendChild($xml->createTextNode(iconv('iso-8859-1','utf-8',$rs['telefon'])));
16. $person = $xml->createElement('person');
17. $person->setAttribute('id', $rs['id']);
18. $person->appendChild($nachname);
19. $person->appendChild($vorname);
20. $person->appendChild($email);
21. $person->appendChild($telefon);
22. $root->appendChild($person);
23. }
25. mysql_close($connect);
26. ?>

Dazu binde ich als erstes die externe Datei zum Verbinden mit dem Datenbank-Server ein. Danach speichere ich das SQL-Statement in einer Variablen zwischen und hole von der Datenbank alle Ergebnisse dieser Anfrage.

In der darauffolgenden while-Schleife werden neue Knoten erzeugt und an den Root dran gehangen. Dabei setzt sich der Nachname-Knoten z.B. wie folgt zusammen. Ich erzeuge als erstes einen <nachname>-Tag und hänge dann mit der createTextNode()-Methode einen Text-Knoten dran. Den Text den ich da dran hänge, konvertiere ich zuvor noch mit der iconv()-Funktion in den richtigen Zeichensatz. Zum Schluss hänge ich dem <person>-Tag alle Unterknoten dran.

Soweit die Ausgabe zum Browser, bzw. zu JavaScript und meiner AJAX-Klasse. Was noch fehlt ist ein Script um Daten von JavaScript in Empfang zu nehmen und in die Datenbank einzufügen.

1. <?php
2. include('include.php');
3. $sql = sprintf('REPLACE INTO personen SET
4. id=%d,
5. nachname="%s",
6. vorname="%s",
7. email="%s",
8. telefon="%s"'
9. ,$_POST['f0'],$_POST['f1'],$_POST['f2'],$_POST['f3'],$_POST['f4']);
10. mysql_query($sql, $connect);
11. mysql_close();
12. ?>

Auch hier ist der Quellcode sehr überschaubar. Als erstes binde ich wieder Das Script zum Erzeugen einer Verbindung zum Datenbank-Server ein. Dann speichere ich wieder in einer Variablen das SQL-Statement zwischen. Um ein korrektes Ergebnis zu bekommen, verwende ich hier die sprinf()-Funktion. Diese bietet mir eine kleiner Kontrolle über die übergebenen Werte. Zum Schluss schicke ich das Ganze nur noch an der Server und fertig ist das Einfügen neuer oder das Ändern von bestehenden Datensätzen. Ich verwende dazu immer ganz gern das REPLACE-Statement. Wenn dieses Statement keine ID besitzt wird ein neuer Datensatz erzeugt, ansonsten wird der Bestehende verändert.

• Download

So und das war es auch schon mit der serverseitigen Programmierung. Gerade mal 3 kleine Script brauche ich hier um der ganzen Webanwendung auch das Speichern auf dem Server bzw. das Einlesen von Daten hinzuzufügen.

Ich hoffe es hat euch gefallen 24 meist kleine Beträge aus meinen Arbeitsalltag zu lesen. Ich gebe zu, es war nicht immer leicht die Texte rechtzeitig fertig zu stellen und ich verspreche, wie immer und alle, nächstes Jahr rechtzeitig mit den Vorbereitungen zu beginnen.

Ähnliche Beiträge

• AJAX Adressbuch
• AJAX Abressbuch – Tutorial Teil 3
• AJAX Adressbuch – Tutorial Teil 2
• AJAX Adressbuch – Tutorial Teil 1
• Einzelcoaching – PHP-XML Schulung