Che cos'è x-tmpl?

Question

Cercavo la risposta in rete, ma non ho trovato nulla. Questo piccolo spuntino di codice mi frustra davvero, perché non riesco a capirlo. (E 'parte del plugin chiamato: jQuery File Upload)

<script id="template-download" type="text/x-tmpl"> 
{% for (var i=0, file; file=o.files[i]; i++) { %} 
    <tr class="template-download fade"> 
    {% if (file.error) { %} 
     <td></td> 
     <td class="name"><span>{%=file.name%}</span></td> 
     <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td> 
     <td class="error" colspan="2"><span class="label label-important">{%=locale.fileupload.error%}</span> {%=locale.fileupload.errors[file.error] || file.error%}</td> 
    {% } else { %} 
     <td class="preview">{% if (file.thumbnail_url) { %} 
      <a href="{%=file.url%}" title="{%=file.name%}" rel="gallery" download="{%=file.name%}"><img src="{%=file.thumbnail_url%}"></a> 
     {% } %}</td> 
     <td class="name"> 
      <a href="{%=file.url%}" title="{%=file.name%}" rel="{%=file.thumbnail_url&&'gallery'%}" download="{%=file.name%}">{%=file.name%}</a> 
     </td> 
     <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td> 
     <td colspan="2"></td> 
    {% } %} 
    <td class="delete"> 
     <button class="btn btn-danger" data-type="{%=file.delete_type%}" data-url="{%=file.delete_url%}"> 
      <i class="icon-trash icon-white"></i> 
      <span>{%=locale.fileupload.destroy%}</span> 
     </button> 
     <input type="checkbox" name="delete" value="1"> 
    </td> 
    </tr> 
{% } %} 
</script> 

• Quindi, che tipo è text/x-tmpl?
• Cosa sono questi tag {% e %}?
• Quale parser esegue questo codice?
• ...

... ma vorrebbe sapere tutto di questo.

Answer 1

x-tmpl non ha alcun significato reale, semplicemente impedisce al browser di interpretare lo script come javascript.

Viene utilizzato principalmente con modelli jquery o knockoutjs template binding.

A un certo punto, un oggetto dati javascript verrà utilizzato insieme al modello per il rendering di alcuni html. I valori nell'oggetto dati sostituiranno quelli contrassegnati con {%} e simili nel modello, con alcune {%} sezioni che riflettono il flusso di codice come loop ecc.

Non sono sicuro quale libreria di modelli utilizza {%} tuttavia, non sono modelli jquery, jsrender o knockout. Dovresti controllare a quali librerie si fa riferimento nel codice di esempio.

Answer 2

Quindi, che tipo è testo/x-tmpl?

Uno non standard. Sembra un modello però.

Quali sono questi tag {% e%}?

Parte del linguaggio modello.

Quale parser esegue questo codice?

Probabilmente uno scritto in JavaScript e importato in un altro elemento <script> nella stessa pagina.

Answer 3

Il codice sopra i riferimenti al progetto Django Jquery File Upload trovato qui https://github.com/sigurdga/django-jquery-file-upload

La {%%} sono Django tag modello. Per ulteriori informazioni visitare https://docs.djangoproject.com/en/dev/ref/templates/

Questi tag saranno analizzati dal sistema di template Django