◀ 3.

EJSにおけるテンプレートの共通化(組み込み)

編集
ページの作成
テンプレートを更新

ページの作成

親となるページを選択してください。

ページは必ず何かしらの親ページに紐づきます。
親ページに紐づくページを子ページといいます。
例： 親=スポーツ, 子1=サッカー, 子2=野球

子ページを親ページとして更に子ページを作成することも可能です。
例： 親=サッカー, 子=サッカーのルール

親ページはいつでも変更することが可能なのでとりあえず作ってみましょう！

サーバー

server.js

var http = require('http');
var ejs = require('ejs');
var fs = require('fs');

var contents_template = fs.readFileSync('contents.ejs', 'utf-8')
var common_template = fs.readFileSync('common.ejs', 'utf-8')

var server = http.createServer(function (req, res) {
    var templates = ejs.render(
        common_template, {
            contents: ejs.render(
                contents_template, {
                    key1: 'val1',
                }
            )
        }
    )

    res.writeHead(200, {'Content-type': 'text/html'});
    res.write(templates);
    res.end();
});

server.listen(8000);
console.log('サーバー起動中...')

 

EJS

common.ejs

<html>
    <head>
        <meta charset='utf-8'>
    </head>
    <body>

        <%- contents %>

    </body>
</html>

 

contents.ejs

<p>contents key1: <%= key1 %></p>

 

起動

node server.js

 

出力結果

編集
ページの作成
テンプレートを更新

ページの作成

親となるページを選択してください。

ページは必ず何かしらの親ページに紐づきます。
親ページに紐づくページを子ページといいます。
例： 親=スポーツ, 子1=サッカー, 子2=野球

子ページを親ページとして更に子ページを作成することも可能です。
例： 親=サッカー, 子=サッカーのルール

親ページはいつでも変更することが可能なのでとりあえず作ってみましょう！
子ページ
子ページはありません
同階層のページ
  1. インストール
  2. 値の表示と処理の記述
  3. テンプレートの共通化(組み込み)

人気ページ

最近更新/作成されたページ