В мире современной веб-разработки создание простого веб-приложения является отличным способом начать свой путь. В данной статье мы рассмотрим, как использовать Flask, легкий веб-фреймворк для Python, для создания простого «Hello, World» приложения.

Установка Flask

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

bash

pip install flask
ОНЛАЙН-ПРАКТИКУМ
ЗАПУСК DEEPSEEK R1 ЛОКАЛЬНО НА СВОЕМ КОМПЬЮТЕРЕ
ЧТО БУДЕТ НА ОБУЧЕНИИ?
  • ПОКАЖЕМ, КАК РАЗВЕРНУТЬ МОДЕЛЬ DEEPSEEK R1 ПРЯМО НА СВОЁМ КОМПЬЮТЕРЕ
  • Где и как применять? Потестируем модель после установки на разных задачах
  • Как дообучить модель под себя?
Участвовать бесплатно

Структура проекта

Чтобы организовать проект, создайте следующую структуру папок:

lua

my_flask_app/

|-- app/

| |-- __init__.py

| |-- routes.py

|-- run.py

app/ - папка, где будет храниться основной код приложения.
__init__.py - файл для инициализации Flask.
routes.py - файл, где мы будем определять маршруты нашего приложения.
run.py - файл для запуска приложения.

Инициализация Flask

В файле __init__.py инициализируем Flask:

python

from flask import Flask

app = Flask(__name__)

from app import routes

Определение маршрута

В файле routes.py определяем простой маршрут «Hello, World»:

python

from app import app

@app.route('/')

def hello_world():

return 'Hello, World!'

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

В файле run.py добавим код для запуска приложения:

python

from app import app

if __name__ == '__main__':

app.run(debug=True)

Запуск и проверка

Теперь перейдите в терминал, перейдите в корневую папку вашего проекта и выполните:

bash

python run.py

Откройте браузер и введите адрес http://127.0.0.1:5000/ или http://localhost:5000/. Вы должны увидеть надпись «Hello, World!» на странице.

Разработка структуры HTML

Давайте добавим немного интерактивности к нашему «Hello, World» приложению, вставив приветственное сообщение в простой HTML-шаблон.

Создание HTML-шаблона

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

html

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Hello, World!</title>

</head>

<body>

<h1>{{ greeting }}</h1>

</body>

</html>

Изменение маршрута

В файле routes.py внесем изменения, чтобы использовать наш HTML-шаблон:

python

from flask import render_template

from app import app

@app.route('/')

def hello_world():

return render_template('index.html', greeting='Hello, World!')

Разделение логики и представления

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

Создание класса контроллера

В папке app создайте новый файл controllers.py и определите в нем класс контроллера:

python

class HelloWorldController:

def get_greeting(self):

return 'Hello, World!'

Обновление маршрута

Теперь в файле routes.py мы можем использовать этот контроллер:

python

from flask import render_template

from app import app

from app.controllers import HelloWorldController

hello_world_controller = HelloWorldController()

@app.route('/')

def hello_world():

greeting = hello_world_controller.get_greeting()

return render_template('index.html', greeting=greeting)

Обновление HTML-шаблона

Также обновим наш HTML-шаблон (templates/index.html) для использования динамического контента:

html

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Hello, World!</title>

</head>

<body>

<h1>{{ greeting }}</h1>

</body>

</html>

Теперь мы разделили логику (контроллер) и представление (HTML), что делает код более чистым и поддерживаемым.

Заключение

Создание простого веб-приложения с использованием Flask — это отличный способ ознакомиться с веб-разработкой на Python. Flask предоставляет простой и гибкий способ создания веб-приложений, и ваш первый «Hello, World» — это лишь начало вашего пути в этом направлении.

Большой практикум
ЗАМЕНИ ВСЕ НЕЙРОСЕТИ НА ОДНУ — PERPLEXITY
ПОКАЖЕМ НА КОНКРЕТНЫХ КЕЙСАХ
  • Освой Perplexity и узнай, как пользоваться функционалом остальных ИИ в одном
  • УЧАСТВОВАТЬ ЗА 0 РУБ.
  • Расскажем, как получить подписку (240$) бесплатно
Участвовать бесплатно
ОНЛАЙН-ПРАКТИКУМ
ЗАПУСК DEEPSEEK R1 ЛОКАЛЬНО НА СВОЕМ КОМПЬЮТЕРЕ
ЧТО БУДЕТ НА ОБУЧЕНИИ?
  • ПОКАЖЕМ, КАК РАЗВЕРНУТЬ МОДЕЛЬ DEEPSEEK R1 ПРЯМО НА СВОЁМ КОМПЬЮТЕРЕ
Участвовать бесплатно