2016-07-26 6 views
0

sctoch.ioでこのチュートリアルを実行してejsファイルを使用しましたが、私は現在のページを含むメインインデックスを探しています。ノードjs .ejsファイルメインインデックス

チュートリアルでは、すべてのニュースページ内にヘッダー、ヘッダー、フッターを追加します。

しかし、これを一度書きたいと思います。例:

ナビゲーションバーの別のリンクをクリックすると、メインファイル内の良いページを読み込むにはどうすればよいですか?

答えて

0

あなたはExpressと彼のテンプレートエンジン(ビュー)を使用する必要がありますまず第一に、これだけのすべての新しいファイルにヘッダーとフッターを追加するには

<% include header %> 

<!-- yout html code --> 

<% include footer %> 

そして、あなたはそれが単に

を言うのレンダリングを行います..justすべて閉じ
res.render('YourNewFile'); 

あなたのヘッダーは次のようになります。..

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width"> 
    <title><%- title %></title> 
    <link rel="stylesheet" href="/css/style.css"> 
</head> 
<body> 

とフッターいくつかのスクリプトを読み込んでください。

<script src="..."></script> 
</body> 
</html>