Проект на Flask и Jinja

Проект на Flask и Jinja

Язык шаблонов Jinja поставляется в комплекте с Python web-фреймворком Flask.
В сегодняшней статье мы создадим простое web приложение на Flask и выведем данные с помощью html шаблонов Jinja.
Шаблоны Jinja — это просто html-файлы. По соглашению, они находятся в каталоге /templates нашего проекта. Если вы знакомы с форматированием строк или интерполяцией, языки шаблонов следуют аналогичной логике — только в масштабе целой HTML-страницы.

Перейдем к примеру. Для начала установим Flask командой:


pip install flask

Затем создадим файл run_flask.py и рядом с ним папку templates.
Структура проекта будет выглядеть так:


|__ run_flask.py
|__ templates

Поместим в run_flask.py следующий код:

from flask import Flask, render_template
app = Flask(__name__)

/*Здесь мы устанавливаем маршрут /, который отображает шаблон template.html с помощью функции render_template().*/

@app.route("/")
def flask_proj():
    return render_template('template.html', site="Myrusakov!", langs=["Java","Python","C++","C#","JavaScript"])

# запуск приложения
if __name__ == '__main__':
    app.run(debug=True)

Теперь добавим файл html шаблона в папке templates:

templates.html

<!DOCTYPE html>
<html>
  <head>
    <title>Пример</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <style type="text/css">
      .container {
        max-width: 500px;
        padding-top: 100px;
      }
    </style>
  </head>
  <body>
    <div class="container">
      <p>Название сайта: {{my_string}}</p>
      <p>Значение из списка: {{langs[3]}}</p>
      <p>Элементы списка:</p>
      <ul>
        {% for i in langs %}
        <li>{{i}}</li>
        {% endfor %}
      </ul>
    </div>
    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
  </body>
</html>

Запустим код:


>>>python run_flask.py
# Running on http://127.0.0.1:5000/

Перейдем по указанному адресу в браузере.

На экране появятся элементы списка.

Таким образом, мы создали простой web проект на Python используя шаблоны Jinja.

Источник

Статьи по теме

Добавить комментарий

Ваш адрес email не будет опубликован.

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.

Проверьте также
Close
Back to top button