jade_out
v0.1.1
Published
浏览器端模版
Downloads
1
Readme
jade_out(未完成)
将 jade 模版发射到前端,前端动态引用后,接收JSON数据___绑定___ 视图并渲染。
###安装
npm install jade_out
##服务器端:
- 它是一个 express 中间件,需求express 4.x.
###用法
//加载 app.js
var jade_out = require('jade_out');
app.use('/jade_out',jade_out(path.join(__dirname, 'jade_out'))); //path默认 process.cwd() + '/jade_out'
//输出
app.get('/test',function(req,res){
res.jade_out('tpl.jade',{title:'hello jade_out'});
});
###opts(以下为默认值)
app.use('/jade_out',jade_out(path.join(__dirname, 'jade_out'),{
maxAge: 1000 * 60 * 60 * 24 * 365 , //模版缓存时间,模版etag会随着JSON数据传输,因此即使缓存一年也能动态更新。
watch:true,//监测模版文件是否修改,并动态更新模版缓存.
uglify:false //是否压缩模版编译文件, 线上环境默认为true.
});
目录下 jquery-jade_out-min.js
文件为客户端文件。
其中包含jade的runtime.js,因此暴露到全局变量有两个:jade,jade_out
。
###用法
<html>
<head>
<script src="/../jquery-2.1.4.min.js"></script>
<script src="/../dw.js"></script>
<script src="/../jquery-jade_out-min.js"></script>
</head>
<body>
<div id ="test"></div>
<script>
$('#test').jade_out('/test',function(data){
setTimeout(function(){
data.name= 'test';//视图将会改变
},3000);
});
</script>
</body>
</html>