php - 单击选项卡时如何将 sql 的结果显示到列表中？-6ren

php - 单击选项卡时如何将 sql 的结果显示到列表中？

转载作者：行者123 更新时间：2023-11-29 11:23:39

我有一个包含表 student_tb 的 SQL 文件。在表中，我们有三列:student_id、student_name 和 class_name。我们可以通过以下脚本创建 SQL

CREATE TABLE `student_tb` (
  `student_id` int(11) NOT NULL,
  `student_name` varchar(128) NOT NULL,
  `class_name` int(11) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

INSERT INTO `student_tb` (`student_id`, `student_name`, `class_name`) VALUES
(1, 'John', 1),
(2, 'Herry', 2),
(3, 'Peter ', 1),
(4, 'Tom', 2);
ALTER TABLE `student_tb`
  ADD PRIMARY KEY (`student_id`);
ALTER TABLE `student_tb`
  MODIFY `student_id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=5;

我们可以通过脚本显示 class_name =1,2 或全部的学生姓名

SELECT * FROM `student_tb` WHERE `class_name`=1
SELECT * FROM `student_tb` WHERE `class_name`=2
SELECT * FROM `student_tb`

我有一个连接 SQL 数据库的代码并将其位于 html 文件的顶部

<?php include "connect.php"; ?>
<?php       
    $sql  = "SELECT * FROM `student_tb` WHERE `class_name`=1";
    $result = mysqli_query($conn, $sql);        
?>

在 HTML 文件中，我有三个选项卡，用于显示 sql 中的学生结果，例如 1 类、2 类的学生等。

我使用下面的代码在列表中显示结果

<ul>
    <?php
        if (mysqli_num_rows($result) > 0) {
        while($row = mysqli_fetch_assoc($result)) {
    ?>
        <a href="#"><li class="clearfix">
            <div class="w3-row-padding">                                                      
                <div class="w3-half">
                <p><?php echo $row["student_name"]; ?></p>              
                </div> 
                <div class="w3-half"> 
                <p><?php echo $row["class_name"]; ?></p>    
                </div>
            </div>    
        </li></a>
    <?php } 
    } ?>
</ul>

我想让代码在单击每个选项卡时显示结果。例如，当我点击“全部”选项卡时，结果将显示1类和2类的所有学生；当我点击“1类学生”选项卡时，它将显示1类的所有学生。我该怎么办？什么时候需要关闭sql连接？非常感谢。

<!DOCTYPE html>
    <html lang="en">
    <head>
      <title>Bootstrap Case</title>
      <meta charset="utf-8">
      <link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
      <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
    </head>
    <body>

    <div class="container">
      <ul class="nav nav-tabs">
        <li class="active"><a data-toggle="tab" href="#home">All students</a></li>
        <li><a data-toggle="tab" href="#menu1">Students in class 1</a></li>
        <li><a data-toggle="tab" href="#menu2">Students in class 2</a></li>    
      </ul>

      <div class="tab-content">
        <div id="home" class="tab-pane fade in active">
          <h3>All</h3>
          <p>List all students</p>
        </div>
        <div id="menu1" class="tab-pane fade">
          <h3>Class 1</h3>
          <p>List all students in class 1</p>
        </div>
        <div id="menu2" class="tab-pane fade">
          <h3>Class 2</h3>
          <p>List all students in class 1</p>      
        </div>
      </div>
   
      </div>

    </body>
    </html>

最佳答案

嗨，您可以将sql代码放入所有三个选项卡中的fetch，其条件如下

<?php   
   <?php include "connect.php"; ?>

?>

<!DOCTYPE html>
    <html lang="en">
    <head>
      <title>Bootstrap Case</title>
      <meta charset="utf-8">
      <link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
      <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
    </head>
    <body>

    <div class="container">
      <ul class="nav nav-tabs">
        <li class="active"><a data-toggle="tab" href="#home">All students</a></li>
        <li><a data-toggle="tab" href="#menu1">Students in class 1</a></li>
        <li><a data-toggle="tab" href="#menu2">Students in class 2</a></li>    
      </ul>

      <div class="tab-content">
        <div id="home" class="tab-pane fade in active">
          <h3>All</h3>
          <p>List all students</p>
          <ul>
    <?php
        $sql  = "SELECT * FROM student_tb";
    $result = mysqli_query($conn, $sql);   
        if (mysqli_num_rows($result) > 0) {
        while($row = mysqli_fetch_assoc($result)) {
    ?>
        <a href="#"><li class="clearfix">
            <div class="w3-row-padding">                                                      
                <div class="w3-half">
                <p><?php echo $row["student_name"]; ?></p>              
                </div> 
                <div class="w3-half"> 
                <p><?php echo $row["class_name"]; ?></p>    
                </div>
            </div>    
        </li></a>
    <?php } 
    } ?>
</ul>
        </div>
        <div id="menu1" class="tab-pane fade">
          <h3>Class 1</h3>
          <p>List all students in class 1</p>
           <?php
        $sql  = "SELECT * FROM student_tb WHERE class_name=1";
    $result = mysqli_query($conn, $sql);   
        if (mysqli_num_rows($result) > 0) {
        while($row = mysqli_fetch_assoc($result)) {
    ?>
        <a href="#"><li class="clearfix">
            <div class="w3-row-padding">                                                      
                <div class="w3-half">
                <p><?php echo $row["student_name"]; ?></p>              
                </div> 
                <div class="w3-half"> 
                <p><?php echo $row["class_name"]; ?></p>    
                </div>
            </div>    
        </li></a>
    <?php } 
    } ?>
        </div>
        <div id="menu2" class="tab-pane fade">
          <h3>Class 2</h3>
          <p>List all students in class 2</p> 
           <?php
        $sql  = "SELECT * FROM student_tb WHERE class_name=2";
    $result = mysqli_query($conn, $sql);   
        if (mysqli_num_rows($result) > 0) {
        while($row = mysqli_fetch_assoc($result)) {
    ?>
        <a href="#"><li class="clearfix">
            <div class="w3-row-padding">                                                      
                <div class="w3-half">
                <p><?php echo $row["student_name"]; ?></p>              
                </div> 
                <div class="w3-half"> 
                <p><?php echo $row["class_name"]; ?></p>    
                </div>
            </div>    
        </li></a>
    <?php } 
    } ?>     
        </div>
      </div>

      </div>

    </body>
    </html>

关于php - 单击选项卡时如何将 sql 的结果显示到列表中？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38559058/

文章推荐： iphone - 适用于 iOS 的饼图(径向)菜单

文章推荐： postgresql - pg_restore 在没有数据库时询问数据库密码

文章推荐： postgresql - 触发与检查约束

Python 这段代码做了什么？列表=列表[列表!=值]
如标题所示，ans_list是一个答案列表，ans_index是一个数字(答案在词汇表中的索引，但与atm无关) 这里生成的 tree.anslist 是什么？ (例如，仅针对第一个)，忽略迭代。 f
MySQL 列表 IN 列表
我目前将用户的输入存储在逗号分隔的列表中，如下所示: Userid | Options 1 | 1,2,5 用户在一个数组形式中勾选一组选项，然后用逗号连接起来 1,2,5 然后 MySQ
MySQL 列表 IN 列表
我目前将用户的输入存储在逗号分隔的列表中，如下所示: Userid | Options 1 | 1,2,5 用户在一个数组形式中勾选一组选项，然后用逗号连接起来 1,2,5 然后 MySQ
list - 我怎样才能完全展平一个列表(列表(列表)......)
我想知道如何完全展平列表和包含它们的东西。除其他外，我想出了一个解决方案，它可以将具有多个元素的东西滑倒并将它们放回原处，或者在滑倒后将具有一个元素的东西拿走。这与 How do I “flatte
list - 我怎样才能完全展平一个列表(列表(列表)......)
我想知道如何完全展平列表和包含它们的东西。除其他外，我想出了一个解决方案，它可以将具有多个元素的东西滑倒并将它们放回原处，或者在滑倒后将带有一个元素的东西拿走。这与 How do I “flatte
java - 列表<列表<字符串>>到字符串[][]
这个问题已经有答案了: Convert nested list to 2d array (3 个回答) 已关闭 7 年前。 java中有没有快捷方式可以转换 List> 到 String[][] ？
java - 列表<列表<对象>>排序
我在排序时遇到问题 List> 。我创建了一个自定义比较器，在其中编写了对数据进行排序的代码。 public class CustomComparator implements Comparator
java - 列表数组列表转换
这个问题已经有答案了: 已关闭10 年前。 Possible Duplicate: Java Generics: Cannot cast List to List? 我只是想知道为什么下面的java代
c# - 列表<逗号分隔的字符串> => 列表<字符串>?
试图想出一个 LINQy 方法来做到这一点，但我什么也没想到。我有一个对象列表<>，其中包含一个属性，该属性是逗号分隔的字母代码列表: lst[0].codes = "AA,BB,DD" lst[1
python - 列表 += 元组与列表 = 列表 + 元组
假设我有这些任务: points = [] point = (1, 2) 我怎么会这样做: points += point 它工作得很好，并且给了我点 = [1, 2]。但是，如果我这样做: poin
scala - 将列表[任务[列表[A]]]转换为任务[列表[A]]
如何在 scala 中将 List[Task[List[Header]]] 类型转换为 Task[List[Header]]。我有一个方法返回 Task[List[Header]] 并多次调用 do
java - 如何在Java中获取二维列表的元素？例如，列表<列表<整数>>
如何在 Java 中查找二维列表的元素？我有一个参数为 List> 的函数我想知道如何找到这个列表的行和列。最佳答案如果你喜欢 List> obj 然后你就可以像这样访问 obj.get(cur
java - 列表<列表没有按预期工作
分配 List到 List工作正常。分配 List>到 List>不编译。代码 public class Main { public static void main(String[] a
java - 列表<可序列化> vs 列表
我正在用 Java 编写一个方法，该方法必须接收并迭代 Serializable 的 List。有什么区别: public void myMethod(List list) { } 和 public
java - 通知网格/列表/树内网格/列表/树的更改
我看到很多人想用 mvvm 更新网格/列表/树的一部分，但他们不想刷新整个列表。对于所有遇到此问题的人，我做了以下示例。希望这对你有用。最佳答案这是一个简单的例子。整个代码中最重要的是: Bi
C++ 列表到 Python 列表
我正在为现有的 C++ 库编写包装器，该库使用列表，其中 T 是自定义结构。我被建议使用 vector 而不是列表，但我试图避免修改库。为了更好地理解这个场景，我做了一个简单的应用程序，使用一个列表
java - 列表 VS 列表<基础>
List list List list 这两种声明有什么区别吗？谢谢，最佳答案是的。 List可以包含所有派生自 Base 的不同事物的混合物. List包含同质项(从某种意义上说，它们必须全部
Java 泛型 : List, 列表<对象>、列表
有人可以尽可能详细地解释以下类型之间的区别吗？ List List List 让我更具体一点。我什么时候想使用 // 1 public void CanYouGiveMeAnAnswer(List l
python - 是否有任何 python 模块可以计算(列表，列表)元组的频率？
我有一个元组列表，每个元组都是一对列表。所以我的数据看起来像: mylist = [(['foo', 'bar'], ['bar', 'bar']),(['bar', 'bar'],['bar', '
list - 给定一个 (a * b) 列表，返回一个 (a * b list) 列表
也许是一个时髦的标题，但我遇到了以下问题: 给定一个类型为 (a * b) list 的列表，我想创建一个类型为 (a * b list) list 的新列表。一个例子: 给定列表 let testL

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

php - 单击选项卡时如何将 sql 的结果显示到列表中？