Question

我目前正在使用烧瓶，我打算执行以下操作：

当我单击由HTML构造的网页上的选项卡时，我希望它显示存储在mysql服务器中的数据列表。

我知道如何从Python中的sql中提取数据（使用mysql连接器），然后分别“输入”值，但是，这将需要我创建另一个网页，其唯一目的是显示来自该特定选项卡的数据-然后我必须为另一个标签创建一个新的网页。

这似乎效率很低，并且想知道是否有一种方法可以在按下选项卡而无需导航到另一页时显示来自sql的数据。

代码

Python：

@app.route('/studentdb')
def sdb():
    return render_template('studentdb.html')

HTML（studentdb.html）

<!DOCTYPE html>
<html lang="en">
<head>
<html lang="en">
        <link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/style_sdb.css')}}">
        <title>Student Database</title>
    </head>

<body>
    
    <div class="tab">
      <button class="tablinks" onclick="openSubject(event,'bio')">Biology</button>
      <button class="tablinks" onclick="openSubject(event, 'chem')">Chemistry</button>
      <button class="tablinks" onclick="openSubject(event, 'phy')">Physics</button>
    </div>

    <div id="bio" class="tabcontent">
          <h3>Biology</h3>
          <p>Biology Students List</p>
    </div>
        
    <div id="chem" class="tabcontent">
          <h3>Chemistry</h3>
          <p>Chemistry Students List</p>
    </div>

    <div id="phy" class="tabcontent">
          <h3>Physics</h3>
          <p>Physics Students List</p>
    </div>
        
    <script src="static/js/tabs.js"></script>
    
    </body>
    
</html>

我还没有提供选项卡的CSS和javascript代码-如果需要，我很乐意将其发布。

单击标签时如何从SQL提取数据以在HTML上显示

0 个答案: