EJS または埋め込み Javascript テンプレートは、Node.js で使用されるテンプレート エンジンです。 テンプレート エンジンは、最小限のコードで HTML テンプレートを作成するのに役立ちます。また、クライアント側の HTML テンプレートにデータを挿入して、最終的な HTML を生成することもできます。
インストール手順
次のコマンドを使用してモジュールをインストールします。
npm install ejs --save>
注記：
上記のコマンドで、npm はノード パッケージ マネージャーを表し、すべての依存関係が保存されます。の
Node 5.0.0 以降では、インストールするすべてのモジュールが自動的に依存関係に追加されるため、-save フラグは必要なくなりました。
まず、設定する必要があります EJS テンプレートエンジンとして 急行 。 Express は、シングルページ、マルチページ、およびハイブリッド Web アプリケーションを構築するために設計された Node.js Web アプリケーション サーバー フレームワークです。の標準サーバーフレームワークとなっています。 Node.js 。
サーバーから渡されたデータは EJS ファイルに送信され、以下の行を使用してそのデータにアクセスでき、そのデータが h、p、または別のテキスト タグに渡されます。
>
このデータを if-else やループ、その他のプログラミング ステートメントなどの通常の JS 操作に使用したい場合は、次の形式で記述できます。
Cricket Football>
EJS ファイルまたは .js ファイルの script タグ内のデータにアクセスするには、次のようにそのデータを別の変数に渡すだけです。
let data = ''>
これで、EJS に渡されたデータ変数と同じ値を持つデータ変数に対して任意の操作を実行できるようになります。
例： プロジェクトでEJSを使用するための実装。
JavaScript // Filename - index.js // Set express as Node.js web application // server framework. // Install it using 'npm install express' command // and require like this: let express = require('express'); let app = express(); // Set EJS as templating engine app.set('view engine', 'ejs'); app.get('/', function(req, res) { res.render('home', {name:'Chris Martin'}); }); // Server setup app.listen(3000, function(req, res) { console.log('Connected on port:3000'); });> EJS のデフォルトの動作では、テンプレートをレンダリングするために「views」フォルダーを調べます。そこで、メイン ノード プロジェクト フォルダーに「views」フォルダーを作成し、ノード プロジェクトで必要なリクエストに応じて提供される home.ejs という名前のファイルを作成しましょう。
HTML 頭> サーバーから渡された EJS 変数のテキストは = h2> です <%=name%>h2>
スクリプト タグから渡された EJS 変数のテキスト = h2>h2>
操作後のスクリプト タグから渡される EJS 変数のテキスト = h2>h2>