Здравствуйте, уважаемые читатели и будущие веб-разработчики! Меня зовут Максим, я профессиональный веб-разработчик. В этой статье мы вместе создадим базовую структуру сайта с помощью одного из лучших фреймворков для Python — Flask.
Флэск (Flask) — это минимально инвазивный, быстрый и гибкий микрофреймворк для создания веб-приложений на языке Python. Он идеально подходит для начинающих разработчиков и профессионалов, поскольку обеспечивает простоту использования и высокую скорость реализации.
Установка Флэска
Чтобы начать работу с Флэском, нам нужно установить его на наш компьютер. Для этого мы используем pip, менеджер пакетов Python. Открываем терминал и запускаем команду:
pip install flask
Базовая Структура Сайта
Теперь давайте разберемся в базовой структуре нашего сайта. Мы создадим проект с помощью Flask, а затем напишем роуты (routes) для каждого раздела нашего сайта.
Создание нового проекта
Для начала создаем новую папку для нашего проекта и запускаем команду:
flask new myproject
Это создаст базовую структуру нашего проекта в директории myproject.
Структура Папки
Внутри папки мы увидим следующее:
app: Основной файл приложения.templates: Файлы шаблонов HTML страниц.static: Файлы CSS, JavaScript и изображений.
Наша задача — создать базовые роуты для каждого раздела сайта.
Базовые Роуты
Давайте создадим роуты для главной страницы, о нас и контактов. В файле app.py добавляем следующие строки:
from flask import Flask
app = Flask(__name__)
@app.route('/')
def index():
return "Welcome to my website!"
@app.route('/about')
def about():
return 'Это раздел о нас.'
@app.route('/contacts')
def contacts():
return 'Свяжитесь с нами.'
if __name__ == '__main__':
app.run(debug=True)
Запуск Приложения
Теперь давайте запустим нашу приложение. Для этого мы используем команду:
python app.py
Открываем браузер и переходите по адресу http://127.0.0.1:5000/. Вы должны увидеть главную страницу нашего сайта.
Работа с Шаблонами
Флэск интегрирован со шаблонизатором Jinja2, который позволяет нам использовать переменные в файлах HTML.
В папке templates создаем файл index.html и добавляем следующий код:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Главная страница</title>
</head>
<body>
<h1>{{ title }}</h1>
<p>Welcome to my website!</p>
</body>
</html>
В файле app.py добавляем:
from flask import render_template
@app.route('/')
def index():
title = 'Главная страница'
return render_template('index.html', title=title)
Теперь, когда вы запустите приложение, вы увидите заголовок «Главная страница» на главной странице.
Заключение
В этой статье мы создали базовую структуру сайта с помощью Flask и разобрали основы этого фреймворка. Мы научились использовать роуты, шаблоны и переменные в файлах HTML.
Это только начало нашего путешествия по миру веб-разработки! Практике и опыту — ключ к успеху. Продолжайте учиться и создавать свои проекты с помощью Flask!
Дополнительная информация
Если вам нужно дополнительных ресурсов для изучения Флэска, я рекомендую следующие источники:
Если у вас есть вопросы или хотите узнать больше о Флэске, пишите в комментариях.
Поддержка автора осуществляется с помощью специальной формы ниже, предоставленной сервисом «ЮMoney». Все платёжные операции выполняются на защищённой странице сервиса, что обеспечивает их корректность и полную безопасность.
