19

Hier ist ein Beispiel für JavaScript-Vorlage von Ben Nadel der Demo einziger Seite langlebiger AJAX-Anwendung entnommen aus: [source]Wann sollten JavaScript-Template-Engines verwendet werden?

<script id="contact-list-item-template" type="application/template"> 

    <li class="contact clear-fix"> 

      <div class="summary"> 
        <a class="name">${name}</a> 
      </div> 

      <div class="actions"> 
        <a href="javascript:void(0)" class="more">more</a> &nbsp;|&nbsp; 
        <a href="#/contacts/edit/${id}" class="edit">edit</a> &nbsp;|&nbsp; 
        <a href="#/contacts/delete/${id}" class="delete">delete</a> 
      </div> 

      <dl class="details clear-fix"> 
        <dt> 
          name: 
        </dt> 
        <dd> 
          ${name} 
        </dd> 
        <dt> 
          phone: 
        </dt> 
        <dd> 
          ${phone} 
        </dd> 
        <dt> 
          email: 
        </dt> 
        <dd> 
          ${email} 
        </dd> 
      </dl> 

    </li> 

Ich mag fragen, was der Zweck einen JavaScript-Template-Engines verwendet wie ist Das? Ist es zum Speichern der Bandbreite? Geht es nur um Separation of concerns? Wird es bei der Bekämpfung der Speicherlecks Probleme helfen?

Wann sollte ich die Template-Engine verwenden und wann ist es einfacher, HTML-AJAX-Antworten zu verwenden?

Verwandte Diskussion:

JQuery templating engines

+2

würde Ich mag diese auch wissen: Wenn wir Client-Seite Templat verwenden Sie? – jrharshath

+0

@Jr: Bitte beziehen Sie sich auf meine Antwort. – Tarik

Antwort

39

Templating ist eine gute Lösung in einigen Szenarien:

  • alle Daten vom Server Laden vor allem in den reichen Liste zeigt
  • Hinzufügen oder Aktualisierung neuer Artikel in Listen
  • Überall, wo Sie brauchen t o fügen Sie neue komplexe Inhalte auf die Seite
  • Alles, was die Darstellung von HTML Client-Seite erfordert

Quelle: http://www.west-wind.com/Weblog/posts/509108.aspx

+0

Ich wünsche ich kann Ihre Antwort zweimal upvote :) Danke, Aaron – ep3static

+0

Ich bin froh, Ihnen zu helfen :) Danke ... – Tarik

+1

"Alles, was Client-Seite HTML-Rendering erfordert". Benötigt nicht (fast) jedes HTML-Rendering? Oder meinst du, wenn Javascript verwendet wird, um Dinge dynamisch zu rendern? – BVernon

Verwandte Themen