node.js的jshtml快速布局



你好

有没有办法在jshtml中拥有母版页或布局

我试着用.net Razor风格来做这个,但没有效果。指向jshtml视图引擎的链接。

我的意图是让mastarpage,比如说被称为layout.jshtml和其他一些子页面,比如index.jshtml等等,就像剃刀中的一样。

更多解释我说"我想要一个主页"的意思我有Layout.jshtml,这是我的主页

<html>
<head>
    <link rel="stylesheet" href="/stylesheets/style.css" ></link>
</head>
<body>
@writeBody();


</body>
</html>

我还有另一个视图叫做some.jshtml

<h1>@locals.title</h1>
<div class="Mydata">
@locals.content
@locals.otherContent
</div>

当我在浏览器中运行这个页面时,我希望有layout.jshtml和some.jshtml的串联。some.jshtml内容在writeBody((中呈现;在布局.jshtml 中

当我提到串联时,我指的是这样的东西。这是我可以在浏览器中看到的结果。

<html>
<head>
    <link rel="stylesheet" href="/stylesheets/style.css" ></link>
</head>
<body>
<h1>title</h1>
<div class="Mydata">
content
otherContent
</div>
</body>
</html>

jshtml repo链接到jshtml express项目。

那里的文档给出了一个如何在项目中使用它的例子:

var express = require('express');
var port = parseInt(process.argv.pop());
var app = express();
app.configure(function() {
    app.use(express.bodyParser());
    app.use(app.router);
});
app.engine('jshtml', require('jshtml-express'));  // make sure you have installed via npm install jshtml-express
app.set('view engine', 'jshtml');

我自己没有使用过,但这个过程与其他模板系统(Jade、Handlebars等(类似。

我说"我想要主页"的更多解释我有Layout.jshtml,这是我的主页

<html>
<head>
    <link rel="stylesheet" href="/stylesheets/style.css" ></link>
</head>
<body>
@writeBody();


</body>
</html>

我还有另一个视图叫做some.jshtml

<h1>@locals.title</h1>
<div class="Mydata">
@locals.content
@locals.otherContent
</div>

当我在浏览器中运行这个页面时,我希望有layout.jshtml和some.jshtml的串联。some.jshtml内容在writeBody((中呈现;在布局.jshtml 中

当我提到串联时,我指的是这样的东西。这是我可以在浏览器中看到的结果。

<html>
<head>
    <link rel="stylesheet" href="/stylesheets/style.css" ></link>
</head>
<body>
<h1>title</h1>
<div class="Mydata">
content
otherContent
</div>
</body>
</html>

相关内容

  • 没有找到相关文章

最新更新