Weitere Seiten von mir
Meine Homepage
Meine Panoramaseite
|
 |
kLog
- System |
Making of kLog
Ein Tutorial zur Erstellung eines
einfachen webLogs
Teil 3: Eingabe von Postings
3.1. Welche Daten werden erfasst?
3.2. Spezielle Eingabefeatures
3.3. Eingabe von Bildern
3.1. Welche Daten werden erfasst?
Das Eingeben von neuen Postings in die Datenbank geschieht über
ein einfaches HTML-Formular. Das macht es möglich, Postings
online von nahezu überall auf der Welt in des webLog einzutragen.
Im Moment erfasse ich folgende Daten zu meinen Postings:
Rubrik,
Titel, Datum und Uhrzeit und natürlich das Posting
selbst. Man könnte natürlich noch eine ganze Reihe mehr
erfassen. Aber ich finde, im Moment reicht das voll und ganz.
Die
Rubriken werden, wie schon erwähnt, in einer extra Tabelle
vorgehalten. Die Auswahlliste der Rubriken wird im Formular dynamisch
aus dieser Tabelle generiert.
Postings werden im kLog als ganz normaler
Text erfasst. Ich habe also auch die Möglichkeit, völlig frei HTML-Code unterzubringen
und das Posting dementsprechend zu formatieren. Ist das Posting
fertig, wird das gesamte Formular an ein PHP-Skript gesendet, welches
dann die Daten einfach nur noch 1:1 in die Datenbank einfügt.
SQL in seiner einfachsten Form.
3.2. Spezielle Eingabefeatures
Für mich persönlich ist es extrem wichtig, eine
komfortable Eingabe für mein webLog zu haben. Denn das Eingeben
neuer Postings darf in keiner Weise aufwendig oder umständlich
sein!
Daher habe ich mit Hilfe von JavaScript mein Eingabe-Formular
um ein paar Buttons erweitert, die mir vorgefertigte Code-Teile
in
mein Posting einfügen. Das sind z.B. Links, die ich über
eine einfache JavaScript-Eingabebox per Copy&Paste direkt in
das Posting einfügen kann. Oder ich kann markierten Text über
die Buttons direkt als fett oder kursiv formatieren.
Funktion meines Eingabe-Formulars
3.3. Eingabe von Bildern
Bilder
werden nicht direkt als HTML-Code in das Posting eingefügt.
Vielmehr öffnet sich zur Eingabe eines Bildes ein extra Fenster
in dem mir alle in der Datenbank gespeicherten Bilder angezeigt
werden. Hier kann ich entweder neue Bilder in die Datenbank aufnehmen
oder aber ein Bild auswählen. Per JavaScript wird dann die
ID des Bildes an das Eingabe-Formular zurückgegeben und dort
eingefügt. Und zwar als spezieller String: #IMGN00087 oder
#IMGB00087.
Ein solcher String enthält zum einen die Information, ob es
sich um ein Bild mit großem Bruder (von dem es auch eine
große Variante gibt) oder nicht handelt, und welche ID das
Bild hat, das später an dieser Stelle angezeigt wird.
Bei der
Ausgabe wird das Posting vorher geparst (nach bestimmten Strings
wie dem IMG-String durchsucht) und die speziellen Bild-Strings
werden durch richtige HTML-IMG-Tags ersetzt.
| Aber am Ende kommt
es bei einem webLog nur auf eins an: Den Inhalt!!!! |
Das soll es bis hier hin erst einmal mit dem Tutorial gewesen sein.
Solltet ihr Fragen haben, fragt
nur. Keine Scheu. Oder postet
in die Kommentare.
Ich bin gerne bereit das Tutorial zu ergänzen und zu erweitern wenn
Bedarf besteht.
Ende
|
 |
|
|
