88

ネットで答えを探していましたが、何も見つかりませんでした。私はそれを理解できないので、このちょっとしたコードのおやつは本当に私を苛立たせます。（これは、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>
  • それで、どのタイプtext/x-tmplですか？
  • これら{%と%}タグは何ですか？
  • どのパーサーがこのコードを実行しますか？
  • ..。

...しかし、これについてすべてを知りたいです。

4

4 に答える 4

64

x-tmplには実際の意味はなく、ブラウザがスクリプトをjavascriptとして解釈するのを停止するだけです。

これは主にjqueryテンプレートまたはknockoutjsテンプレートバインディングで使用されます。

ある時点で、javascriptデータオブジェクトをテンプレートと組み合わせて使用​​して、HTMLをレンダリングします。データオブジェクトの値は、テンプレートで{％}と同様にマークされた値を置き換え、ループなどのコードフローを反映するいくつかの{％}セクションに置き換えます。

どのテンプレートライブラリが{％}を使用しているかはわかりませんが、jqueryテンプレート、jsrender、またはノックアウトではありません。サンプルコードで参照されているライブラリを確認する必要があります。

于 2012-04-05T09:19:34.397 に答える
12

では、text / x-tmplとはどのようなタイプですか？

非標準のもの。テンプレートのように見えますが。

これらの{％および％}タグは何ですか？

テンプレート言語の一部。

どのパーサーがこのコードを実行しますか？

<script>おそらく、JavaScriptで記述され、同じページの別の要素にインポートされたものです。

于 2012-04-05T09:17:00.930 に答える
1

jQuery-File-UploadJavaScript-Templates非標準のtext/x-tmplmimeタイプを使用する依存関係があります

于 2019-10-07T10:53:30.093 に答える
-3

上記のコードは、 https： //github.com/sigurdga/django-jquery-file-uploadにあるプロジェクトDjangoJqueryファイルのアップロードを参照しています。

{%%}はDjangoテンプレートタグです。詳細については、https：//docs.djangoproject.com/en/dev/ref/templates/をご覧ください。

これらのタグは、djangoテンプレートシステムによって解析されます

于 2012-09-05T16:26:03.387 に答える