kino.razor javascript模版工具

程序名称：kino.razor

授权协议: GPL

操作系统: 跨平台

开发语言: JavaScript

kino.razor 介绍

kino.razor-一个javascript模版工具。简单易用，而且入门成本极低，对于熟悉asp.net mvc的razor模版的程序员更是0学习成本。

如何使用？

web页面使用时，只需要增加script标签引入:

或者压缩版本：

node.js 使用：

npm install razor

node.js代码引用：

var razor = require("razor");

kino.razor第一个参数是”模版字符串“或者”模版函数“（模版函数后面会解释）

var str = kino.razor("hey, @name!", { name: 'kino' }); //result: "hey, kino!"

当只传递了模版字符串时，结果将返回一个模版函数：

var r = kino.razor("hello!@name"); //type of r is function

模版会自动把缺失的变量置空（这个是某些模版没有考虑到的）：

var templateStr = "hey, @xxx";  var str = kino.razor(templateStr, {}); //result: "hey, "

多次重复使用时，建议将模版函数保持起来，使用时，再把模版函数和数据当参数传入，以提高性能

var tf = kino.razor("hello!@name");  var str = kino.razor(tf, { name: 'kino' });  //result: "hello!kino"

以下是一些模版用法

脚本块

var templateStr = "@{var fname='kino';}this is @fname @lname";  var str = kino.razor(templateStr, {lname:'jack'}); //result: "this is kino jack"

使用条件判断

var templateStr = "@if(1==0){if you see this word,your test is Failed}"; var str = kino.razor(templateStr, {}); //result: ""

循环

var templateStr = "@for(var i = 0; i @i}";  var str = kino.razor(templateStr, {});  //result: "012"   templateStr = "@{var i = 3;}@while(i--){@i}"; str = kino.razor(templateStr, {});  //result: "210"

使用 HtmlHelper.escape函数（可自己扩展kino.razor.HtmlHelper)

var templateStr = "";  var str = kino.razor(templateStr, { test: "kino's test", otherAttr: "\"one more test\"" }); //result: ""

@@转义为@

var templateStr = "{@name@@gmail.com}";  var str = kino.razor(templateStr, { name: 'kino' });  //result: '{[email protected]}'

当在asp.net mvc3使用时，可以替换掉@符号，使用其他符号，例如 $ 代替

kino.razor.use("&");  var str = kino.razor("&name@&email", { name: "kinogam", email: "gmail.com" });  //"[email protected]"   kino.razor.use("$");  var str = kino.razor("$name@$email", { name: "kinogam", email: "gmail.com" }); //"[email protected]"

可以使用 @(name) 这种风格

var str = kino.razor("hey, zz@(name)zz!", { name: 'kino' }); //result: "hey, zzkinozz!"

当然我希望大家都能把模版放到页面上，以便代码和视图分离，比如：

然后读取 document.getElementById(“temp_hello”).innerHTML

PS：假如大家也有玩github的话，欢迎fork我的项目，并pull
request，同时有技术问题也可以发送邮件到我的邮箱[email protected],谢谢。

kino.razor 官网

https://github.com/kinogam/kino.razor