internetSimilar presentations:
Лекция 6(1)
1. PhD – Карюкин В.И.
Лекция 6Создание проекта и основы архитектуры
PhD – Карюкин В.И.
2. FLASK
• Flask—
это
web-фреймворк
для
языка
программирования Python, который используется для
создания серверной части сайтов и web-приложений.
• Flask позволяет обрабатывать запросы пользователей,
создавать web-страницы, подключать базу данных,
работать с формами, авторизацией и создавать API
для взаимодействия frontend и backend.
3. FLASK
Главное преимущество Flask — простота. С егопомощью можно быстро создать первое серверное
приложение даже в одном Python-файле. Поэтому
Flask часто используют при обучении webпрограммированию.
4. Создание нового приложения во Flask
5. Установка Flask
6. Запуск Flask
7. Статус Flask
8. Отображение данных
9. Отображение данных
10. Создаем шаблон HTML
11. Установим базу данных
12. Создаем форму регистрации
<!DOCTYPE html><html lang="ru">
<head>
<meta charset="UTF-8">
<title>Регистрация</title>
</head>
<body>
<div style="width: 400px; margin: 50px auto; background: #e8f1ff; padding: 30px; borderradius: 8px;">
<h1 style="text-align: center; color: #003366;">Регистрация</h1>
{% with messages = get_flashed_messages() %}
{% if messages %}
{% for message in messages %}
<p style="color: red;">{{ message }}</p>
{% endfor %}
{% endif %}
{% endwith %}
<form method="POST">
<label>Имя пользователя:</label><br>
<input type="text" name="username" style="width: 100%; height: 35px;"><br><br>
<label>Электронная почта:</label><br>
<input type="email" name="email" style="width: 100%; height: 35px;"><br><br>
13. Главная страница
14. Вход
15. Обновляем страницу логина
<div class="dashboard-container"><div class="dashboard-card">
<h2>Чемпионат мира 2026 близко!</h2>
<p>
Готовьтесь к главному футбольному событию.
FIFA World Cup 2026 уже совсем скоро!
</p>
<img class="worldcup-image"
src="{{ url_for('static', filename='WC2026.jpg') }}"
alt="FIFA World Cup 2026">
<br>
<a class="btn" href="{{ url_for('home') }}">На главную</a>
</div>
</div>