tmodjs+artTemplate用法,简单的实例
关于nodejs和artTemplate的这里不做介绍了,网上已经有很全面的介绍了,这里写个实例,上代码
安装nodejs
npm install -g tmodjs //-g是全局安装
新建文件夹tpl用于存放模板文件,名字随便啦
cmd进入到该文件,输入tmod,tpl文件下会生成一个package.json配置文件
打开文件,进行配置
关于package.json字段:
output:输出文件位置;
type:输出的模块类型;
其它字段看下边的表格就好。滋滋滋~~~~
字段 | 类型 | 默认值 | 说明 |
---|---|---|---|
output | String |
"./build"
|
编译输出目录位置 |
charset | String |
"utf-8"
|
模板使用的编码(暂时只支持 utf-8) |
syntax | String |
"simple"
|
定义模板采用哪种语法。可选:simple 、native
|
helpers | String |
null
|
自定义辅助方法路径 |
escape | Boolean |
true
|
是否过滤 XSS。如果后台给出的数据已经进行了 XSS 过滤,就可以关闭模板的过滤以提升模板渲染效率 |
compress | Boolean |
true
|
是否压缩 HTML 多余空白字符 |
type | String |
"default"
|
输出的模块类型,可选:default 、cmd 、amd 、commonjs
|
runtime | String |
"template.js"
|
设置输出的运行时名称 |
alias | String |
null
|
设置模块依赖的运行时路径(仅针对于非default 的类型模块配置字段。如果不指定模块内部会自动使用相对 runtime 的路径)
|
combo | Boolean |
true
|
是否合并模板(仅针对于 default 类型的模块) |
minify | Boolean |
true
|
是否输出为压缩的格式 |
cache | Boolean |
true
|
是否开启编译缓存 |
配置好文件后,接下来就是写一个简单例子喽,在tpl文件下新建,index.tpl文件
<div>名字是:{{name}}</div>
再就是使用写好的模板了,
若package.json中type为default ,所有的模板文件会到一个
template.js(runtime设置)中
在js中引入该template.js
var data={};
data.name='test';
var html = template('testtpl',data);
$('body').append(html);
若package.json中type为amd或其他模式,每个tpl文件会生成一个*.js文件js中引入testtpl.js
var testtpl = common/tpl/testtpl;
var html = testtpl(data);
好了,一个简单的实例,就这样吧~~~~~~~
若package.json中type为amd或其他模式,每个tpl文件会生成一个*.js文件
js中引入testtpl.js
tmodjs+artTemplate用法,简单的实例相关推荐
- velocity用法简单实例说明 .
http://blog.csdn.net/renxianzuo/article/details/4457381 2009-08-18 01:48 3516人阅读 评论(8) 收藏 举报 velocit ...
- python timer怎么用_python定时器(Timer)用法简单实例
python定时器(Timer)用法简单实例 本文实例讲述了python定时器(Timer)用法.分享给大家供大家参考.具体如下: # encoding: UTF-8 import threading ...
- c# 多线程中lock用法的经典实例
一.Lock定义 lock 关键字可以用来确保代码块完成运行,而不会被其他线程中断.它可以把一段代码定义为互斥段(critical section),互斥段在一个时刻内只允许一个线程进入执行, ...
- 一个线程中lock用法的经典实例
1 /* 2 该实例是一个线程中lock用法的经典实例,使得到的balance不会为负数 3 同时初始化十个线程,启动十个,但由于加锁,能够启动调用WithDraw方法的可能只能是其中几个 4 作者: ...
- 深入实践Spring Boot1.3.2 一个简单的实例
1.3.2 一个简单的实例 Spring Boot的官方文档中提供了一个最简单的Web实例程序,这个实例只使用了几行代码,如代码清单1-3所示.虽然简单,但实际上这已经可以算作是一个完整的Web项目了 ...
- [Dask使用实例]Dask简单计算实例(map, submit)
Dask简单计算实例 from dask.distributed import Client if __name__ == '__main__':client = Client()a = client ...
- ajax 示例代码,Ajax的简单实用实例代码
我将实现一个简单的Ajax页面无刷新进行用户验证案例: 效果如下图: 实现主要过程: 在UsersAction类中的checkUser方法中接收并验证前台的表单数据,针对不同情况,返回一个状态码cod ...
- 《Abaqus GUI程序开发指南(Python语言)》——第一章 概述1.1 简单插件实例——创建带孔板有限元模型...
本节书摘来自异步社区<Abaqus GUI程序开发指南(Python语言)>一书中的第1章,第1.1节,作者: 贾利勇 , 富琛阳子 , 贺高 , 周正光 更多章节内容可以访问云栖社区&q ...
- 缓冲运动之框架開始一级简单框架实例
***********************缓冲运动[框架開始]-1.html********************************************* <!DOCTYPE h ...
最新文章
- php点号的意思,[PHP] - 逗号和点号的区别
- linux jna调用so动态库
- 本地如何使用phpstudy环境搭建多站点
- 人工智能--遗传算法(旅行商问题)
- 情人节,你们的CEO都在干嘛?
- python中messagebox用法实例_pyqt4教程之messagebox使用示例分享
- C++ 获取函数耗时
- 绘制矩形php,php绘制一个矩形的方法
- 被弃用的 Docker 未死:带着 1.05 亿美元融资“回归”,估值高达 21 亿
- 使用QT的qmake工具生成VS工程
- recurdyn和matlab联合仿真,基于RecurDyn与Simulink的液压破碎锤联合仿真与试验分析
- 程序员面试金典——7.7第k个数(丑数)
- 地图切图 java_多任务切图 | SuperMap iDesktop Java
- 2016春招腾讯笔试题
- 效率更快的代码生成器
- 谷歌浏览器配置微信浏览器_在 Chrome (谷歌浏览器) 中模拟微信内置浏览器
- 群发邮件平台你知道那个好吗,一款邮件群发100万封群发邮件平台
- 天津高清卫星影像数据包下载
- android连连看源代码,#经典连连看#源码分享
- 各大搜索引擎蜘蛛IP地址大全
热门文章
- python四级词汇采集_Python分析36套四级真题获取词频最高5000个词汇,还怕四级不过么...
- 继电保护计算机化,电力系统继电保护现状和发展.doc
- idea已经导入了数据库jar包无法连接数据库
- 更新windows补丁KB2506143时一直卡在搜索更新
- 基于JAVA职业信息服务平台计算机毕业设计源码+系统+数据库+lw文档+部署
- 作团队感悟(15)----培养危机感
- smarty php5.5,thinkphp5.1使用Smarty模板引擎
- C# TextBox换行 自动显示至最后行
- 中国蚁剑下载、安装、使用教程
- oracle adjusting parallel,Oracle 参数之_undo_autotune