https://github.com/toobug/microtmpl

Super Micro JavaScript Template Engine
https://github.com/toobug/microtmpl

Last synced: about 1 year ago
JSON representation

Super Micro JavaScript Template Engine

• Host: GitHub
• URL: https://github.com/toobug/microtmpl
• Owner: TooBug
• Created: 2013-02-03T02:13:50.000Z (over 13 years ago)
• Default Branch: master
• Last Pushed: 2014-06-21T13:26:53.000Z (almost 12 years ago)
• Last Synced: 2025-04-02T06:34:10.493Z (about 1 year ago)
• Language: JavaScript
• Size: 129 KB
• Stars: 2
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
MicroTmpl 微型模板

=========

Super Micro JavaScript Template Engine

超微型前端模板

## Brief Introduction 简介

The only advantage is that this template engine is super micro, just about 15 lines. 

唯一的优点就是超微型，只有15行左右的代码

### Features 特性

- No logic 无逻辑

- Automatic loop for Arrays 数组自动遍历

- No JavaScript Runtime 不支持模板中的JavaScript代码

## Usage 用法

See we have a template string like this：

假设我们有如下模板：

	var tmplStr = '
My Name is {%name%}, I\'m {%age%} years old.
';


And an Array, an Object:

以及一个数组，一个对象：

	//Array 数组

	var arr = [{

		name:'TooBug',

		age:18

	},{

		name:'ThreeBug',

		age:18.1

	}];

	//Object 对象

	var obj = {

		name:'Another TooBug',

		age:18.2

	};

Render like this:

这样渲染：

	var html1 = MicroTmpl(tmplStr,arr);

	// 
My Name is TooBug, I\'m 18 years old.
My Name is ThreeBug, I\'m 18.1 years old.


	var html2 = MicroTmpl(tmplStr,obj);

	// 
My Name is Another TooBug, I\'m 18.2 years old.


## Addtions 其它

Depend on Array.forEach of ES5, so if used in the browsers that is not so modern, you will need a polyfill.

依赖ES5中的Array.forEach，所以如果用在不是那么新的浏览器上，需要一个ES5数组补丁。

Since the performance is not so well, it only suit for little projects.(Which maybe the JS code is smaller than a template engine.)

由于这个模板的性能不是那么好，所以它只适合比较小的项目。（比如项目的JS代码本身比模板引擎还要小的。）