node.js jshtml-快速布局

Question

你好！

有没有办法在jshtml中使用母版页或布局？

我试着用.net Razor风格来做这件事，但没有成功。链接到jshtml视图引擎。

我的意图是让主页面被称为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()；layout.jshtml中呈现

当我提到级联的时候，我的意思是像这样的someThing。这是我可以在浏览器中看到的结果。

<html>
<head>
    <link rel="stylesheet" href="/stylesheets/style.css" ></link>

</head>
<body>

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

</body>
</html>

Answer 1

jshtml回购链接到jshtml-快递项目。

那里的文档给出了如何在您的项目中使用它的示例：

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，车把等等)是相似的。

Answer 2

更多地解释我所说的“我想拥有主页”我有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()；layout.jshtml中呈现

当我提到级联的时候，我的意思是像这样的someThing。这是我可以在浏览器中看到的结果。

<html>
<head>
    <link rel="stylesheet" href="/stylesheets/style.css" ></link>

</head>
<body>

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

</body>
</html>