Formatimi i Nxjerrjes së të Dhënave nga Baza e të Dhënave në PHP

Tashmë ju dini si të merrni të dhëna nga baza e të dhënave. Le t'i shfaqim këto të dhëna duke i formatuar me tag-e.

Për shembull, regjistrimet e tabelës sonë testuese users le t'i shfaqim në formën e mëposhtme:

html<p>
  <b>user1</b>
  <b>23</b>
  <b>400</b>
</p>
<p>
  <b>user2</b>
  <b>24</b>
  <b>500</b>
</p>
<p>
  <b>user3</b>
  <b>25</b>
  <b>600</b>
</p>

Për fillim, le të marrim një grup regjistrimesh nga baza jonë e të dhënave:

php<?php
  $query = "SELECT * FROM users";
  $result = mysqli_query($link, $query) or die(mysqli_error($link));
  for ($data = []; $row = mysqli_fetch_assoc($result); $data[] = $row);
?>

Le të shfaqim tani të dhënat e grupit tonë në formë të formatuar:

html<?php
  $result = '';
  
  foreach ($data as $elem) {
    $result .= '<p>';
    
    $result .= '<b>' . $elem['name'] . '</b>';
    $result .= '<b>' . $elem['age'] . '</b>';
    $result .= '<b>' . $elem['salary'] . '</b>';
    
    $result .= '</p>';
  }
  
  echo $result;
?>

Mund të rishkruhet edhe në formën e mëposhtme:

html<?php foreach ($data as $elem): ?>
  <p>
    <b><?= $elem['name'] ?></b>
    <b><?= $elem['age'] ?></b>
    <b><?= $elem['salary'] ?></b>
  </p>
<?php endforeach; ?>
Задание 1

Shfaqni regjistrimet e tabelës sonë në formën e mëposhtme:

html<div>
  <h2>user1</h2>
  <p>
    23 years, <b>400$</b>
  </p>
</div>
<div>
  <h2>user2</h2>
  <p>
    24 years, <b>500$</b>
  </p>
</div>
<div>
  <h2>user3</h2>
  <p>
    25 years, <b>600$</b>
  </p>
</div>
Задание 2

Shfaqni regjistrimet e tabelës sonë në formën e mëposhtme:

html<table>
  <tr>
    <th>id</th>
    <th>name</th>
    <th>age</th>
    <th>salary</th>
  </tr>
  <tr>
    <td>1</td>
    <td>user1</td>
    <td>23</td>
    <td>400</td>
  </tr>
  <tr>
    <td>2</td>
    <td>user2</td>
    <td>25</td>
    <td>500</td>
  </tr>
  <tr>
    <td>3</td>
    <td>user3</td>
    <td>23</td>
    <td>500</td>
  </tr>
</table>
Задание 3

Shfaqni regjistrimet e tabelës sonë në formën e mëposhtme:

html<ul>
  <li>user1</li>
  <li>user2</li>
  <li>user3</li>
</ul>