Создание простого веб-приложения
Создайте своё первое веб-приложение с помощью Flask
«Создание простого веб-приложения» — бесплатный урок Python Academy на CoddyKit. Это урок 3 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Python Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Python Academy содержит 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: Создание структуры приложения
Шаг 2: Создание структуры приложения
Создайте следующие папки и файлы:
- app.py: основной файл приложения.
- templates/: папка для HTML-шаблонов.
- static/: папка для статических файлов, таких как CSS и изображения.
Шаг 3: Определение маршрутов
Шаг 3: Определение маршрутов
В файле app.py определите маршруты для главной страницы и страницы about:
# 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: Добавление шаблонов
Шаг 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
Шаг 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: Добавление статических файлов
Шаг 6: Добавление статических файлов
Создайте файл style.css в папке static/ и подключите его в home.html:
/* style.css */
body {
font-family: Arial, sans-serif;
background-color: #f4f4f9;
color: #333;
}Шаг 7: Запуск приложения
Шаг 7: Запуск приложения
Запустите приложение Flask:
python app.py
Откройте браузер и перейдите по адресу http://127.0.0.1:5000/, чтобы увидеть своё веб-приложение в работе.
Распространённые ошибки при создании веб-приложений
Распространённые ошибки при создании веб-приложений
Вот несколько ошибок, которых следует избегать:
- Неправильная организация структуры приложения, например отсутствие папок templates/ и static/.
- Жёстко заданные URL вместо использования
url_for(). - Отсутствие тестирования приложения в режиме отладки.
Что Вы узнали?
Что Вы узнали?
В этом уроке Вы узнали:
- Как настроить структуру проекта Flask.
- Как определять маршруты и использовать шаблоны.
- Как добавлять в приложение статические файлы, например CSS.
- Как запускать приложение Flask и просматривать его в браузере.
Отличная работа! Перейдём к следующей теме.
Часто задаваемые вопросы
Урок «Создание простого веб-приложения» бесплатный?
Да — полный текст урока «Создание простого веб-приложения» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Python Academy, подпишись на CoddyKit PRO. Курс Python Academy содержит 4 уроков всего.
Чему я научусь в уроке «Создание простого веб-приложения»?
Создайте своё первое веб-приложение с помощью Flask Ты практикуешь Python Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.
Нужен ли мне опыт, чтобы начать Python Academy?
Предыдущий опыт не требуется. Python Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 3 из 4.
Сколько времени занимает урок «Создание простого веб-приложения»?
Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.
Можно ли писать и запускать код в этом уроке Python Academy?
Да. Каждый урок Python Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.
Все уроки этого курса
- Основы веб-фреймворков
- Введение в Flask
- Создание простого веб-приложения
- Подключение Python к базам данных