我可以使用 Python Flask 为 HTML 中的按钮提供一些操作吗？

Question

所以，我正在做的是使用 Bootstrap 创建一张卡片，上面有一张电影海报和它的名字。 当我将鼠标悬停在卡片上时，它会显示一个按钮。 单击按钮时，我想要的是它应该显示有关该电影的信息。

我在网上搜索但找不到任何仅使用 python 的方法。 它们涉及 javascript 和 ajax。 而且，我对javascript一无所知。

因为，一个带有按钮的输入栏我知道它是如何与 Flask 一起工作的。 我们提供带有表单标签的动作属性和带有输入标签的名称属性，然后我们在python文件中使用request.form。

但是，我的问题是它是一张带按钮的卡片，而不是一张表格。

这是带按钮的卡片

这是卡的代码。 Jinja 模板用于提供我使用 Python 从 API 获取的信息。

<div class="movie-content">
{% for poster, title in trendingMoviesDetails.items() if not trendingMoviesDetails.hidden %}
  <div class="card" style="width: 15rem;" title="{{title}}" onclick="recommendcard(this)">
    <div class="imghvr">
      <img class="card-img-top" height="360" width="240" alt="{{title}} - poster" src={{poster}}>
      <figcaption class="fig">
        <button class="card-btn btn btn-danger"> Click Me </button>
      </figcaption>
     </div>
    <div class="card-body">
      <h5 class="card-title">{{title|upper}}</h5>
    </div>
  </div>

{% endfor %}

所以，我想要的是，当我们点击那个“点击我”按钮时，它会使用那个 {{title}} 并将我重定向到一个新页面，显示有关该名称的更多信息。 假设我只想打印 HELLO {{title}}。 例如，当我们单击我作为图像提供的蝙蝠侠卡片时，它会将我重定向到一个新网页，该网页显示“你好蝙蝠侠”。

我想在烧瓶和 python 的帮助下做到这一点。 这与我的问题有关

但是，我对 javascript 不太了解。 而且也不知道ajax和jquery。

Answer 1

使用 onClick 函数并从烧瓶中返回或使用 redirect(url_for('index')) this

尝试使用它或在https://www.tutorialspoint.com/flask/flask_redirect_and_errors.htm#:~:text=Flask%20%E2%80%93%20Redirect%20%26%20Errors&text=Flask%中阅读它20class%20has%20a%20redirect,location%20with%20specified%20status%20code.&text=location%20parameter%20is%20the%20URL,browser's%20header%2C%20defaults%20to%20302 。