jade_out

0.1.1 • Public • Published

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.
});

客户端:

需求 1.jquery 2.dw

目录下 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>

Readme

Keywords

Package Sidebar

Install

npm i jade_out

Weekly Downloads

3

Version

0.1.1

License

none

Last publish

Collaborators

  • hezedu