Expressで複数のファイルを呼び出す - EJS

私はウェブアプリケーション用に4-ejs expressの組み合わせを使用していますが、複数のファイルをどのようにレンダリングすることができますか？Expressで複数のファイルを呼び出す - EJS

のは、私はすべてのページにレンダリングするheader.ejs、およびheader.ejsコードをあるしているとしましょう：header.ejsファイルを呼び出すことで

<div class="wrapper"> 
    <div class="header-area">Header IS Gonna Be Here</div> 
    <div class="content-area">Content Area Gonna Be Different on Every Page Depend on the Router</div> 
</div>

私の既存の方法はusing res.render()ですが、私はできません同時に複数のファイルをレンダリングすることができます。あなたの答えをありがとう、あなたが私の質問が既に尋ねられたと感じるなら、私はそれをチェックアウトするリンクを与えることができますか？

出典

2017-06-20 myd07

コンセプトはレイアウトのテンプレートと呼ばれ、基本的に静的に保たれるヘッダーフッターのような部分を作成します。 res.renderに（）あなたが必要とするデータとビューをレンダリングし、ヘッダとフッタことに追加します。

app.get('/', function(req, res){ 
    res.render('index',{user:"John Smith"}) 
// pass main ejs file name, pass any data variables 
});

文を含める使用して他のEJSファイルと結合し、index.ejsという名前のファイルをレンダリングします。あなたが最初に

<!DOCTYPE html> 
< html lang="en"> 
    < head> 
    <% include ../partials/head %> 
    </ head> 
    < body class="container"> 
    < header> 
     <% include ../partials/header %> 
    </ header> 
    < main> 
     < div class="jumbotron"> 
     < h1> This is great </ h1> 
     < p> Welcome to templating using EJS </ p> 
     < p> welcome <%= user%>;< /p> 
     </ div> 
    </ main> 
    < footer> 
     <% include ../partials/footer %> 
    </ footer> 
    </ body> 
</ html>

Check for tutorial

出典

2017-06-20 06:34:47

を設定しているとどのように異なるルートに含めるためにどのファイルを区別するよう確認してくださいindex.ejsを眺めディレクトリにある作るのですか？ – myd07

更新された回答を確認してください。 –

ありがとう、それは働いた – myd07

Expressで複数のファイルを呼び出す - EJS

答えて

関連する問題