Flask-直接将按钮转到另一个页面

Question

在我的主页上，有一个显示“ 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")

如何完成？谢谢

Answer 1

这是锚标记的工作。

[Jinja2（Flask的模板呈现组件）允许您使用url_for函数为给定的视图函数动态创建URL。

根据您的情况：

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

使用您的代码，它将在浏览器中显示为：

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

即使您在app.route装饰器函数中更改了端点，也将使用正确的URL呈现。

为了给按钮一个外观，我建议使用Bootstrap库。可以通过在HTML模板的head中添加以下内容，将其包含在CDN中：

<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属性一样简单：

class='btn btn-primary'

请参见bootstrap docs中的其他可用类