Yo, кодеры и будущие хакеры!
Вы уже писали скрипты, автоматизировали рутину, а может, даже создали небольшого бота. Но что, если я скажу вам, что вы можете создать свой собственный сайт? Это не просто круто, это ваш первый настоящий босс-файт в мире веб-разработки. Сегодня я покажу вам, как создать своё первое веб-приложение на Python, используя Flask — ваш главный инструмент для разработки.
Шаг 1: Настраиваем свой "инвентарь"
Прежде чем идти в бой, нужно подготовиться. Нам понадобится библиотека Flask. Откройте терминал или командную строку и установите её:
pip install Flask
Теперь создайте файл, например, app.py, в папке, где будет храниться ваш проект.
Шаг 2: Пишем код. "Собираем" наше приложение
Мы будем писать код по частям, как собираем лего. Наш план:
- Импортируем Flask.
- Создаём наше приложение.
- Создаём главную страницу.
- Запускаем приложение.
# 1. Импортируем Flask
from flask import Flask, render_template
# 2. Создаём экземпляр приложения
app = Flask(__name__)
# 3. Создаём главную страницу
@app.route('/')
def index():
return '<h1>Привет, мир!</h1>'
# 4. Создаём ещё одну страницу
@app.route('/about')
def about():
return 'Это страница "О нас".'
if __name__ == '__main__':
app.run(debug=True)
Разбираем "магию"
- from flask import Flask, render_template: мы импортируем класс Flask и функцию render_template, которая пригодится нам позже.
- app = Flask(__name__): мы создаём экземпляр нашего приложения. Это как создать главный объект в игре.
- @app.route('/'): это наш первый роут — маршрут. Он говорит приложению, что нужно делать, когда пользователь заходит на главную страницу (в данном случае, на http://127.0.0.1:5000/).
- def index():: это функция, которая будет выполняться, когда пользователь зайдёт на главную страницу. Она возвращает HTML-текст, который будет отображён в браузере.
- app.run(debug=True): мы запускаем наше приложение. debug=True — это режим отладки, который автоматически перезагружает приложение, когда вы вносите изменения в код.
Шаг 3: Запускаем игру!
Теперь запустите ваше приложение в терминале:
python app.py
Откройте браузер и перейдите по адресу http://127.0.0.1:5000/. И что вы видите? Ваше первое веб-приложение! Вы не просто скопировали код, вы создали работающий сайт. Это ваш первый "босс-файт" с настоящей программой, и вы его выиграли!
Прокачиваем свой скилл: создаём динамические страницы
Ваше приложение пока умеет показывать только статический текст. Но что, если мы захотим сделать что-то более интересное? Например, создать страницу, которая будет меняться в зависимости от пользователя.
Flask позволяет использовать шаблоны. Это HTML-файлы, в которые можно вставлять данные из Python.
- Создайте в папке с вашим проектом новую папку templates.
- Внутри неё создайте файл index.html и вставьте в него этот код:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Мой сайт</title>
</head>
<body>
<h1>Привет, {{ username }}!</h1>
<p>Добро пожаловать на мой первый сайт!</p>
</body>
</html>
- Теперь обновите ваш файл app.py.
Python
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def index():
return render_template('index.html', username='Кодер')
if __name__ == '__main__':
app.run(debug=True)
Запустите код снова. Теперь ваша страница будет выводить Привет, Кодер!. Вы только что сделали свой сайт динамическим!
Ваш следующий квест
Это, конечно, только первый уровень. Вы можете добавить новые страницы, принимать данные от пользователей и многое другое.
Ваш следующий квест:
- Создайте новую страницу по адресу /profile/<username>.
- Используйте переменную <username> в URL, чтобы выводить приветствие для любого пользователя.
- Поделитесь в комментариях, какое веб-приложение вы хотели бы создать после этого.
Увидимся на следующем уровне!