При нажатии на кнопку открыть определенную страницу python html jinja2
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Button Page</title>
</head>
<body>
<h1>Click the button to open a new page</h1>
<form action="/open_page" method="GET">
<button type="submit">Open New Page</button>
</form>
</body>
</html>
В данном примере у нас есть кнопка "Open New Page", при нажатии на которую будет отправлен GET-запрос на `/open_page`.
2. **Настройка маршрутов в Flask**:
После создания HTML-шаблона необходимо настроить маршруты в приложении Flask, чтобы обрабатывать GET-запрос после нажатия на кнопку. Для этого нужно выполнить следующие шаги:
python
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def index():
return render_template('index.html')
@app.route('/open_page', methods=['GET'])
def open_page():
return render_template('new_page.html')
if __name__ == '__main__':
app.run(debug=True)
В этом примере у нас есть два маршрута: `/` для отображения страницы с кнопкой и `/open_page`, который будет открывать новую страницу.
3. **Создание шаблона для новой страницы**:
Теперь нам нужно создать HTML-шаблон для новой страницы, которая будет открываться при нажатии на кнопку. Для этого можно создать файл `new_page.html` и написать в нем содержимое страницы:
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>New Page</title>
</head>
<body>
<h1>This is a new page!</h1>
</body>
</html>
4. **Запуск и тестирование приложения**:
После завершения вышеописанных шагов можно запустить ваше Flask-приложение и в браузере открыть страницу с кнопкой. При нажатии на кнопку на странице откроется новая страница.
Это основные шаги, которые позволят реализовать открытие определенной страницы при нажатии на кнопку веб-приложения на Python с использованием HTML и Jinja2. Важно помнить о конфигурации маршрутов в Flask, создании соответствующих HTML-шаблонов и обработке GET-запросов.Нажимая «Регистрация» или «Войти через Google», вы соглашаетесь с Публичной офертой, даете Согласие на обработку персональных данных, а также подтверждаете что вам есть 18 лет
Нажимая «Регистрация» или «Войти через Google», вы соглашаетесь с Публичной офертой, даете Согласие на обработку персональных данных, а также подтверждаете что вам есть 18 лет