Рубрики
Без рубрики

Jinja – короткое введение и пример приложений

Короткое введение в Jinja2 плюс два приложения с открытым исходным кодом для игры. Помечено с Jinja, Python, WebDev, appseed.

  • Автор записи Автор: Sm0ke
  • Дата записи 01.04.2022

Hello Coders,

Эта статья – Короткое введение в Jinja , современный язык шаблонов, используемый Python Programmers в рамках, таких как колбу, бутылка, необязательно в Django (начиная с версии 1.8). Для тех, кто уже знаком с Jinja2 и Fast-runners, я сделаю несколько ссылок ниже в несколько хороших шаблонов Jinja, предоставленные как Super Simple Flask Stearers (без базы данных или жестких зависимостей):

Спасибо за прочтение! – Содержание, предоставленное Генератор приложений Отказ

✨ колбу/джиндзя пиксель интернет-интерфейс

Pixel – это бесплатный, полностью отзывчивый и современный нагрузочный нагрузки 4 UI, который поможет вам построить творческие и профессиональные сайты. Используйте наши компоненты и разделы, переключите переменные SASS для создания и устранения страниц, чтобы наилучшим образом удовлетворить ваши потребности. Pixel Lite поставляется с 6 премиум-примерными страницами, которые мы создали, чтобы показать вам красивые пользовательские интерфейсы, которые могут быть созданы.

✨ колбу/дзинья Датри

Datta Impress поставляется с ошибками/без ошибок, хорошо структурированным, хорошо прокомментированным кодом и регулярно со всем последним обновленным кодом. Который экономит ваше большое количество разрабатывающего времени приложения Backend, и он полностью настраивается. Этот современный комплект пользовательского интерфейса, созданного CodedTedTemes, имеет богатый комплект пользовательского интерфейса и предварительно построенные страницы: приборной панели, карты и страницы аутентификации.

✨ колбу/джиндзя загрузчик 5 вольт

Volt Dashboard представляет собой бесплатную и открытую загрузочную панелью 5 администраторов 5 с использованием более 100 компонентов, 11 примерных страниц и 3 плагина с ванильными JS. Существует более 100 бесплатных загрузочных компонентов 5 компонентов, включающих некоторые из них, будучи пуговицами, оповещениями, модалами, на сегодняшний день DatePickers и так далее.

✨ Флэк/джиндзя материал Lite WPX

MateralPro Lite PRAPPIXEL является одним из лучших шаблонов Bootstrap для приборных панелей администратора и панелями управления администраторами. Он сочетает в себе цвета, которые легко на глазах, просторных открытках, красивой типографии и графике.

Что такое джинджа

Jinja2 – это двигатель шаблона Python, используемый для генерации HTML или XML, возвращается пользователю через ответ HTTP.

Для тех, кто не подвергался воздействию на язык шаблонов до того, как такие языки по существу содержат переменные, а также некоторую логику программирования, которые при оценке (или отображаются в HTML) заменены фактическими значениями.

Почему нам нужна Jinja?

Песочковое исполнение – Он предоставляет защищенную рамку для автоматизации тестирования программ, поведение которых неизвестно и должно быть исследовано.

HTML выходит Jinja 2 имеет мощную автоматическую автоматическую аттестацию HTML, которое помогает предотвратить скрипты по перекрестным сайтам (XSS атаку). Есть специальные символы, такие как>, <, & и т. Д., которые несут особые значения в шаблонах. Таким образом, если вы хотите использовать их как обычный текст в ваших документах, замените их объектами. Не делать этого, может привести к XSS-атаке.

Шаблон наследования – Эта функция помогает нам генерировать новые страницы, начиная с базового шаблона, который мы наследство общая структура.

Как получить jinja2

Чтобы начать играть с ним, просто откройте терминал и введите:

$ pip install jinja2

Jinja в действии

Простое время выполнения заменить

>>> from jinja2 import Template
>>> t = Template("Hello {{ token }}!")
>>> t.render(token="Jinja2")
u'Hello Jinja2!'

Двигатель заменит внутреннее токен со значением Jinja2. . Это довольно полезно, когда мы используем этот блок для разных токен значения.

Перечисляет итерацию

В веб-разработке мы можем иметь случаи, когда список должен отображаться на странице: зарегистрированные пользователи, например, или простой список параметров. В Jinja мы можем использовать Для структуры как ниже:

# Define data structure
my_list=[0,1,2,3,4,5] # a simple list with integers

В Jinja мы можем с легкостью повторять, используя для блокировать:

...
      
    
        {% for n in my_list %}
        
  • {{n}}
    • 
        {% endfor %}
      

...

Наследование шаблона

Шаблоны обычно используют преимущества наследования, который включает в себя один базовый шаблон, который определяет основную структуру всех последующих шаблонов детей. Вы используете теги {продлен} и {Block} для реализации наследования.

Давайте посмотрим на реальный образец:

Родитель HTML – сохранен как base.html.


  
    My Jinja {% block title %}{% endblock %} 
  
  
    

      
This is from the base template

      

      { block content }{ endblock }

Ребенок шаблон – сохранен как child.html

{ extends "base.html" }

{ block title } MySample { endblock }

{ block content }
  Cool content here
{ endblock }

Когда Jinja загружает Child.html Блок {Extends} информирует двигатель, чтобы объединить base.html Шаблон с контентом, предоставленным Child.html.

  • {блок названия} стать MySample.
  • {Block Content} стать Классное содержание здесь

Вот последний HTML, генерируемый Jinja:


  
    My Jinja MySample
  
  
    

      
This is from the base template

      

      Cool content here

Эта мощная функция помогает нам с легкостью создавать сложные веб-приложения, используя общие страницы и компоненты для сгенерированных динамических страниц, гидратированных с реальной информацией, загруженной из базы данных или предоставленных пользователями, например.

Спасибо за прочтение! Дайте мне знать ваши мысли в комментариях.

Ресурсы и ссылки

Оригинал: “https://dev.to/sm0ke/jinja2-short-introduction-and-sample-apps-nb”

Читайте ещё по теме: