Templator - Contrôlez et gérez vos templates jQuery avec cache

Templator est un plugin jQuery permettant de gérer et contrôler des templates côté client en supportant cache et plusieurs langages de templating.

Toujours dans la quête de la séparation des couches pour plus de clareté et performances, les templates côté client (Javascript) deviennent de plus en plus évolués et pratiques.

Templator permet de contrôler et gérer vos différents templates simplement.

Il n'impose pas un nouveau langage de templating mais permet au contraire d'utiliser des langages tiers différents:

• jSmart
• EJS
• Moustache
• Trimpath
• YAJET
• JST

Templator permet de gérer du cache pour stocker les données et améliorer les performances:

var Template = new Templator({
    language: 'jSmart', 
    cache: {
        enabled: false,
        life: 32000,
        tick: 1000
    }
});

Il permet aussi de contrôler le DOM et de gérer les différents langages de templating.

Voici un exemple d'utilisation plus parlant, côté jQuery:

var Template = new Templator({ language: 'yajet' })
   .storeElement('tmpl', '.tmpl', { foo: 'Hello', bar: 'World!' })
   .partialElement({ partial: '.partial' }, {}, 'tmpl')
   .on('.this')
   .render('tmpl');

Et côté HTML:

<div class="this"></div>

<div class="tmpl">$partial you said: $foo $bar</div>
<div class="partial">Testing that </div>

Vous l'aurez compris, la div .this contiendra ensuite "Testing that you said: Hello World!".

Pratique pour la réutilisation de template via le système de partial !

Un plugin conseillé si vous décidez de franchir le pas des templates JS.

Site Officiel