Question

我使用Bootstrap折叠组件。
我想建立与我数据库中的n本书相对应的n张卡片。然后，我希望将图书信息写在每个折叠卡片中。
为了说明这一点，我想得到以下结果：

........
第1本书
-书名1
书1的日期
-书1的作者
................. .................
第二册
-书名2
-第二本书的日期
-第二本书的作者
.................

我已经构建了一些东西，但是我的问题是我所有的结果（书名，书名2，书名，书名1，书名2 ...）在第一张卡片中都没有第二个。

这是我的代码：

    <div id="accordion">

    <?php
        for( $i= 1 ; $i <= $countman ; $i++ ){
    echo '
  <div class="card">
    <div class="card-header" id="headingOne">
      <h5 class="mb-0">
        <button type="button" class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
          Manuscrit ' . $i. '
        </button>
      </h5>
    </div>

    <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
      <div class="card-body">
            <!-- Name of book-->  
            <div class="form-row">           
               <div class="form-group col-md-3">
               <label for="exampleInputPassword1">Book</label>';
                ?>
                <?php
                while($datamanname= pg_fetch_array($sqlmanname))
                { 
                $manname =  $datamanname[name];
                echo '<input type="text" class="form-control" id="name-man" name="name-man" value="'. $manname. '">';               
                }
                echo '</div>
            </div>


        </div>
    </div>
  </div>
  ';
    }
    ?>

    </div>

如何使它起作用？
任何帮助都将不胜感激，因为我被严重卡住了！
谢谢！

编辑 我尝试过：

    <div id="accordion">

  <div class="card">
    <div class="card-header" id="headingOne">
      <h5 class="mb-0">
        <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
          Collapsible Group Item #1
        </button>
      </h5>
    </div>

    <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
      <div class="card-body">
            <p class="card-text">
            <?php
            while ($row = pg_fetch_array($result)) {
            echo $row['name'];
            }
            ?>
            </p>
      </div>
    </div>
  </div>


  </div>

但是我只得到一张带有所有书名信息的卡片，而我想要几张卡片，每张卡片都有其书名..
我真的迷路了。.

循环通过Boostrap折叠组件

0 个答案: