クライアント側のテンプレートはすでに現実のものです

背景

VKontakteソーシャルネットワーク用のIFrameアプリケーションを開発しています。 アプリケーションをナビゲートする最も便利な方法は、ページ全体をリロードせずにデータを動的にロードすることです。 以前、私はEJS-JavaScript Templatesに出会うまで、サーバーに表示する必要があるhtmlコードを生成しました...

EJS-組み込みJavaScript

EJSは、私にとって最も便利で適切なテンプレートエンジンの1つであることがわかりました。 単一の変数と配列（オブジェクトの読み取り）の両方で機能し、ロジック（if ... else ...）があります。



このテンプレートエンジンで何ができるかを例を示してみましょう。



テンプレート-/templates/question.ejs：

<div>

  <% if(question) { %>

   <h2><%= author %>: <%= question %></h2>

   <div><textarea name="answer" id="answer"></textarea></div>

   <ul class="nNav btnList">

     <li>

      <a href="" onclick="ACT.question.answer('index'); return false;"></a>

     </li>

   </ul>

  <% } else { %>

   <h2> , !</h2>

  <% } %>

</div>



* This source code was highlighted with Source Code Highlighter.

— /data/question.php:

{"id":"98","question":"What are you doing now?","author":"Mihalich88"}



* This source code was highlighted with Source Code Highlighter.

:

$.ajax({

  type: "POST",

  url: "/data/question.php",

  dataType: "json",

  data: data,

  success: function(ans){

   var html = new EJS({url: ' /templates/question.ejs'}).render(ans);

  }

});



* This source code was highlighted with Source Code Highlighter.

+ «»

1. , .. json-,
2. , ..
3. MVC , «V»
4. Opera Mobile 10

— «»

1. , RIA

, EJS: http://formspring.vk-app.ru

: *.ejs. , *.tpl, — … , , .