Django

Django templates короткая запись for empty

Posted on by Сергей Иванов

Так вышло, что не знал о более короткой записи, если список пуст. Городил if else endif, а надо было делать так:

{% for article in articles %} 
    <h1>{{ article.name }}</h1> 
    {{ article.text|safe }}
{% empty %} 
    <h1>Добавьте статью</h1> 
    <p>Ещё не написано не одной статьи</p>
{% endfor %}

Старый вариант с if else.

{% if articles %}
    {% for article in articles %} 
        <h1>{{ article.name }}</h1> 
        {{ article.text|safe }}
    {% endfor %} 
{% else %}
    <h1>Добавьте статью</h1> 
    <p>Ещё не написано не одной статьи</p>
{% endif %}

For empty в Jinja2

Увы в Jinja2 я не нашел возможности использования похожей конструкции for. В документации написано про необходимость использовать комбинации if else.

VueJS конфликтует с Jinja2 и Django template

Posted on by Сергей Иванов
vuejs logo jinja2 logo django logo

В приложениях VueJS используется {{ varname }} для обработки шаблонов. В Jinja2 и Django шаблонах при рендеринге шаблона также используются фигурные скобки. Из-за этого возникает конфликт. Есть 3 способа решения проблемы.

VueJS — заменить фигурные скобки на что то другое

<!-- js файл -->
new Vue({
  delimiters: ['{*', '*}'],
  data: {
    VueVAR: 'test'
  }
})

<!-- html файл -->
<div id="app">
  {* VueVAR *} <!-- vuejs -->
  {{ name }}  <!-- переменная в Jinja2 или Django шаблоне переданная из views.py -->
</dev>

Использовать RAW в html для Jinja2

<!-- js файл -->
new Vue({
  data: {
    VueVAR: 'test'
  }
})

<!-- html файл -->
<div id="app">
  {{ VueVAR }}  <!-- vuejs -->
  {% raw %}
     {{ name }}  <!-- переменная в Jinja2 из views.py -->
  {% raw %}
</dev>

Для Django templates поменять фигурные скобки

# в файле setting.py
VARIABLE_TAG_START = '{*'
VARIABLE_TAG_END = '*}'

<!-- js файл -->
new Vue({
  data: {
    VueVAR: 'test'
  }
})

<!-- html файл -->
<div id="app">
{{ VueVAR }} <!-- vuejs -->
{* name *} <!-- переменная в Django template из views.py -->
</dev>

Ещё для Django использовать тег {% verbatim %}

<!-- html файл -->
<div id="app">
{% verbatim %}
{{ VueVAR }} <!-- vuejs -->
{% endverbatim %}
{{ name }} <!-- переменная в Django template из views.py -->
</dev>

Для Django последний способ рекомендуют использовать в большинстве случаев.