资讯频道 → Web前端
阅读更多

4顶
0踩

Web前端

原创新闻 10 个强大的JavaScript / jQuery 模板引擎推荐

2012-04-12 17:29 by 副主编 wangguo 评论(6) 有79798人浏览
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
  • 大小: 60.3 KB
  • 大小: 62.8 KB
  • 大小: 65.6 KB
  • 大小: 69.7 KB
  • 大小: 64.7 KB
  • 大小: 60.6 KB
  • 大小: 92.1 KB
  • 大小: 67.9 KB
  • 大小: 73.4 KB
  • 大小: 57.3 KB
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 了解么?

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


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

  • 单片机开发教程代码.doc

    单片机开发教程代码涉及多个方面，包括硬件连接、软件编程、调试与优化等。以下是一个基于51单片机的简单教程代码示例，以及相关的开发步骤和解释。 ### 一、硬件连接 在进行单片机开发之前，首先需要正确连接硬件。以51单片机为例，通常需要将单片机的各个引脚与外围设备（如LED灯、按键、传感器等）进行连接。以下是一个简单的硬件连接示例： 1. 将单片机的P1.0引脚与LED灯的正极相连，LED灯的负极接地。 2. 将单片机的P3.2、P3.3、P3.4、P3.5引脚分别与四个按键的一端相连，按键的另一端接地。 ### 二、软件编程 在进行软件编程时，需要选择合适的编程语言（如C语言）和编译环境（如Keil C51）。以下是一个简单的51单片机程序示例，用于控制LED灯的亮灭和按键的扫描： ```c #include <reg51.h> sbit LED = P1^0; // 定义LED灯连接的引脚 void delay(unsigned int time) { unsigned int i, j; for (i = 0; i < time; i++) {

  • 《顶刊复现》(复现程度90%)，Reinforcement Learning-Based Fixed-Time Trajectory Tracking Control for Uncertain Ro

    《顶刊复现》(复现程度90%)，Reinforcement Learning-Based Fixed-Time Trajectory Tracking Control for Uncertain Robotic Manipulators With Input Saturation，自适应强化学习机械臂控制，代码框架方便易懂，适用于所有控制研究爱好者。 ,《深度强化学习复现：自适应控制框架下的机械臂轨迹跟踪控制研究》,强化学习机械臂控制的自适应轨迹跟踪：高复现度与易懂代码框架研究报告,核心关键词：顶刊复现; 强化学习; 固定时间轨迹跟踪控制; 不确定机械臂; 输入饱和; 自适应控制; 代码框架; 控制研究爱好者。,《基于强化学习的机械臂固定时间轨迹跟踪控制：复现程度高达90%》

  • 基于springboot框架的Javaweb水果购物网站的设计与实现（完整Java源码+数据库sql文件+项目文档+Java项目编程实战+编程练手好项目）.zip

    通过分析企业对于飘香水果购物网站的需求，创建了一个计算机管理飘香水果购物网站的方案。文章介绍了飘香水果购物网站的系统分析部分，包括可行性分析等，系统设计部分主要介绍了系统功能设计和数据库设计。 本飘香水果购物网站管理员功能有，个人中心管理，用户管理，会员管理，会员卡管理，开通会员记录管理，积分管理，水果管理，购买水果订单管理，积分兑换管理，积分兑换记录管理，加积分记录管理，减积分记录管理。用户可以注册登录，在首页开通会员卡，查看水果，购买水果，查看水果信息，以及个人中心修改个人资料，在自己的后台查看自己的购买记录等。因而具有一定的实用性。 本站是一个B/S模式系统，采用Spring Boot框架作为开发技术，MYSQL数据库设计开发，充分保证系统的稳定性。系统具有界面清晰、操作简单，功能齐全的特点，使得飘香水果购物网站管理工作系统化、规范化。 关键词：飘香水果购物网站；Spring Boot框架；MYSQL数据库

  • 百度热力图定量数据csv,shp,tif 佛山市-20240609日12时

    地区：全国都有。时间：近半年的都有，之前的需要查数据库。数据来源：百度慧眼 数据形式：含坐标的CSV点数据；SHP数据；TIFF栅格数据；多种数据形式可选。任意精度，10，30，50m均可。 价格：市为单位，每天有24个时间点。数据格式不同价格不同。 用途：城市/街道活力，人口统计，选址分析，商圈分析，活力分析等等。

  • 1998-2022年各地级市第三产业占GDP比重/地级市第三产业占比数据（市辖区）

    1998-2022年各地级市第三产业占GDP比重/地级市第三产业占比数据（市辖区） 1、时间：1998-2022年 2、指标：地级市第三产业占GDP比重/地级市第三产业占比 3、来源：城市统计年鉴 4、范围：299个地级市 5、缺失情况：缺失情况与年鉴一致，表内附有年鉴第三产业占比原始数据，以2022年地级市名单进行统计整理，为市辖区数据

Global site tag (gtag.js) - Google Analytics