如何通过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)

nav-tabs是如何像button by html、js、jinja或flask那样工作的？

Answer 1

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

然后，你可以使用@app.route(‘/page_name/tab_name’)创建所谓的‘标签’或者子页面

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