node.js jshtml express布局

node.js jshtml express布局,node.js,viewengine,Node.js,Viewengine,你好 有没有办法让母版页或布局使用jshtml? 我试着用.NETRazor的风格做这件事,但没有成功。 我的意图是让mastarpage(比如说)被称为layout.jshtml和其他一些子页面,比如index.jshtml等等,就像它在razor中一样 更多解释我所说的“我想要母版” 我有Layout.jshtml,这是我的母版页 @写本(); 我还有另一个视图,叫做some.jshtml <h1>@locals.title</h1> <div clas

你好

有没有办法让母版页或布局使用jshtml?

我试着用.NETRazor的风格做这件事,但没有成功。

我的意图是让mastarpage(比如说)被称为layout.jshtml和其他一些子页面,比如index.jshtml等等,就像它在razor中一样


更多解释我所说的“我想要母版” 我有Layout.jshtml,这是我的母版页


@写本();
我还有另一个视图,叫做some.jshtml

<h1>@locals.title</h1>
<div class="Mydata">
@locals.content
@locals.otherContent
</div>
<h1>@locals.title</h1>
<div class="Mydata">
@locals.content
@locals.otherContent
</div>
@locals.title
@本地人。内容
@本地人。其他内容
在浏览器中运行此页面时,我希望将layout.jshtml和some.jshtml连接起来。some.jshtml的内容以writebook()呈现;在layout.jshtml中

当我提到连接时,我的意思是这样的。这是我可以在浏览器中看到的结果

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

</head>
<body>

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

</body>
</html>
<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链接到该项目

其中的文档给出了如何在项目中使用此功能的示例:

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、handlebar等)类似

更多解释我所说的“我想要母版” 我有Layout.jshtml,这是我的母版页


@写本();
我还有另一个视图,叫做some.jshtml

<h1>@locals.title</h1>
<div class="Mydata">
@locals.content
@locals.otherContent
</div>
<h1>@locals.title</h1>
<div class="Mydata">
@locals.content
@locals.otherContent
</div>
@locals.title
@本地人。内容
@本地人。其他内容
在浏览器中运行此页面时,我希望将layout.jshtml和some.jshtml连接起来。some.jshtml的内容以writebook()呈现;在layout.jshtml中

当我提到连接时,我的意思是这样的。这是我可以在浏览器中看到的结果

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

</head>
<body>

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

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

</head>
<body>

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

</body>
</html>

标题
内容
其他内容

Hello Nick,感谢您的回复,是的,我已经通过npm安装了jshtml express,并添加了您提到的代码行,而且我能够运行*.jshtml文件来显示我的数据。但是我不知道如何设置我的应用程序来拥有masterpage。明白了,我想我有点不清楚masterpage是什么意思。你能详细介绍一下吗?