10 个强大的JavaScript / jQuery 模板引擎推荐

4顶
0踩

2012-04-12 17:29 by 副主编 wangguo 评论(6) 有79842人浏览

JavaScript jQuery 模板引擎 JSON

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

模板引擎是为了使用户界面与业务数据（内容）分离而产生的，它可以生成特定格式的文档。由于在开发过程中，网站或应用程序的界面与数据实现分离，大大提升了开发效率，良好的设计也使得代码重用变得更加容易。

本文整理了10 款基于JavaScript和jQuery的模板引擎，希望能对你的开发工作带来一些帮助。

1. NANO

最简单的jQuery模板引擎，完美实现对JSON的解析。

源码 / 演示

2. The “template” binding

该工具通过渲染模板将相关联的DOM元素组织到一起。

源码 / 演示

3. JsViews

下一代的jQuery模板，交互式数据驱动视图，建立在JsRender模板的基础上。

源码 / 演示

4. JsRender

针对高性能和纯字符串渲染进行了优化，无需依赖DOM和jQuery。

源码 / 演示

5. google-jstemplate

针对Ajax Web应用程序的简单、强健的浏览器端模板处理工具。

源码 / 演示

6. The jQuery Templates Plugin

一个jQuery模板插件，该插件的开发工作目前处于停滞状态。

源码 / 演示

7. jQote2

这是jQote的第2个版本，是基于jQuery的最强大、通用的客户端模板引擎。

源码 / 演示

8. kite

这是一个基于JavaScript的模板引擎。

源码 / 演示

9. mustache.js

基于JavaScript的Logic-less（无逻辑或轻逻辑）模板。

源码 / 演示

10. Tempo 1.7

Tempo是一个微型JSON渲染引擎，允许你使用纯HTML制作数据模板。

源码 / 演示

英文原文：10 JavaScript and jQuery Templates Engines

查看图片附件

分享到：

4
顶

0
踩

评论共 6 条请登录后发表评论

6 楼 witcheryne 2012-04-13 20:11

aixinnature 写道

mengyancui 写道

witcheryne 写道

mengyancui 写道

干什么用的呢？

velocity, freemarker 了解么?

了解，但他们都是和服务器端交互的啊

原理类似，这个是js端的模板，主要用于拼装html字符，因为直接操作dom效率很低。直接用字符串平html代码很难维护，于是就出来这种模式模板+json（或其他数据） = html字符串。常用的应用场景就是 ajax从后台取到json数据，然后用模板渲染成html，然后更新

不局限于生成html . 生成各种文本都行.
以mustache为例:


@Log4j
@Getter@Setter
@SuppressWarnings("serial")
@Component("{{actionName}}Action")
public class {{ActionClass}} extends AppAction {

	private String id = null;
	
	private {{ServiceClass}} {{serviceId}} = null;
	
	private {{DomainClass}}{{domainSuffix}} {{domainName}} = new {{DomainClass}}{{domainSuffix}}();

        // ... ...
}

5 楼 aixinnature 2012-04-13 14:42

mengyancui 写道

witcheryne 写道

mengyancui 写道

干什么用的呢？

velocity, freemarker 了解么?

了解，但他们都是和服务器端交互的啊

4 楼 mengyancui 2012-04-13 13:05

witcheryne 写道

mengyancui 写道

干什么用的呢？

velocity, freemarker 了解么?

了解，但他们都是和服务器端交互的啊

3 楼 witcheryne 2012-04-13 09:49

mengyancui 写道

干什么用的呢？

velocity, freemarker 了解么?

2 楼 witcheryne 2012-04-13 09:49

mustache.js 不错... 国内好像豆瓣再用.

jade, node.js下的express在用,
underscore的template, backbone在用

1 楼 mengyancui 2012-04-12 19:17

干什么用的呢？

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

一个jQuery插件用于数据绑定的HTMLRender模板引擎

a jquery Plus for javascript to DataBind Template HTML Render 模板引擎

jQuery模板引擎: jQuery-tmpl 和 JsRender 使用介绍

基于jQuery开发的javascript模板引擎-jTemplates

NULL 博文链接：https://karlhell.iteye.com/blog/463833

srender:jQuery 模板引擎

srender jQuery 模板引擎

10个JavaScript和jQuery模板引擎

今天，我们已经拿出10个JavaScript和jQuery的模板引擎，你可能会发现有趣的学习。请享用。相关文章： 10个jQuery的布局教程 Sublime2 VS记事本++ 10个随机HTML5的Web工具和资源 1. NANO - jQuery的模板引...

常用的JavaScript模板引擎介绍

基于javascript 实现的模板引擎,类似于 Microsoft’s jQuery template plugin,但更简单易用! 2. doT.js doT.js 包含为浏览器和Node.js 准备的 JavaScript 模板引擎。 3. jSmart jSmart 是著名的 PHP 模板引擎 Smarty...

jTemplates 基于jQuery的Jvascript模板引擎

内容索引:脚本资源,jQuery,jTemplates　jTemplates是一套用作较广的基于jQuery开发的javascript模板引擎，用它可以配合ASP/PHP/JSP/等众多语言来完成诸如通过JavaScript获取JSON数据、获取一个HTML模板、构建客户端...

Juicer – 一个 JavaScript 模板引擎的实现和优化

本文转载自：淘系前端团队：Juicer – 一个 JavaScript 模板引擎的实现和优化介绍让我们从一段代码说起，假设有一段这样的 JSON 数据： var json = { name: '流火', blog: 'ued.taobao.org' }; 我们需要根据这...

jqtpl：[不推荐使用]用于nodejs，浏览器和任何其他javascript环境的模板引擎

适用于nodejs，浏览器和任何其他JavaScript环境的模板引擎。无逻辑的。可扩展-实施自己的标签。 HTML默认情况下转义。最初是作为jquery模板的端口开始的。现在，由于不再开发jquery-tmpl，因此与原始引擎的兼容性...

前端JQuery强大的物理模板引擎

artTemplate的库分为两种，一个是template.js，一个是template-native.js,第一个是简洁语法版，第二个是原生语法（感觉像JSP）版，两个库的语法是不一样的，注意种类。否则报错。。。。 artTemplate学习网站 ...

JavaScript构建自己的模板小引擎示例

有时候，我们不需要太牛逼太强大的JavaScript模板引擎（比如jQuery tmpl或者handlebarsjs），我们只是需要在简单的模板里绑定一些非常简单的字段，本文将使用非常简单的技巧来帮你实现这个小功能。首先我们先来定义...

【jquery Ajax 】art-template（ejs）模板引擎的概念与使用

art-template是一个简约，超快的模板引擎，中文官网首页为首页art-template提供了{{}}这种语法格式，在大括号中可以进行变量输出，或循环数组等操作，这种语法在art-template中被称为标准语法。

jquery.tmplate模板引擎使用心得

jquery.tmpl.js，是与jquey共同使用的html模板插件。该插件可通过简单的语法将数据放入到html模板中，可以很好的将数据渲染到页面上。该插件在本项目中使用较多且网上的讲解比较分散，无系统的api以及使用方法可以...

artTemplate.js，前端模板js引用，jquery静态模板

artTemplate模板引擎是渲染UI界面的一个js文件，artTemplate.js加快开发速度

spring-ai-bedrock-converse-1.0.0-M7.jar中文文档.zip

# 【spring-ai-bedrock-converse-1.0.0-M7.jar中文文档.zip】中包含：中文文档：【spring-ai-bedrock-converse-1.0.0-M7-javadoc-API文档-中文(简体)版.zip】 jar包下载地址：【spring-ai-bedrock-converse-1.0.0-M7.jar下载地址(官方地址+国内镜像地址).txt】 Maven依赖：【spring-ai-bedrock-converse-1.0.0-M7.jar Maven依赖信息(可用于项目pom.xml).txt】 Gradle依赖：【spring-ai-bedrock-converse-1.0.0-M7.jar Gradle依赖信息(可用于项目build.gradle).txt】源代码下载地址：【spring-ai-bedrock-converse-1.0.0-M7-sources.jar下载地址(官方地址+国内镜像地址).txt】 # 本文件关键字： spring-ai-bedrock-converse-1.0.0-M7.jar中文文档.zip,java,spring-ai-bedrock-converse-1.0.0-M7.jar,org.springframework.ai,spring-ai-bedrock-converse,1.0.0-M7,org.springframework.ai.bedrock.converse,jar包,Maven,第三方jar包,组件,开源组件,第三方组件,Gradle,springframework,spring,ai,bedrock,converse,中文API文档,手册,开发手册,使用手册,参考手册 # 使用方法：解压【spring-ai-bedrock-converse-1

房地产 -可视化管理课件.ppt

tokenizers-0.18.0.jar中文-英文对照文档.zip

# 【tokenizers-***.jar***文档.zip】中包含： ***文档：【tokenizers-***-javadoc-API文档-中文(简体)版.zip】 jar包下载地址：【tokenizers-***.jar下载地址(官方地址+国内镜像地址).txt】 Maven依赖：【tokenizers-***.jar Maven依赖信息(可用于项目pom.xml).txt】 Gradle依赖：【tokenizers-***.jar Gradle依赖信息(可用于项目build.gradle).txt】源代码下载地址：【tokenizers-***-sources.jar下载地址(官方地址+国内镜像地址).txt】 # 本文件关键字： tokenizers-***.jar***文档.zip,java,tokenizers-***.jar,ai.djl.huggingface,tokenizers,***,ai.djl.engine.rust,jar包,Maven,第三方jar包,组件,开源组件,第三方组件,Gradle,djl,huggingface,中文API文档,手册,开发手册,使用手册,参考手册 # 使用方法：解压【tokenizers-***.jar***文档.zip】，再解压其中的【tokenizers-***-javadoc-API文档-中文(简体)版.zip】，双击【index.html】文件，即可用浏览器打开、进行查看。 # 特殊说明： ·本文档为人性化翻译，精心制作，请放心使用。 ·只翻译了该翻译的内容，如：注释、说明、描述、用法讲解等； ·不该翻译的内容保持原样，如：类名、方法名、包名、类型、关键字、代码等。 # 温馨提示：（1）为了防止解压后路径太长导致浏览器无法打开，推荐在解压时选择“解压到当前文件夹”（放心，自带文件夹，文件不会散落一地）；（2）有时，一套Java组件会有多个jar，所以在下载前，请仔细阅读本篇描述，以确保这就是你需要的文件； # Maven依赖： ``` <dependency> <groupId>ai.djl.huggingface</groupId> <artifactId>tokenizers</artifactId> <version>***</version> </dependency> ``` # Gradle依赖： ``` Gradle: implementation group: 'ai.djl.huggingface', name: 'tokenizers', version: '***' Gradle (Short): implementation 'ai.djl.huggingface:tokenizers:***' Gradle (Kotlin): implementation("ai.djl.huggingface:tokenizers:***") ``` # 含有的 Java package（包）： ``` ai.djl.engine.rust ai.djl.engine.rust.zoo ai.djl.huggingface.tokenizers ai.djl.huggingface.tokenizers.jni ai.djl.huggingface.translator ai.djl.huggingface.zoo ``` # 含有的 Java class（类）： ``` ai.djl.engine.rust.RsEngine ai.djl.engine.rust.RsEngineProvider ai.djl.engine.rust.RsModel ai.djl.engine.rust.RsNDArray ai.djl.engine.rust.RsNDArrayEx ai.djl.engine.rust.RsNDArrayIndexer ai.djl.engine.rust.RsNDManager ai.djl.engine.rust.RsSymbolBlock ai.djl.engine.rust.RustLibrary ai.djl.engine.rust.zoo.RsModelZoo ai.djl.engine.rust.zoo.RsZooProvider ai.djl.huggingface.tokenizers.Encoding ai.djl.huggingface.tokenizers.HuggingFaceTokenizer ai.djl.huggingface.tokenizers.HuggingFaceTokenizer.Builder ai.djl.hu

基于MATLAB的BP神经网络预测模型构建与应用

内容概要：本文详细介绍了如何使用MATLAB构建和应用BP神经网络预测模型。首先，通过读取Excel数据并进行预处理，如归一化处理，确保数据的一致性和有效性。接着，配置网络结构，选择合适的训练算法（如SCG），设置训练参数（如最大迭代次数、目标误差等）。然后，进行模型训练，并通过可视化窗口实时监控训练过程。训练完成后，利用测试集评估模型性能，计算均方误差（MSE）和相关系数（R²），并通过图表展示预测效果。最后，将训练好的模型保存以便后续调用，并提供了一个简单的预测函数，确保新数据能够正确地进行归一化和预测。适合人群：具有一定MATLAB基础，从事数据分析、机器学习领域的研究人员和技术人员。使用场景及目标：适用于需要对多维数据进行预测的任务，如电力负荷预测、金融数据分析等。主要目标是帮助用户快速搭建一个可用的BP神经网络预测系统，提高预测准确性。其他说明：文中提供了完整的代码框架和详细的注释，便于理解和修改。同时，强调了数据预处理的重要性以及一些常见的注意事项，如数据量的要求、归一化的必要性等。

tokenizers-0.22.1.jar中文-英文对照文档.zip

4顶0踩