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

tpl.js

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

tpl-js 是一个轻量的(仅1kb)、极速的 javascript 模板引擎。支持预编译,支持嵌入原生javascript语法,忽略不存在的变量,可直接在AMD、CMD以及全局环境中使用。

使用方法:

1.引入tpl.js

<script type="text/javascript" src="path/to/tpl.js"></script>

或者在Sea.js和Node.js中:

var tpl = require('path/to/tpl');

2.HTML模板

<div id="view"></div>

<script type="text/template" id="demo">
    <p>Hi, I'm <%=author%><%=anything%></p>
    <p>I can write:
    <% 
        for(var i=0; i<languages.length; i++) { 
            echo( (i===0?"":", ") + languages[i] );
        }
    %>
    </p>
</script>

3.执行渲染

console.log( tpl('#demo', {author: "Jony", languages:["javascript", "php", "shell"]}) );

 结果为: 

<p>Hi, I'm Jony</p>
<p>I can write: javascript, php, shell</p>

 

在线例子:http://niceue.github.io/tpl.js/

在线文档:https://github.com/niceue/tpl.js 

  • 1、准备所需的js     1.1数据js datas={ "code": 1000, "data": { "total": { "fund": [ { "name": "小李", "flag": 0,

  • 由于前端工程越来越复杂,需要模板和数据的分离。 tpl.js是一个比较极致(极小,极快,极简单)的js模板引擎,可以在各种js环境中使用。 官网地址 简单的例子 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js模板</title> <script src="js/jsTpl.js

  • 这个模板文件定义了页面的骨架. 可用变量(按字母顺序) $base_path 返回Drupal安装的URL基路径.最初,这将默认为/。 $breadcrumb 在页面顶部用于展示面包屑的breadcrumb。 $closure 需要放在页面的底部,在页面展示出来后,用于动态javascript的调用。 $content 由Drupal生成的要展示的HTML内容。 $css 一个数组,包含了当前页面

  • Drupal模板变量,主题模板page.tpl.php里面的变量一览 要控制网站的排版,就要熟悉page.tpl.php里面的一些常用的变量,这样控制起来就很方便。 最新的drupa 6 page模板里面的变量,发现了一下变量,先记录一下。 page.tpl.php 一些有用的变量。 * $base_path: drupal安装路径 * $css: 当前页CSS文件数组 * $directory:

  • 这个模板文件定义了页面的骨架. 可用变量(按字母顺序) $base_path 返回Drupal安装的URL基路径.最初,这将默认为/。 $breadcrumb 在页面顶部用于展示面包屑的breadcrumb。 $closure 需要放在页面的底部,在页面展示出来后,用于动态javascript的调用。 $content 由Drupal生成的要展示的HTML内容。 $css 一个数组,包含了当前页面

  • Drupal模板变量,主题模板page.tpl.php里面的变量一览 要控制网站的排版,就要熟悉page.tpl.php里面的一些常用的变量,这样控制起来就很方便。 最新的drupa 6 page模板里面的变量,发现了一下变量,先记录一下。 page.tpl.php 一些有用的变量。 * $base_path: drupal安装路径 * $css: 当前页CSS文件数组 * $directory:

  • http://drupalchina.cn/node/1581 Variable Description of contents $css 当前页面的CSS文件的数组 $language (对象)站点开始时使用的语言 $language->div 语言的方向,它是“ltr”或“rtl”之一 $rdf_namescapces 在此HTML文档中使用的所有RDF名称空间前缀 $grddl_profil

  • 解释: 以前用过的前端页面都是.html格式的,现在出现了.tpl文件,是template的缩写,发现他就是前端页面,写的也是html。 应该是前端模板Smarty的一个格式。可以在Dreamviewer中打开,进行可视化编辑。应该也可以使用PS打开。   tpl表示的是模板文件  Smarty作为php的模板引擎,他的后缀名就是.tpl。  tpl文件中html标签是主要的一部分内容,还有一部分

  • 路径操作 以下操作都需要引入 const path = require(‘path’); /* 路径操作 */ const path = require('path'); // 获取路径的最后一部分 console.log(path.basename('/foo/bar/baz/asdf/quux.html')); //quux.html console.log(path.basena

 相关资料
  • 具体查看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:"卖萌" }; 希望包装为: <