Quels sont les moteurs de modèles jquery ?

Les moteurs de modèles jquery incluent : 1. NANO, qui peut parfaitement analyser JSON ; 2. google-jstemplate, qui est un outil de traitement de modèles côté navigateur simple et puissant pour les applications Web Ajax 3. JTemplate, un front-end open source ; moteur de modèles ; 4. jQote2, etc.

L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.2, ordinateur Dell G3.

moteur de modèles jquery

1, NANO

Le moteur de modèles jQuery le plus simple, parfait pour analyser JSON.

Adresse : https://github.com/trix/nano

2 google-jstemplate

Un outil de traitement de modèles côté navigateur simple et puissant pour les applications Web Ajax.

Adresse : http://google-jstemplate.googlecode.com/svn/trunk/jstemplate_example.html

3. Le plug-in de modèles jQuery

Un plug-in de modèle jQuery dont le développement est actuellement en cours, état stagnant.

4, jQote2

Il s'agit de la deuxième version de jQote, le moteur de modèles côté client le plus puissant et le plus polyvalent basé sur jQuery.

Adresse : http://aefxx.com/jquery-plugins/jqote2/

5, JTemplate

JTemplate est un moteur de modèles front-end open source basé sur jQuery.

Vous pouvez utiliser le jugement if, la boucle foreach, la boucle for et d'autres opérations dans le modèle Jtemplate. L'avantage de l'utilisation du modèle Jtemplate est qu'il n'est pas nécessaire de fusionner les instructions HTML lorsque ajax actualise partiellement l'interface. Le format JSON via ajax. JavaScript est autorisé dans le modèle. Le code vous permet de créer des modèles concaténés, de créer des paramètres dans le modèle, d'actualiser en temps réel et d'obtenir automatiquement le contenu mis à jour du serveur.

6. jsrender - moteur de modèles front-end (modèle jQuery)

Le site officiel de jsrender est connu pour être simple et intuitif, puissant, léger et évolutif. La taille compressée n'est que de 8,9 Ko et peut être utilisée seule dans le navigateur ou le nœud, ou avec jQuery.

jsrender utilise {{}} pour la démarcation. Si {{}} entre en conflit avec votre moteur de modèle existant, vous pouvez utiliser l'API pour le personnaliser, par exemple :

$.views.settings.delimiters("<%", "%>");

//原本
<p>{{:name}}</p>
//修改后
<p><%:name%></p>

et ainsi de suite. . . .

【Apprentissage recommandé : Tutoriel vidéo jQuery, Vidéo web front-end】

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!