如何在单击选项卡时从SQL提取数据以在HTML上显示

2024-10-06 08:34:03 发布

您现在位置：Python中文网/ 问答频道 /正文
4828 3

我目前正在使用flask，目标如下：

当我单击由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代码的标签，我还没有包括-我很乐意张贴他们，如果需要的话


Tags： 数据divevent网页htmlbuttoncssh3
0条回答

目前没有回答

相关问题 更多 >

    编程相关推荐