好用的Javascript模板引擎Markup.js

作者：V君发布于：2014-9-7 1:44 Sunday 分类：挖坑经验

最近在把玩 CEF , 需要生成许多HTML, 由于没有Web Runtime这下要做HTML就蛋疼了...

不能总是拼字符串吧.

于是V君找啊找, 试过过 T4(Runtime)/Mustache/balabalaba... 最后选择了 Markup.js .

我跟你讲, Markup, 赞! 究竟有多赞咧? 本来来想直接 ⊂彡☆))∀`) 给我去看主页↑啦的,

但考虑到 (´∀((☆ミつ我不懂英语啦! 新手,还是简要的介绍一下,然后贴一点自己的用法吧乂D.

首先你需要在网页引入脚本 <script src="markup.min.js" type="text/javascript"></script> .

然后在js里直接用 Mark.up(<模板字符串>,<对象>); 就可以了!

模板字符串稍后讲, 对象可以是任意js对象,

你可以从JSON.parse,你可以 {}, 可以[ ], 甚至能够直接传递bind对象(不懂?呵呵, 这个下次讲乂D)!

接下来讲讲模板字符串:其实就是很普通的javascript字符串, 拿HelloWorld来打比方可以是

Mark.up("Hello{{.}}","World"); 怎么样, 好理解吧, 用双层花括号标签表示占位符.

Mark.up("Hello{{name}}",{name:"World"}); 这是对象的用法.

让我们用得复杂点: 循环

var arrSelected=[{name:"world"},{name:"you"},{name:"me"}];

Mark.up("Selected Items:{{.}} {{name}} {{/.}}",arrSelected);

还觉得不够? 再来更复杂的: 条件

{{if Item.ModifiedDate}}{{Item.ModifiedDate}}{{else}}<i>never</i>{{/if}}

还有管道什么的, 你还是去啃主页文档吧

说好贴一下自己的用法:

标签: 软件开发 javascript 模板引擎

« 让Javascript运行在C#上 [Update3] 支持mono 支持ClrWrapper | 解决CruiseControl.NET编译出现MSB4025: 未能加载项目文件。名称不能以“<”字符(十六进制值 0x3C)开头。»

引用地址:

发表评论：

V君的博客

中二死宅无脑码农　中二御宅コーダー　Chuuni Otaku Coder　　　　　　　　TOPCL = The Open Productivity Creative Laboratory ?