Автор оригинала: Pankaj Kumar.
Эй, ребята!! Добро пожаловать в еще один учебник из нашей серии колб. В этой статье мы узнаем о шаблонах в веб-фреймворке Flask и о том, как их использовать. Так что давайте начнем!
Что такое шаблоны?
Шаблоны-это файлы HTML, CSS, JS, которые используются для отображения контента на веб-сайте. Шаблоны украшают веб-страницы и делают их презентабельными.
Следовательно, все веб-сайты состоят из интерфейса (состоящего из шаблонов) и бэк-энда(коды фреймворков и приложений Flask)
Система Веб-шаблонов
Система веб-шаблонов включает в себя механизм шаблонов, источник данных и процессор шаблонов.
Во многих случаях веб-сайт также отображает данные из базы данных на своих веб-страницах. Это делают системы веб-шаблонов. Он объединяет данные из файла/БД и HTML (с использованием языков шаблонов), а затем отображает их на веб-странице.
Точная работа системы веб – шаблонов заключается в следующем:
- Извлекает необходимые данные из БД
- Объедините данные в HTML-файл(используя язык шаблонов) с помощью механизма шаблонов
- Затем обработчик шаблонов обрабатывает его и выводит результирующий файл шаблона
Flask использует Jinja2 по умолчанию механизм шаблонов . Мы рассмотрим это подробнее в следующем разделе.
Язык шаблонов Jinja (JTL)
Механизм шаблонов предоставляет язык шаблонов, с помощью которого мы можем добавлять данные в HTML-файлы.
Jinja2-это современный и удобный для дизайнера язык шаблонов для python, созданный по образцу шаблонов Django.
Теперь мы увидим синтаксис этого языка шаблонов. Он состоит из 4 типов:
| 1) Теги операторов | {% %}: {% if….. else %} – {% endif %} |
| 2) Переменные теги | {{ }}: {{ переменная }} |
| 3) Теги комментариев | {#…..#}: {# как…. para #} |
| 4)Теги комментариев строк | #: #comment line |
Добавление шаблонов в наше приложение
Flask выполняет поиск шаблонов, хранящихся в папке с именем – templates , расположенной рядом с основным файлом приложения. Поэтому создайте папку, прежде чем мы перейдем к следующему разделу.
1. Функция Render_template()
Приложение Flask отображает шаблоны с помощью функции render_template()
Синтаксис таков:
render_template('', variables = )
2. Кодирование нашего приложения для колбы
Добавьте код в основной файл файла flask ( см. Введение в flask )
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/blogs/')
def blogs(id):
return render_template('blog.html', number=id)
app.run(host='localhost', port=5000)
Создайте шаблон blog.html :
This is a Blog Webpage
Blog {{number}}
Test Blog
Обратите внимание как мы использовали тег переменной языка jinja2.
3. Запуск приложения Flask
Запустите сервер и нажмите на URL-адрес
Вуаля!
Вывод
Вот и все, ребята, для этой статьи! Все дело было в шаблонах Flash. Попробуйте выполнить приведенные выше примеры самостоятельно для лучшего понимания. До тех пор, счастливого кодирования!!