Zu den JQuery-Vorlagen-Engines gehören: 1. NANO, das JSON perfekt analysieren kann; 2. google-jstemplate, ein einfaches und leistungsstarkes browserseitiges Vorlagenverarbeitungstool für Ajax-Webanwendungen; 3. JTemplate, ein Open-Source-Frontend Template-Engine; 4. jQote2 usw.
Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.
jQuery-Vorlagen-Engine
1, NANODie einfachste jQuery-Vorlagen-Engine, perfekt zum Parsen von JSON.
Adresse: https://github.com/trix/nano
2. google-jstemplateEin einfaches und leistungsstarkes browserseitiges Vorlagenverarbeitungstool für Ajax-Webanwendungen.
Adresse: http://google-jstemplate.googlecode.com/svn/trunk/jstemplate_example.html
3. Das jQuery-Vorlagen-PluginEin jQuery-Vorlagen-Plug-in, dessen Entwicklung derzeit im stagnierenden Zustand.
4, jQote2Dies ist die zweite Version von jQote, der leistungsstärksten und vielseitigsten clientseitigen Template-Engine auf Basis von jQuery.
Adresse: http://aefxx.com/jquery-plugins/jqote2/
5, JTemplateJTemplate ist eine Open-Source-Front-End-Vorlagen-Engine basierend auf jQuery.
Sie können if-Beurteilung, foreach-Schleife, for-Schleife und andere Operationen in der Jtemplate-Vorlage verwenden. Der Vorteil der Verwendung der Jtemplate-Vorlage besteht darin, dass keine HTML-Anweisungen zusammengefügt werden müssen, wenn Ajax die Schnittstelle teilweise aktualisiert JSON-Format über Ajax ist in der Vorlage zulässig. Der Code ermöglicht die Erstellung verketteter Vorlagen, die Erstellung von Parametern in der Vorlage, die Aktualisierung in Echtzeit und den automatischen Erhalt aktualisierter Inhalte vom Server.
6. jsrender – Front-End-Vorlagen-Engine (jQuery-Vorlage)Die offizielle Website von jsrender ist als einfach und intuitiv, leistungsstark, leicht und skalierbar bekannt. Die komprimierte Größe beträgt nur 8,9 KB und kann allein im Browser oder Knoten oder mit jQuery verwendet werden.
jsrender verwendet {{}} zur Abgrenzung. Wenn {{}} mit Ihrer vorhandenen Vorlagen-Engine in Konflikt steht, können Sie die API verwenden, um sie anzupassen, wie zum Beispiel:
$.views.settings.delimiters("<%", "%>"); //原本 <p>{{:name}}</p> //修改后 <p><%:name%></p>
und so weiter. . . .
【Empfohlenes Lernen:
jQuery-Video-TutorialDas obige ist der detaillierte Inhalt vonWas sind die JQuery-Template-Engines?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!