У меня есть один div и его нужно динамически дублировать - PullRequest
Новая
       10

У меня есть один div и его нужно динамически дублировать

3 голосов
/ 28 апреля 2020

У меня есть один 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

Ответы [ 2 ]

2 голосов
/ 28 апреля 2020

Используйте l oop в div, который вы хотите иметь снова и снова. Пожалуйста, проверьте код, если он работает для вас.

введите описание изображения здесь

введите описание изображения здесь

0 голосов
/ 28 апреля 2020

Не имея всех ваших данных, я не могу их протестировать, но это должен быть правильный способ сделать это. Я оставил комментарии в коде и удалил кучу синтаксических ошибок, которые вы сделали: 

<?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();

?>
...