如何通过 html、js、jinja、flask 或任何其他方法使 nav-tabs 像按钮一样工作？

Question

在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)

导航标签如何像 html、js、jinja 或 flask 的按钮一样工作？

Answer 1

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

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

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

如何通过 html、js、jinja、flask 或任何其他方法使 nav-tabs 像按钮一样工作？

How to nav-tabs works like button by html, js, jinja, flask or any other method?

html

javascript

python

jinja2

flask