kino.razor-一个javascript模版工具。简单易用，而且入门成本极低，对于熟悉asp.net mvc的razor模版的程序员更是0学习成本。
如何使用？
web页面使用时，只需要增加script标签引入:
<script src="kino.razor.js"></script> |
或者压缩版本：
<script src="kino.razor.min.js"></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){<span>if you see this word,your test is failed</span>}"; var str = kino.razor(templateStr, {}); //result: "" |
循环
var templateStr = "@for(var i = 0; i < 3; i++){<span>@i</span>}"; var str = kino.razor(templateStr, {}); //result: "<span>0</span><span>1</span><span>2</span>" templateStr = "@{var i = 3;}@while(i--){<span>@i</span>}"; str = kino.razor(templateStr, {}); //result: "<span>2</span><span>1</span><span>0</span>" |
使用 HtmlHelper.escape函数（可自己扩展kino.razor.HtmlHelper)
var templateStr = "<input yyy='@Html.escape(test)' xxx=\"@Html.escape(otherAttr)\" />"; var str = kino.razor(templateStr, { test: "kino's test", otherAttr: "\"one more test\"" }); //result: "<input yyy='kino's test' xxx=\""one more test"\" />" |
@@转义为@
var templateStr = "{@name@@gmail.com}"; var str = kino.razor(templateStr, { name: 'kino' }); //result: '{kino@gmail.com}' |
当在asp.net mvc3使用时，可以替换掉@符号，使用其他符号，例如 $ 代替
kino.razor.use("&"); var str = kino.razor("&name@&email", { name: "kinogam", email: "gmail.com" }); //"kinogam@gmail.com" kino.razor.use("$"); var str = kino.razor("$name@$email", { name: "kinogam", email: "gmail.com" }); //"kinogam@gmail.com" |
可以使用 @(name) 这种风格
var str = kino.razor("Hey, zz@(name)zz!", { name: 'kino' }); //result: "Hey, zzkinozz!" |
当然我希望大家都能把模版放到页面上，以便代码和视图分离，比如：
<script type="text/template" id="temp_hello">
<div>
<span>hello @name!</span>
</div>
</script> |
然后读取 document.getElementById(“temp_hello”).innerHTML
PS：假如大家也有玩github的话，欢迎fork我的项目，并pull request，同时有技术问题也可以发送邮件到我的邮箱kinogam@gmail.com,谢谢。
-
模板决定了网站内容的呈现方式，每个主题至少都应包含一个 index 模板，以下是各页面相对应的模板名称： 模板 用途 回退 index 首页 post 文章 index page 分页 index archive 归档 index category 分类归档 archive tag 标签归档 archive 布局（Layout） 如果页面结构类似，例如两个模板都有页首（Header）和页脚（Foo
-
6.3.1 模板继承 我们的模板例子现在还是HTML片断，但是真实世界你将使用模板系统输出完整的HTML页面 这将导致常见的Web开发问题：怎样减少一个常见页面区域的重复和冗余(如全站导航)？ 解决这个问题的经典方式是使用服务器端引入和导向，你可以在你的HTML里面嵌套另一个页面 模板系统确实也支持这种方式，上面介绍的{% include %}模板标签就是这种方案 但是解决这个问题的更好的方式是模
-
6.3 模版包含 这个标签允许你引入另一个模板的内容，标签的参数是你想引入的模板的名字，名字可以是变量， 也可以是单引号或双引号表示的string 下面两个例子引入了模板nav.tpl的内容，这表示单引号和双引号都是允许的： {% include 'nav.tpl' %} {% include "nav.tpl" %} 下面的例子引入了includes/nav.tpl模板： {% include
-
本文向大家介绍Nodejs express框架一个工程中同时使用ejs模版和jade模版，包括了Nodejs express框架一个工程中同时使用ejs模版和jade模版的使用技巧和注意事项，需要的朋友参考一下 在某些项目中，比如你接手了一个别人的项目然后你不想用蛋疼的ejs，或者你不想用蛋疼的jade。你有不想重写之前的页面，那么你现在可能需要新引入ejs或者jade模块，你仅仅需要做下面两步也
-
简介 模板方法模式定义了一个算法的步骤，并允许子类别为一个或多个步骤提供其实践方式。让子类别在不改变算法架构的情况下，重新定义算法中的某些步骤。在软件工程中，它是一种软件设计模式，和C++模板没有关连。 实例 事实上，模版方法是编程中一个经常用到的模式。先来看一个例子，某日，程序员A拿到一个任务：给定一个整数数组，把数组中的数由小到大排序，然后把排序之后的结果打印出来。经过分析之后，这个任务大体上
-
Tornado 包含了一个简单, 快速, 灵活的模版语言. 这章节也描述了与语言相关的国际化问题. Tornado 也可以使用其它的 Python 模版语言, 虽然没有将这些系统的整合到 中. 而是简单的将模版转换成字符串发送给 设置模版 默认情况下, Tornado 会寻找在当前 .py 文件相同目录下的所关联的模版文件. 如果要将模版文件放到另外一个目录中, 使用 template_path
-
版本模型 版本控制系统的核心任务是实现协作编辑和数据共享，但是不同的系统使用不同的策略实现这个目的。我们有许多理由要去理解这些策略的区别，首先，如果你遇到了其他类似Subversion的系统，可以帮助你比较现有的版本控制系统。此外，可以帮助你更有效的使用Subversion，因为Subversion本身支持不同的工作方式。 文件共享的问题 所有的版本控制系统都需要解决这样一个基础问题：怎样让系统允
-
一、简介 管理系统风格和对应模版信息。如设置允许，还能在线编辑模版文件！ 二、功能演示 说明：为了安全起见，请把 caches\configs\system.php 文件中 'tpl_edit'=>1,//是否允许在线编辑模板 =》'tpl_edit'=>０,//０代表不允许前台编辑模版 模版存放路径：phpcms\templates\default default:为风格名称 ，你可以在网站内放