Czy możesz użyć dwóch szablonów HTML, takich jak Handlebars i Jinja

Question

Próbuję napisać aplikację w javascript z biblioteką ember.js, która opiera się głównie na systemie szablonów Handlebars. Jednak używam FLASK, który również używa systemu szablonowego jinja.

Czy można korzystać z obu renderów szablonów w tym samym czasie? Czy muszę używać jednego na drugim. Ktoś, kto ma doświadczenie w używaniu zarówno flask, jak i ember.js wie, który z nich mógłby być łatwiej zastąpiony innym? (Może kierownica jest znacznie łatwiejsza do zastąpienia Jinja lub odwrotnie).

Answer 1

Należy zauważyć, że te dwa silniki szablonów znajdują się w różnych miejscach. Jinja2 uruchomi się po stronie serwera, Handlebars uruchomi się po stronie klienta. Jeśli chcesz, możesz potencjalnie użyć obu bez zakłóceń.

Ale z tym powiedziane, naprawdę nie ma potrzeby korzystania z szablonów po stronie serwera, jeśli masz frameworka bogatych klientów, takich jak ember.js. W twojej sytuacji serwer Flask będzie prawdopodobnie miał trasy, które obsługują dane przez żądania ajaxowe z powrotem do klienta ember.js, więc klient jest naprawdę najlepszym miejscem do renderowania szablonu.

Answer 2

Jak powiedział @Miguel, naprawdę nie potrzebujesz Jinja2, jeśli używasz ember.js, zorientowałem się, że nie chcesz renderować tych szablonów, po prostu zwróć plik flask.send_file ("tutaj plik html") zamiast tego zwraca flask.render_template ("tutaj twój plik html"). Aby uzyskać więcej informacji, patrz docs.

Answer 3

Chociaż zasadniczo zgadzam się zarówno z @Miguelem i @Ali, kilka firm, z którymi współpracowałem, wymieszałem model RESTful dla interfejsów API z kodem generowanym przez serwer. [. UWAGA: Nie powinno to być przypadek, gdy za pomocą Ember, ale pracuję z kolbą/Jinja2 i szkieletowej w bazie kodu mojego obecnego klienta]

faktycznie znalazłem rozwiązanie używając Pybars, w oparciu o pewne czytanie ze Khan Academy's style guide:

@app.template_filter("handlebars") 
def handlebars_filter(context, filepath): 
    source = open(filepath, "r").read().decode('utf-8') 
    template = pybars.Compiler().compile(source) 

    return Markup(u"".join(template(context))) 

Answer 4

można oznaczyć jako sekcje kodu {% raw %} powiedzieć jinja2 go zignorować. Zawiń szablon handlebars.js w surowych tagach takich jak:

{% raw %} 
<script id="foo-template" type="text/x-handlebars-template"> 
    <p>{{foo}} - {{bar}}</p> 
</script> 
{% endraw %}