我有一个 div 并且需要动态复制

Question

我有一个 div 和未知数量（比如 n）的数据行。我需要在我的 html 卡片上显示这些数据这些卡片将由输出值（n）动态生成。

假设我有 10 行 data.my div 元素需要创建 10 次并且每行数据要显示在每个 div

顺便说一句，我正在使用 PHP 作为后端。

这是我的代码这是我的 div

<div class="row">
  <div class="column">
    <div class="card">
      <h1><?php echo"$value"; ?></h1>
      <h3><?php<?php echo"$description";?></h3>
    </div>
  </div>
</div>

这是我的php代码

<?php
      $conn=new mysqli("localhost","root","","programmingpioneers");
          if(!$conn)
          {
            echo "connection_failed";
          }
          else{
            //echo "sucess";
          }
          $query= "select title,description from problems where difficulty='hard'";
          $result=mysqli_query($conn,$query);
          $row=mysqli_fetch_array($result);
          if (mysqli_query($conn, $query)) 
          {
              echo "sucess<br>";
              while ($row=mysqli_fetch_array($result)) {
                       $title=$row[0];
                   $description=$row[1];
                   echo "$title <br> $description";
                }


           }

  else {
        echo "Error: " . $query . "<br>" . mysqli_error($conn);
    }
         ?>

如果我尝试将我的 div 放入

echo"$title <br>$description";

它抛出以下错误

Parse error: syntax error, unexpected 'row' (T_STRING), expecting ';' or ',' in C:\xampp\htdocs\myapp\useless.php on line 19

Answer 1

在您想再次使用的 div 中使用循环，然后 again.Please 检查代码是否适合您。

enter image description here

Answer 2

如果没有您的所有数据，我无法对其进行测试，但这应该是正确的方法。我在代码中留下了注释并删除了你犯的一堆语法错误：

<?php

// Create MySQLi object
$conn = new mysqli("localhost","root","","programmingpioneers");

// Verify MySQL connection
if ($conn->connect_errno) {
    echo "Failed to connect to MySQL: (" . $conn->connect_errno . ") " . $conn->connect_error;
}

// Query
$query = "SELECT title,description FROM problems WHERE difficulty = 'hard'";

// Run query
if($result = $conn->query($query)) {

    // Loop through query results
    while ($row = $result->fetch_assoc()){
        echo "<div class='row'>";
        echo "<div class='column'>";
        echo "<div class='card'>";
        echo "<h1>". $row['title'] ."</h1>";
        echo "<h3>". $row['description'] ."</h3>";
        echo "</div></div></div>";
    }

// Output query errors
} else {
    echo "Failed to select title, description: (" . $conn->errno . ") " . $conn->error;
}

// Close the MySQLi connection
$conn->close();

?>

我有一个 div 并且需要动态复制

I have a single div and it needs to be duplicated dynamically

html

javascript

css

php

display