Brug af HTML skabeloner
En typisk problemstilling man støder på ved udviklingen af en Rig Web Klient er hvordan man dynamisk opbygger ens HTML markup til de mange forskellige elementer i brugergrænsefladen. Den grundlæggende struktur og semantik er typisk etableret når man starter applikationen, men ved siden af dette findes der ofte et større antal mindre elementer der har brug for data fra JSON objekter eller dynamisk udregnede tal. Dette kan være dialogbokse, liste elementer, infobokse eller lignende.
Meget små stumper HTML vil typisk blive dannet gennem streng opbygning, men efterhånden som delfunktionaliteten vokser i kompleksitet vil man ende med en større mængde HTML der er spredt ud blandt ens kode. Dette forvansker skillelinjen mellem data og kode, hvilket besværliggør og sløver vedligeholdelsen af ens applikation.
For at afhjælpe dette kan man benytte sig af skabeloner, såkaldte HTML templates, der kombinerer dynamiske JSON objekter med HTML stumper. Der findes en del forskellige template systemer til JS udvikling, herunder
- Google jstemplate Microsoft Ajax TemplatesJsonFx JBSTDjango Template LanguagejQuery jQote
Nogle applikationer benytter sig ofte af et mønster ved navn MVC (Model-View-Controller) hvor ens template system er en del af View komponenten.
For eksemplets skyld benytter vi os af jQuery jQote.