Найти в Дзене
Код в кармане

Веб-разработка: Создаем простой веб-сайт с использованием Flask (Python)

В современном мире веб-разработка играет ключевую роль. Создание веб-сайтов стало доступным благодаря различным инструментам и фреймворкам. В этой статье мы рассмотрим, как создать простой веб-сайт с использованием Flask – легковесного и мощного фреймворка для Python.

Что такое Flask?

Flask – это микрофреймворк для веб-разработки на Python. Он называется "микро", потому что предоставляет только основные инструменты, необходимые для создания веб-приложений. Это делает его гибким и позволяет разработчикам выбирать необходимые расширения. Flask идеально подходит для небольших и средних проектов, а также для быстрого прототипирования.

Преимущества Flask:

  • Простота и легкость в изучении: Flask имеет простой и интуитивно понятный синтаксис, что делает его отличным выбором для начинающих веб-разработчиков.
  • Гибкость: Flask не навязывает строгую структуру проекта, позволяя разработчикам организовывать код по своему усмотрению.
  • Расширяемость: Благодаря большому количеству доступных расширений, Flask можно легко адаптировать под различные задачи.
  • Встроенный отладчик и веб-сервер: Flask предоставляет удобные инструменты для отладки и тестирования приложений.

Создание простого веб-сайта с Flask:

Давайте создадим простое веб-приложение, которое будет отображать приветствие на главной странице.

1. Установка Flask:

Прежде всего, необходимо установить Flask. Для этого откройте терминал или командную строку и выполните следующую команду:

pip install Flask

2. Создание файла приложения:

Создайте файл с именем app.py и добавьте в него следующий код:

from flask import Flask
app = Flask(__name__)
@app.route("/")
def index():
return "<h1>Привет, мир!</h1>"
if __name__ == "__main__":
app.run(debug=True)

Разъяснение кода:

  • from flask import Flask: Импортируем класс Flask из библиотеки flask.
  • app = Flask(__name__): Создаем экземпляр приложения Flask. __name__ – это специальная переменная Python, которая содержит имя текущего модуля.
  • @app.route("/"): Декоратор @app.route() определяет маршрут URL. В данном случае "/" означает главную страницу.
  • def index():: Функция index() обрабатывает запросы к главной странице.
  • return "<h1>Привет, мир!</h1>": Функция возвращает HTML-код, который будет отображаться в браузере.
  • if __name__ == "__main__":: Этот блок кода запускает веб-сервер Flask только при непосредственном запуске скрипта.
  • app.run(debug=True): Запускает веб-сервер. debug=True включает режим отладки, который автоматически перезагружает сервер при изменении кода.

3. Запуск приложения:

Сохраните файл app.py и запустите его из терминала с помощью команды:

python app.py

После запуска вы увидите сообщение о том, что сервер запущен. Откройте браузер и перейдите по адресу http://127.0.0.1:5000/. Вы увидите надпись "Привет, мир!".

Расширение функциональности:

Теперь давайте добавим немного динамики и создадим страницу с приветствием по имени. Изменим код app.py следующим образом:

from flask import Flask
app = Flask(__name__)
@app.route("/")
def index():
return "<h1>Привет, мир!</h1>"
@app.route("/user/<username>")
def user(username):
return f"<h1>Привет, {username}!</h1>"
if __name__ == "__main__":
app.run(debug=True)

Теперь, если вы перейдете по адресу http://127.0.0.1:5000/user/Иван, вы увидите "Привет, Иван!".

Использование шаблонов HTML:

Вместо того чтобы возвращать HTML-код непосредственно из функций, рекомендуется использовать шаблоны. Flask использует движок шаблонов Jinja2.

Создайте папку templates в той же директории, что и app.py. Внутри папки templates создайте файл index.htmlсо следующим содержанием:

HTML

<!DOCTYPE html>
<html>
<head>
<title>Главная страница</title>
</head>
<body>
<h1>Привет, мир!</h1>
</body>
</html>

Измените код app.py:

Python

from flask import Flask, render_template
app = Flask(__name__)
@app.route("/")
def index():
return render_template("index.html")
if __name__ == "__main__":
app.run(debug=True)

render_template() загружает указанный шаблон и возвращает его HTML-код.

Заключение:

В этой статье мы рассмотрели основы создания веб-сайта с использованием Flask. Мы установили Flask, создали простое приложение, добавили динамические маршруты и научились использовать шаблоны HTML. Flask – мощный и гибкий инструмент, который позволяет быстро и эффективно разрабатывать веб-приложения. Это лишь отправная точка, и с помощью Flask вы можете создавать гораздо более сложные и функциональные веб-сайты. Экспериментируйте, изучайте документацию и создавайте свои собственные веб-проекты!