EJSテンプレートのクイックスタート

2547 ワード

一、EJSとは
EJSは、JSONデータからHTML文字列を生成するJavaScriptテンプレートライブラリです.ダウンロード先:http://embeddedjavascript.googlecode.com/files/ejs_1.0_developer.zip
二、なぜEJSを使うのか最初のJavaScriptと比較して、あなたのコードをよく知らない人はEJSテンプレートコードであなたのコードを簡単に理解することができます.リラックスして、感動的な清潔で簡潔な感じを楽しみましょう.とにかくコードをもっときれいにして、分かりやすくすることができます.
三、一つの実験を通して、EJSの使い方を説明する
これはバックグラウンドで返されるjsonデータフォーマットです.
{title:	'Cleaning Supplies'
supplies: ['mop', 'broom', 'duster']}

実装効果:jsonデータに基づいて、ページに接続された無秩序なリストを生成して表示します.

javascriptコードのアセンブリを使用してhtml文字列を生成
var html = "

"+data.title+"

" html += ""

このようなJavaScriptの組み立ての方式、htmlコードとjsコードは混合していっしょにいて、メンテナンスの修正に不利です.
EJSによるhtml文字列の生成
一、ejsテンプレートファイルを作成する



二、在需要使用ejs模版的html文件中加入一下代码

//テンプレートファイルをロードし、dataに づいてレンダリングし、html を します.dataはjsonオブジェクトです.
var html = new EJS({url: 'cleaning.ejs'}).render(data);

、EJS テンプレート
var html = new EJS({url: 'cleaning.ejs'}).render(data);

updateメソッドの のパラメータは が な idであり、2 のパラメータはjsonオブジェクトまたはjson URLであってもよい
、EJSから されたview helper コードを じて、これらのビューコンポーネントは、 である.....
  •                

  • のコードは のコードに しい

  • 、EJSテンプレートエラー
    EJSテンプレートでエラーが した 、EJSはエラーの な を します.あなたのページにejsを める があります.jslint.js、グーグルコードでダウンロードできます.JavaScriptデバッガを している 、このエラーはコンソールに されます.
    、EJSテンプレートキャッシュ
    EJSのデフォルトはテンプレートキャッシュをオンにします.これにより、1ページでテンプレートファイルを した 、1 のみ されます.
    キャッシュを くかどうかはコードで できます:EJS.config({cache: false});//キャッシュを じる