0Pricing
Python For Kids · Урок

Создание простого веб-приложения

Создайте своё первое веб-приложение с помощью Flask

«Создание простого веб-приложения» — бесплатный урок Python For Kids на CoddyKit. Это урок 3 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Python For Kids, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Python For Kids содержит 4 уроков всего.

Создание простого веб-приложения

Теперь, когда Вы изучили основы Flask, пора создать простое веб-приложение. Это приложение будет включать несколько маршрутов, шаблоны HTML и элементы интерактивности.

В этом уроке мы шаг за шагом создадим простое веб-приложение.

Создание простого веб-приложения — иллюстрация 1

Шаг 1: настройка проекта

Создайте новую папку для проекта и инициализируйте виртуальное окружение:

python -m venv venv

Активируйте виртуальное окружение и установите Flask:

pip install flask
# Setting up the project
from flask import Flask

app = Flask(__name__)
print("Project setup complete")

Шаг 2: создание структуры приложения

Создайте следующие папки и файлы:

  • app.py: основной файл приложения.
  • templates/: папка для шаблонов HTML.
  • static/: папка для статических файлов, например CSS и изображений.

Шаг 3: определение маршрутов

В файле app.py определите маршруты для главной страницы и страницы «О нас»:

# Defining routes
from flask import Flask

app = Flask(__name__)

@app.route('/')
def home():
    return '<h1>Welcome to My Web App</h1>'

@app.route('/about')
def about():
    return '<h1>About This App</h1>'

if __name__ == '__main__':
    app.run(debug=True)

Шаг 4: добавление шаблонов

Создайте HTML-файл с именем home.html внутри папки templates/:

<!-- home.html -->
<!DOCTYPE html>
<html>
<head>
    <title>Home</title>
</head>
<body>
    <h1>Welcome to My Web App</h1>
    <a href="/about">About</a>
</body>
</html>

Шаг 5: использование render_template

Измените маршруты home и about, чтобы использовать шаблоны:

# Using templates
from flask import render_template

@app.route('/')
def home():
    return render_template('home.html')

@app.route('/about')
def about():
    return render_template('about.html')

Шаг 6: добавление статических файлов

Создайте файл style.css внутри папки static/ и подключите его в home.html:

/* style.css */
body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f9;
    color: #333;
}

Шаг 7: запуск приложения

Запустите приложение Flask:

python app.py

Откройте браузер и перейдите по адресу http://127.0.0.1:5000/, чтобы увидеть веб-приложение в действии.

Распространённые ошибки при создании веб-приложений

Вот несколько ошибок, которых следует избегать:

  • Не организовывать структуру приложения (например, не создавать папки templates/ и static/).
  • Жёстко задавать URL вместо использования url_for().
  • Не тестировать приложение в режиме отладки.

Что мы узнали

В этом уроке Вы узнали:

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

Отличная работа! Перейдём к следующей теме.

Создание простого веб-приложения — иллюстрация 11

Часто задаваемые вопросы

Урок «Создание простого веб-приложения» бесплатный?

Да — полный текст урока «Создание простого веб-приложения» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Python For Kids, подпишись на CoddyKit PRO. Курс Python For Kids содержит 4 уроков всего.

Чему я научусь в уроке «Создание простого веб-приложения»?

Создайте своё первое веб-приложение с помощью Flask Ты практикуешь Python For Kids с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.

Нужен ли мне опыт, чтобы начать Python For Kids?

Предыдущий опыт не требуется. Python For Kids на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 3 из 4.

Сколько времени занимает урок «Создание простого веб-приложения»?

Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.

Можно ли писать и запускать код в этом уроке Python For Kids?

Да. Каждый урок Python For Kids включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.

Все уроки этого курса

  1. Основы веб-фреймворков
  2. Введение во Flask
  3. Создание простого веб-приложения
  4. Подключение Python к базам данных
← Назад к Python For Kids