Приложение Flask за 5 минут

Приложение Flask за 5 минут Статьи

Подпишись на мой канал в Telegram

Это краткое руководство по созданию нового приложения в веб фреймворке Flask.

Введение

Буду честен, я фанат этого фреймворка. Flask — это микро-веб-фреймворк, написанный на Python. Если интересуют другие веб фреймворки в Python, переходи по ссылке. Но в этой статье я расскажу вам, как создать приложение в Flask.

Создание веб приложения

Создайте новый каталог, а затем файл с именем «web.py» с этим содержанием:

Это краткое руководство по созданию нового приложения в веб фреймворке Flask.

Не стесняйтесь изменять вышеперечисленные настройки по своему усмотрению.

Далее создайте файл routes.py с этим содержимым:

Это краткое руководство по созданию нового приложения в веб фреймворке Flask.

Теперь создайте свою Flask venv. Для этого я использую pipenv:

Это краткое руководство по созданию нового приложения в веб фреймворке Flask.

Откройте веб-браузер на localhost:5000 и посмотрите свое «Hello, World!»

Это буквально все, что нужно сделать. Довольно скучно, не так ли? Давайте установим другой маршрут действий.

Сначала создайте папку под названием templates, а внутри нее создайте файл под названием layout.html:

image.png

В layout.html файл должен выглядеть так, как показано ниже. Выберете таблицу стилей для удовольствия. Я использую bulma, потому что мне нравится этот css-фреймворк своей простатой и лаконичностью:

<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Quick Flask!</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css">
</head>
<body>
    <H1>Flask app!</H1>
    <br />
    {% block content %}
    {% endblock %}
</body>
</html>

Создайте еще один шаблон файла с именем welcome.html в той же папке со следующими данными:

Это краткое руководство по созданию нового приложения в веб фреймворке Flask.

Вернитесь к файлу routes.py и добавьте еще один маршрут прямо под нашим маршрутом по умолчанию:

Это краткое руководство по созданию нового приложения в веб фреймворке Flask.

Перезагрузите приложение Flask и перейдите к localhost:5000/welcome. Вы должны увидеть содержимое из страницы layout.html, а также данные, которое мы добавили на страницу welcome.html.

Довольно просто, но в основном бесполезно. Давайте добавим что-нибудь более динамичное. Например, изменим маршрут по умолчанию, чтобы он был больше, чем «Hello, World!»

Это краткое руководство по созданию нового приложения в веб фреймворке Flask.

Давайте создадим шаблон, на который мы ссылаемся теперь. Создайте новый файл с именем index.html в папке templates с этим содержимым:

Это краткое руководство по созданию нового приложения в веб фреймворке Flask.

Сохраните файл и перезапустите приложение Flask. Давайте позволим приложению определить, каким должно быть имя файла. Это потребует от нас импорта библиотеки request, поэтому в файл routes.py, добавьте этот импорт:

Это краткое руководство по созданию нового приложения в веб фреймворке Flask.

Внутри index.html, создайте простую HTML-форму для запроса имени. Полная страница должна выглядеть так:

Это краткое руководство по созданию нового приложения в веб фреймворке Flask.

Затем отредактируйте маршрут приветствия в файле routes.py для запроса поля myName с предыдущей страницы:

Это краткое руководство по созданию нового приложения в веб фреймворке Flask.

Наконец, обновите welcome.html страницу, чтобы получить имя из сообщения:

Это краткое руководство по созданию нового приложения в веб фреймворке Flask.

Заключение

Надеюсь, вам понравилось это маленькое руководство по быстрому запуску Flask.

Обновите страницу, и вы получите форму, в которую сможете ввести свое имя. Отправьте имя, и вы будете переведены на страницу приветствия с вашим именем.

image.png
image.png

Вот и все на сегодня!

close

Бесплатная подписка

Введи свой адрес электронной почты и получай моментальный доступ к новым публикациям на сайте

Вступи в мою группу ВКонтакте

Егор Егоров

C 2017 года сижу на игле Python. Люблю создавать контент, который помогает людям понять сложные вещи. Не представляю жизнь без спорта и чувства юмора.

Если не сложно, напиши комментарий, как тебе статья.

Оцените автора
Егоров Егор
Добавить комментарий

  1. Vladimir

    это всё интересно но для меня это всё ущё сложно

    Ответить
  2. Сергей

    Код в скриншотах это конечно «гениально»

    Ответить
    1. Егор Егоров автор

      Защита от копирования текста 🙂

      Но в будущих статьях, я конечно так делать перестал 🙂

      Ответить
  3. Сергей

    Мутная статья! Для новичка не понятна! Автор скуп на объяснения! Подробностей выполнения шагов ноль!!! Типа все должны телепатически узнать как это запускается! Первый пример не работает!!!

    Ответить
  4. Сергей

    Спасибо за статью. Неплохо конечно было бы объяснить, зачем вообще использовать pipenv в связке с flask, мне как новичку, пришлось рыться довольно долго в Инете, чтобы с этим разобраться. У вас очень скудно показан пример создания приложения на Flask, в стиле «рисуем сову, вот кружочек, а вот и сова готова!»

    Ответить