Modulprogrammierung Einstieg
Aus DeDi-Help
(Unterschied zwischen Versionen)
Version vom 21:28, 8. Aug. 2004 (bearbeiten) STam (Diskussion | Beiträge) K ← Zum vorherigen Versionsunterschied |
Version vom 21:30, 22. Feb. 2005 (bearbeiten) (Entfernen) Mika (Diskussion | Beiträge) K (→berschriften fr Inhaltsverzeichnis) Zum nächsten Versionsunterschied → |
||
Zeile 1: | Zeile 1: | ||
- | Genauso wie wir im Layout mit der DeDi-Taggruppe <dedi:lay ... /> Container und Contentbereiche | + | ==Grundlagen== |
- | definieren knnen, knnen Sie mit der DeDi-Taggruppe <dedi:mod ... > leicht eigene Module erstellen, in denen die einzelnen Funktionen, wie z.B. WYSIWYG-Editor, Bild und andere, zu einem Modul zusammen gefhrt werden knnen. | + | |
+ | Genauso wie es mglich ist, im Layout mit der DeDi-Taggruppe <dedi:lay ... /> Container und Contentbereiche | ||
+ | definieren knnen, knnen Sie mit der DeDi-Taggruppe <dedi:mod ... > ganz leicht eigene Module erstellen, in denen die einzelnen Funktionen, wie z. B. WYSIWYG-Editor, Bild und andere, zu einem Modul zusammen gefhrt werden knnen. | ||
Zeile 10: | Zeile 12: | ||
- | '''1. Eigenes Modul erstellen Vorbereitung'''<br> | + | ==Eigenes Modul erstellen Vorbereitung== |
+ | |||
Um den Grundsatz der Modulverarbeitung mit <dedi:mod .... /> zu verstehen, wollen wir zu Anfang | Um den Grundsatz der Modulverarbeitung mit <dedi:mod .... /> zu verstehen, wollen wir zu Anfang | ||
ein sehr kleines, einfaches Modul erstellen. Wir wollen einfach die beiden Funktionen bild und | ein sehr kleines, einfaches Modul erstellen. Wir wollen einfach die beiden Funktionen bild und | ||
wysiwyg zusammenfhren und zu einem Modul, nennen wir es mal Mein erstes Modul, zusammenfhren. | wysiwyg zusammenfhren und zu einem Modul, nennen wir es mal Mein erstes Modul, zusammenfhren. | ||
+ | |||
+ | ===HTML-Gerst mit Platzhaltern=== | ||
Hierzu erstellen wir in unserem HTML-Editor einfache Tabelle mit einer Zeile und zwei Spalten. | Hierzu erstellen wir in unserem HTML-Editor einfache Tabelle mit einer Zeile und zwei Spalten. | ||
Zeile 26: | Zeile 31: | ||
</table></nowiki> | </table></nowiki> | ||
+ | |||
+ | ===Platzhalter durch <dedi:mod ... > ersetzen=== | ||
Anstelle von Bild und Inhalt setzen wir jetzt unsere Funktionen ein, die spter im Backend | Anstelle von Bild und Inhalt setzen wir jetzt unsere Funktionen ein, die spter im Backend | ||
- | erscheinen sollen. Also fr das Bild, z.B. das Modul image und fr den Inhalt das Modul | + | erscheinen sollen. Also fr das Bild, z. B. das Modul image und fr den Inhalt das Modul |
wysiwyg Editor. Das ganze erfolgt nun mit unserem <dedi:mod> Tag, in einer hnlichen Form | wysiwyg Editor. Das ganze erfolgt nun mit unserem <dedi:mod> Tag, in einer hnlichen Form | ||
wie die <dedi:lay> Tags in unseren Layout-Dateien: | wie die <dedi:lay> Tags in unseren Layout-Dateien: | ||
Zeile 40: | Zeile 47: | ||
</table></nowiki> | </table></nowiki> | ||
+ | |||
+ | ==Grundstze== | ||
Wie in unseren Layoutdateien mssen wir allerdings wieder einige, wenige Grundstze beachten: | Wie in unseren Layoutdateien mssen wir allerdings wieder einige, wenige Grundstze beachten: | ||
Zeile 61: | Zeile 70: | ||
- | '''2.Modul anlegen''' | + | ==Modul anlegen== |
Zeile 69: | Zeile 78: | ||
Um das Modul nun in DeDi bereitzustellen, gehen wir im Backend auf "Design > Module > Neues | Um das Modul nun in DeDi bereitzustellen, gehen wir im Backend auf "Design > Module > Neues | ||
- | Modu". Hier legen wir nun unser erstes Modul an: | + | Modul". Hier legen wir nun unser erstes Modul an: |
{| | {| | ||
Zeile 103: | Zeile 112: | ||
- | Zum speichern klicken wir einfach auf den grnen Punkt am Ende der Seite. Unser Modul steht in | + | Zum Speichern klicken wir einfach auf den grnen Punkt am Ende der Seite. Unser Modul steht in |
DeDi unter "Design > Module" nun mit dem Namen Mein erstes Modul zur Verfgung. Das Modul | DeDi unter "Design > Module" nun mit dem Namen Mein erstes Modul zur Verfgung. Das Modul | ||
kann nun wie gewohnt in ein beliebiges Template eingebunden werden und spter in der Seite | kann nun wie gewohnt in ein beliebiges Template eingebunden werden und spter in der Seite | ||
Zeile 109: | Zeile 118: | ||
- | '''Achtung:''' Um nicht unntig Verwirrung zu stiften, ist die Darstellung der DEDI:tags noch ein wenig vereinfacht worden. Dies betrifft die Eigenschaft id=X. Die Angabe <dedi:mod type=image '''id=1''' /> und <dedi:mod type=wysiwyg '''id=1''' /> wrden in unserem kleinen Testmodul auch ohne Probleme funktionieren, obwohl beide Tags mit der id=1 gekennzeichnet sind. Dies liegt daran, dass jeder DEDI:tag- type (also z.B. image, wysiwyg) seinen eigenen id- Zhler besitzt. Diese sind voneinander unabhngig. | + | '''Achtung:''' Um nicht unntig Verwirrung zu stiften, ist die Darstellung der DEDI:tags noch ein wenig vereinfacht worden. Dies betrifft die Eigenschaft id=X. Die Angabe <dedi:mod type=image '''id=1''' /> und <dedi:mod type=wysiwyg '''id=1''' /> wrden in unserem kleinen Testmodul auch ohne Probleme funktionieren, obwohl beide Tags mit der id=1 gekennzeichnet sind. Dies liegt daran, dass jeder DEDI:tag-type (also z. B. image, wysiwyg) seinen eigenen id- Zhler besitzt. Diese sind voneinander unabhngig. |