Приложение 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.

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

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

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

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

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

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

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

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

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

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

Так же у меня есть группа ВКонтакте @yegorovegor. Обязательно подпишись!

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

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

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

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

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

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

Заключение

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

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

image.png
image.png

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

close

Изучаешь Python?

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

Обязательно прочитайте другие статьи посвященные языку программирования Python


GeekUniversity - обучение до уровня Middle с гарантированным трудоустройством


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

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