Форматирање на излезот од базата на податоци во PHP

Веќе знаете како да добивате податоци од базата на податоци. Ајде сега да ги прикажеме тие податоци, форматирајќи ги со тагови.

На пример, записите од нашата тест табела users ќе ги прикажеме во следниот облик:

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>

За почеток, ајде да добиеме низа од записи од нашата база на податоци:

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

Ајде сега да ги прикажеме податоците од нашата низа во форматиран облик:

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

Може да се препише и на следниов начин:

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

Прикажете ги записите од нашата табела во следниот облик:

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

Прикажете ги записите од нашата табела во следниот облик:

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

Прикажете ги записите од нашата табела во следниот облик:

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