当前位置: 首页 > 软件库 > 程序开发 > 模板引擎 >

Juicer

Javascript模板引擎
授权协议 MIT
开发语言 JavaScript
所属分类 程序开发、 模板引擎
软件类型 开源软件
地区 国产
投 递 者 田嘉澍
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Juicer

Juicer 是一个高效、轻量的前端 (Javascript) 模板引擎,效率和易用是它追求的目标。 除此之外,它还可以运行在 Node.js 环境中。

示例模板:

{@each list as item,index}
    {@if index===3}
        the index is 3, the value is ${item.prop}
    {@else if index === 4}
        the index is 4, the value is ${item.prop}
    {@else}
        the index is not 3, the value is ${item.prop}
    {@/if}
{@/each}
  • 第一步将需要的js以及css引入: <script src="/www/all_method/jquery_weui/lib/jquery-2.1.4.js"></script> <!--引入juicer--> <script type="text/javascript" src="/www/all_method/jquery_weui/lib/juicerTemplate.js"></scri

  • 代码示例 <!DOCTYPE html> <html> <head> <title>Juicer</title> <meta charset=UTF-8> <!--引入jquery--> <script src="/static/jquery/jquery-1.11.1.min.js"></script> <!--引入juicer--> <scrip

  • 一、juicer模板的使用 什么是juicer(what)? Juicer 是一个高效、轻量的前端 (Javascript) 模板引擎,使用 Juicer 可以是你的代码实现数据和视图模型的分离(MVC)。 除此之外,它还可以在 Node.js 环境中运行。Juicer渲染速度很快(百万次渲染耗时仅174ms,具体请移步性能测试,但这个性能可能没想的那么重要)、Juicer库文件很小(压缩文件仅7

  • Juicer 中文文档:http://www.juicer.name/docs/docs_zh_cn.html 官网:http://juicer.name/ 一个Javascript模板引擎的实现和优化(http://www.open-open.com/lib/view/open1335161835655.html)完全剥离html和代码逻辑,便于多人协作和后期的代码维护。 市面上众多的模板引擎,

  • juicer github地址:https://github.com/PaulGuo/Juicer 引入juicer 1.变量${变量名} 这些变量名在后面都需要通过juicer(模板字符串,data)中的data对象进行传值,juicer会将模板和数据进行构建,返回已经完成的HTML字符串,然后通过DOM操作的innerHTML将字符串放入 2.过滤器 在前端接受数据的时候,我们经常会拿到一些无

  • juicer官方介绍 https://github.com/PaulGuo/Juicer http://juicer.name/ // 编译模板并根据所给的数据立即渲染出结果 juicer(tpl, data);   // 仅编译模版暂不渲染,它会返回一个可重用的编译后的函数. 根据给定的数据,对之前编译好的模板进行数据渲染. var compiled_tpl = juicer(tpl); var

  • 参考:juicerjs引用模板的使用方式 <script type="text/template" id="infoWindow_tpl" style="display:none"> <div> <div class="hotel_info_box"> <div class="hotel_img"> <img src="{{hotelImg}}" /> </div>

  • 名字的由来 倘若我们把数据比作新鲜可口的水果,把模板看做是水,Juicer 就是把水果和水榨出我们需要的HTML代码片段的榨汁机。 Juicer 的引入 <script type="text/javascript" src="juicer-min.js"></script> 使用方法 编译模板并根据所给的数据立即渲染出结果. juicer(tpl, data); 语法 $变量} 使用 输出变量

 相关资料
  • 具体查看ejs官方文档 https://github.com/mde/ejs

  • 我们自己实现了一个轻量级的模板引擎,不要问为什么不用smart之类的,因为我们认为没有必要为了一个小小的模板引擎而引入smaart这样复杂的实现。你可能会说,smart功能强大,支持各种标签,标签也是很强大,而且还可以对模板引擎进行各种"灵活"的配置... 这里我们觉得有必要说明一下: 框架的内置模板引擎基本上实现了我们日常开中所有常用的标签。 不常用的标签我们也做了巧妙的实现。 我们只提供了扩展

  • 内置模板引擎 视图的模板文件可以支持不同的解析规则,默认情况下无需手动初始化模板引擎。 可以通过下面的几种方式对模板引擎进行初始化。 配置文件 内置模板引擎的参数统一在配置目录的template.php文件中配置,例如: return [ // 模板引擎类型 支持 php think 支持扩展 'type' => 'Think', // 模板路径 '

  • Warning: The packages listed below may be outdated, no longer maintained or even broken. Listing here does not constitute an endorsement or recommendation from the Expressjs project team. Use at your

  • Use the app.engine(ext, callback) method to create your own template engine. ext refers to the file extension, and callback is the template engine function, which accepts the following items as parame

  • hi-nginx-java内置了两个mustache模板引擎:mustache.java和jmustache。 以下介绍仅就jmustache而言。 字符串模板 字符串模板是最简单的情况。例如: package test; import hi.request; import hi.response; import hi.route; import java.util.regex.Matcher

  • 快速开始 安装模块 # 安装koa模板使用中间件 npm install --save koa-views # 安装ejs模板引擎 npm install --save ejs 使用模板引擎 demo源码 https://github.com/ChenShenhai/koa2-note/blob/master/demo/ejs/ 文件目录 ├── package.json ├── index.js

  • 模版引擎 引入 我们在使用ajax请求数据时,返回的如果是一个 JSON 格式的字符串,我们需要将其包装到对应的HTML代码中,再添加到页面上,才能看到效果。那么这个包装得过程有没有简单的方法呢? 假设在 js 中有如下数据: var obj = { name:"fox", age:18, skill:"卖萌" }; 希望包装为: <