Flask - Сделать кнопку прямо на другую страницу - PullRequest
0 голосов
/ 06 мая 2020

На моей главной странице у меня есть кнопка с надписью «Enter»

<button id="Enter" type="button" onclick="/profile" class="button">Enter</button>
</div>

Я бы хотел, чтобы при нажатии этой кнопки она направлялась на «домашнюю» страницу

Python код:

@app.route('/', methods = ['GET', 'POST'])
def index():
    return render_template("main.html")

@app.route('/home', methods = ['GET', 'POST'])
def home():
    return render_template("test1.html")

Как это можно сделать? Спасибо

1 Ответ

0 голосов
/ 06 мая 2020

Это работа тега привязки.

Jinja2 (компонент рендеринга шаблона Flask) позволяет вам использовать функцию url_for для динамического создания URL-адреса для данной функции просмотра.

В вашем случае:

<a href="{{ url_for('home') }}">Home</a>

С вашим кодом это будет отображаться в браузере как:

<a href="/home">Home</a>

Даже если вы измените конечную точку в app.route функция декоратора, которая будет отображаться с правильным URL.

Чтобы придать этому виду кнопки, я бы предложил использовать Bootstrap библиотеку. Это можно включить из CDN, добавив в head вашего HTML шаблона следующее:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.0/css/bootstrap.min.css" integrity="sha256-/ykJw/wDxMa0AQhHDYfuMEwVb4JHMx9h4jD4XvHqVzU=" crossorigin="anonymous" />

Затем назначить стиль кнопки так же просто, как добавить атрибут class к вашей привязке tag:

class='btn btn-primary'

См. другие доступные классы в bootstrap docs

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...