如何通过 html、js、jinja、flask 或任何其他方法像按钮一样工作？答案

【问题标题】：How to nav-tabs works like button by html, js, jinja, flask or any other method?如何通过 html、js、jinja、flask 或任何其他方法像按钮一样工作？
【发布时间】：2021-11-20 03:14:50
【问题描述】：

在 main.html 中：

我有按钮：

<form name='text' action='' method="POST">
  <textarea name="text" class="form-control custom-control" rows="3">insert text here</textarea>
    <div style="text-align: center; margin: 10px;">
      <input type="submit" name="submit_button" class="btn btn-primary" value="Work-1"" />
      <input type="submit" name="submit_button" class="btn btn-primary" value="Work-2"/>
    </div>
</form>

我有标签：

<ul class="nav nav-tabs nav-justified">
  <li role="presentation" class="active"><a href="result-1.html">Work-1</a></li>
  <li role="presentation"><a href="result-2.html">Work-2</a></li>
</ul>

在 Python 烧瓶中：

if request.method == 'POST':
    if request.form['submit_button'] == 'Work-1':
        text = request.form['text']
        return render_template("result-1.html", text=text)
    
     elif request.form['submit_button'] == 'Work-2':
        text = request.form['text']
        return render_template("result-2.html", text=text)

nav-tabs 如何像 html、js、jinja 或 flask 中的按钮一样工作？

【问题讨论】：

那些是引导 css 类吗？这很重要，你没有提到。按钮和导航选项卡的连接方式也不清楚。发布您包含的 html 代码，并更清楚地解释您想要实现的目标。

标签： javascript python html flask jinja2

【解决方案1】：

使用烧瓶，您的设置应该为每个页面设置多个路由。每条路由都用@app.route(‘/page_name’)定义

然后，您可以从那里拥有所谓的“标签”或子页面 @app.route(‘/page_name/tab_name’)

在您的 html 中，您将通过单击选项卡重定向到选项卡名称，并重定向到导航栏的页面名称。

【讨论】：