10 个强大的javascript / jquery 模板引擎推荐 -凯发k8国际

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

本文整理了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制作数据模板。



/

英文原文:
  • 大小: 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 楼 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 楼 2012-04-13 14:42
mengyancui 写道
witcheryne 写道
mengyancui 写道
干什么用的呢?

velocity, freemarker 了解么?

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


原理类似,这个是js端的模板,主要用于拼装html字符,因为直接操作dom效率很低。直接用字符串平html代码很难维护,于是就出来这种模式  模板 json(或其他数据) = html字符串。常用的应用场景就是 ajax从后台取到json数据,然后用模板渲染成html,然后更新
4 楼 2012-04-13 13:05
witcheryne 写道
mengyancui 写道
干什么用的呢?

velocity, freemarker 了解么?

了解,但他们都是和服务器端交互的啊
3 楼 2012-04-13 09:49
mengyancui 写道
干什么用的呢?

velocity, freemarker 了解么?
2 楼 2012-04-13 09:49
mustache.js 不错... 国内好像豆瓣再用.

jade, node.js下的express在用,
underscore的template, backbone在用
1 楼 2012-04-12 19:17
干什么用的呢?

发表评论

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

相关推荐

  • a jquery plus for javascript to databind template html render 模板引擎

  • jquery模板引擎: jquery-tmpl 和 jsrender 使用介绍

  • null 博文链接:https://karlhell.iteye.com/blog/463833

  • srender jquery 模板引擎

  • 今天,我们已经拿出10个javascript和jquery的模板引擎 ,你可能会发现有趣的学习。 请享用。 相关文章: 10个jquery的布局教程 sublime2 vs记事本 10个随机html5的web工具和资源 1. nano - jquery的模板引...

  • 基于javascript 实现的模板引擎,类似于 microsoft’s jquery template plugin,但更简单易用! 2. dot.js dot.js 包含为浏览器和node.js 准备的 javascript 模板引擎。 3. jsmart jsmart 是著名的 php 模板引擎 smarty...

  • 内容索引:脚本资源,jquery,jtemplates jtemplates是一套用作较广的基于jquery开发的javascript模板引擎,用它可以配合asp/php/jsp/等众多语言来完成诸如通过javascript获取json数据、获取一个html模板、构建客户端...

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

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

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

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

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

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

  • 管理系统是一种通过计算机技术实现的用于组织、监控和控制各种活动的软件系统。这些系统通常被设计用来提高效率、减少错误、加强安全性,同时提供数据和信息支持。以下是一些常见类型的管理系统: 学校管理系统: 用于学校或教育机构的学生信息、教职员工信息、课程管理、成绩记录、考勤管理等。学校管理系统帮助提高学校的组织效率和信息管理水平。 人力资源管理系统(hrm): 用于处理组织内的人事信息,包括员工招聘、培训记录、薪资管理、绩效评估等。hrm系统有助于企业更有效地管理人力资源,提高员工的工作效率和满意度。 库存管理系统: 用于追踪和管理商品或原材料的库存。这种系统可以帮助企业避免库存过剩或不足的问题,提高供应链的效率。 客户关系管理系统(crm): 用于管理与客户之间的关系,包括客户信息、沟通记录、销售机会跟踪等。crm系统有助于企业更好地理解客户需求,提高客户满意度和保留率。 医院管理系统: 用于管理医院或医疗机构的患者信息、医生排班、药品库存等。这种系统可以提高医疗服务的质量和效率。 财务管理系统: 用于记录和管理组织的财务信息,包括会计凭证、财务报表、预算管理等。财务管理系统

  • gb2312字符集 作用:国家简体中文字符集,兼容ascii。 位数:使用2个字节表示,能表示7445个符号,包括6763个汉字,几乎覆盖所有高频率汉字。 范围:高字节从a1到f7, 低字节从a1到fe。将高字节和低字节分别加上0xa0即可得到编码。 gbk字符集 作用:它是gb2312的扩展,加入对繁体字的支持,兼容gb2312。 位数:使用2个字节表示,可表示21886个字符。 范围:高字节从81到fe,低字节从40到fe。 gb18030字符集 作用:它解决了中文、日文、朝鲜语等的编码,兼容gbk。 位数:它采用变字节表示(1 ascii,2,4字节)。可表示27484个文字。 范围:1字节从00到7f; 2字节高字节从81到fe,低字节从40到7e和80到fe;4字节第一三字节从81到fe,第二四字节从30到39。

  • 毕业设计,安卓app,基于java开发的学生成绩课件管理系统app,包括pc端和安卓anroid手机app,内含java完整源码 安卓andriod学生成绩课件管理系统 系统开发环境: windows myclipse(服务器端) eclipse(手机客户端) mysql数据库 服务器也可以用eclipse或者idea等工具,客户端也可以采用android studio工具! 系统客户端和服务器端架构技术: 界面层,业务逻辑层,数据层3层分离技术,mvc设计思想! 服务器和客户端数据通信格式:json格式,采用servlet方式 【服务器端采用ssh框架,请自己启动tomcat服务器,hibernate会自动生成数据库表的哈!】 hibernate生成数据库表后,只需要在admin管理员表中加个测试账号密码就可以登录后台了哈! 下面是数据库的字段说明: 班级: 班级编号,班级名称,开办日期,班主任 学生: 学号,登录密码,所在班级,姓名,性别,出生日期,学生照片,联系电话,家庭地址 老师: 教师编号,登录密码,姓名,性别,出生日期,联系电话,邮件,地址,

  • 管理系统是一种通过计算机技术实现的用于组织、监控和控制各种活动的软件系统。这些系统通常被设计用来提高效率、减少错误、加强安全性,同时提供数据和信息支持。以下是一些常见类型的管理系统: 学校管理系统: 用于学校或教育机构的学生信息、教职员工信息、课程管理、成绩记录、考勤管理等。学校管理系统帮助提高学校的组织效率和信息管理水平。 人力资源管理系统(hrm): 用于处理组织内的人事信息,包括员工招聘、培训记录、薪资管理、绩效评估等。hrm系统有助于企业更有效地管理人力资源,提高员工的工作效率和满意度。 库存管理系统: 用于追踪和管理商品或原材料的库存。这种系统可以帮助企业避免库存过剩或不足的问题,提高供应链的效率。 客户关系管理系统(crm): 用于管理与客户之间的关系,包括客户信息、沟通记录、销售机会跟踪等。crm系统有助于企业更好地理解客户需求,提高客户满意度和保留率。 医院管理系统: 用于管理医院或医疗机构的患者信息、医生排班、药品库存等。这种系统可以提高医疗服务的质量和效率。 财务管理系统: 用于记录和管理组织的财务信息,包括会计凭证、财务报表、预算管理等。财务管理系统

  • 软件开发设计:php、qt、应用软件开发、系统软件开发、移动应用开发、网站开发c 、java、python、web、c#等语言的项目开发与学习资料 硬件与设备:单片机、eda、proteus、rtos、包括计算机硬件、服务器、网络设备、存储设备、移动设备等 操作系统:linux、ios、树莓派、安卓开发、微机操作系统、网络操作系统、分布式操作系统等。此外,还有嵌入式操作系统、智能操作系统等。 网络与通信:数据传输、信号处理、网络协议、网络与通信硬件、网络安全网络与通信是一个非常广泛的领域,它涉及到计算机科学、电子工程、数学等多个学科的知识。 云计算与大数据:数据集、包括云计算平台、大数据分析、人工智能、机器学习等,云计算是一种基于互联网的计算方式,通过这种方式,共享的软硬件资源和信息可以按需提供给计算机和其他设备。

global site tag (gtag.js) - google analytics
网站地图