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

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

Это краткое руководство по созданию нового приложения в веб фреймворке 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/bulma@0.9.1/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

Бесплатно

Моментальный доступ к новым статьям

Вы всегда сможете отписаться по ссылке в письме

close

Моя группа в ВКонтакте

Егор Егоров

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

Ссылка на мой github есть в шапке. Залетай.

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

  1. Марат

    Опечатка в строке:
    Я использую bulma, потому что … своей простОтой и лаконичностью:

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

      оу эм джи, фенкью))

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

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

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

      Да понял, понял я))
      Просто тема pipenv это отдельная статья, если пытаться объяснить все в рамках одной статьи я ее никогда не закончу))

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

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

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

      Сергей я старался, потихоничку развиваю свои коммуникативные навыки и стараюсь писать для более широкой аудитории, не будьте так горячи в высказываниях.

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

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

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

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

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

      Ответить
  5. Vladimir

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

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

      Иногда нужно приложить немножко больше усилий и обязательно понимание сформируется в голове)

      Ответить