Pure HTML + JavaScript side templating

Question

Voglio ottenere qualcosa di simile al framework Java Tiles utilizzando solo tecnologie lato client (non include lato server).

Mi piacerebbe avere una pagina, ad esempio layout.html che conterrà la definizione del layout. Il segnaposto del contenuto in quella pagina sarebbe vuoto # tag div del contenuto.

Mi piacerebbe avere diversi contenuti iniettati su quella pagina in base all'URL. Qualcosa come layout.html? Content = main o layout.html? Content = edit visualizzerà la pagina con il contenuto sostituito con main.html o edit.html.

L'obiettivo è evitare la duplicazione del codice, anche per il layout, e comporre pagine senza il template sul lato server.

Quale approccio suggeriresti?

MODIFICA: Non ho bisogno di una libreria di modelli completa, solo un modo per comporre pagine, simile a quello che fanno le piastrelle.

Answer 1

JavaScriptMVC ha un sistema view templating che supporta diversi motori, tra cui uno basato su JavaScript puro chiamato EJS.

Si potrebbe anche voler esaminare Mustache in particolare Mustache for JavaScript.

Answer 2

Non so se si adatta esattamente a ciò che si vuole fare, ma using the GWT sembra essere un buon approccio per le applicazioni rich client-side:

Si scrive tutta la tua applicazione in Java con il quadro, e si compilano per ottenere file HTML e JS funzionanti stand-alone.

Answer 3

Se si desidera utilizzare jQuery, v'è un motore decente di templating in sviluppo così:

http://github.com/jquery/jquery-tmpl

http://api.jquery.com/jquery.tmpl/

Answer 4

Check this out:

http://layout.jquery-dev.net/

Penso che sia vicino a quello che vuoi.

Sto guardando javascriptMVC allo stesso tempo.

Nel forum stanno parlando di utilizzare il layout jQuery con esso.