EJSテンプレートのクイックスタート
2547 ワード
一、EJSとは
EJSは、JSONデータからHTML文字列を生成するJavaScriptテンプレートライブラリです.ダウンロード先:http://embeddedjavascript.googlecode.com/files/ejs_1.0_developer.zip
二、なぜEJSを使うのか最初のJavaScriptと比較して、あなたのコードをよく知らない人はEJSテンプレートコードであなたのコードを簡単に理解することができます.リラックスして、感動的な清潔で簡潔な感じを楽しみましょう.とにかくコードをもっときれいにして、分かりやすくすることができます.
三、一つの実験を通して、EJSの使い方を説明する
これはバックグラウンドで返されるjsonデータフォーマットです.
実装効果:jsonデータに基づいて、ページに接続された無秩序なリストを生成して表示します.
javascriptコードのアセンブリを使用してhtml文字列を生成
このようなJavaScriptの組み立ての方式、htmlコードとjsコードは混合していっしょにいて、メンテナンスの修正に不利です.
EJSによるhtml文字列の生成
一、ejsテンプレートファイルを作成する
二、在需要使用ejs模版的html文件中加入一下代码
//テンプレートファイルをロードし、dataに づいてレンダリングし、html を します.dataはjsonオブジェクトです.
、EJS テンプレート
updateメソッドの のパラメータは が な idであり、2 のパラメータはjsonオブジェクトまたはjson URLであってもよい
、EJSから されたview helper コードを じて、これらのビューコンポーネントは、 である.....
のコードは のコードに しい
、EJSテンプレートエラー
EJSテンプレートでエラーが した 、EJSはエラーの な を します.あなたのページにejsを める があります.jslint.js、グーグルコードでダウンロードできます.JavaScriptデバッガを している 、このエラーはコンソールに されます.
、EJSテンプレートキャッシュ
EJSのデフォルトはテンプレートキャッシュをオンにします.これにより、1ページでテンプレートファイルを した 、1 のみ されます.
キャッシュを くかどうかはコードで できます:EJS.config({cache: false});//キャッシュを じる
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 += ""
for(var i=0; i"
html += data.supplies[i]+""
}
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});//キャッシュを じる