0

こんにちは！

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 で

連結について話すときは、このようなものを意味します。これはブラウザで見ることができる結果です。

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

</head>
<body>

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

</body>
</html>
4

2 に答える 2

0

「マスターページが欲しい」と言う意味の詳細説明私は 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 で

連結について話すときは、このようなものを意味します。これはブラウザで見ることができる結果です。

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

</head>
<body>

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

</body>
</html>
于 2013-04-22T20:21:36.077 に答える
0

jshtml リポジトリは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 など) と似ています。

于 2013-04-22T18:15:31.690 に答える