1

В данный момент данные базы выводятся в таблицу (код ниже), я же хочу сделать чтобы эти данные выводились в карточки (пример ниже). То есть нужно чтобы каждая строка была карточкой. Как вообще это делается?

echo '<table class="ui very basic collapsing celled table">';
            echo '<tr><td><b>Ship ID</b></td><td><b>Name</b></td><td><b>Captain</b></td><td><b>Type</b></td><td><b>Cargo</b></td><td><b>Build</b></td><td><b>Photo</b></td><td>Delete</td></tr>';
            while ($row = mysql_fetch_assoc($result)) {
            echo '<tr><td>'.$row['ship_id'].'</td><td>'.$row['ShipName'].'</td><td>'.$row['CaptainName'].'</td><td>'.$row['ShipType'].'</td><td>'.$row['Cargo'].'</td><td>'.$row['BuildYear'].'</td><td>'.$row['Photo'].'</td></tr>';
            }
        echo '</table>';

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

0

2 ответа 2

1

У вас таблица в цикле выводиться тут:

echo '<tr><td>'.$row['ship_id'].'</td><td>'.$row['ShipName'].'</td><td>'.$row['CaptainName'].'</td><td>'.$row['ShipType'].'</td><td>'.$row['Cargo'].'</td><td>'.$row['BuildYear'].'</td><td>'.$row['Photo'].'</td></tr>';

изменить содержимое на div и все. т.е это:

echo '<table class="ui very basic collapsing celled table">';
        echo '<tr><td><b>Ship ID</b></td><td><b>Name</b></td><td><b>Captain</b></td><td><b>Type</b></td><td><b>Cargo</b></td><td><b>Build</b></td><td><b>Photo</b></td><td>Delete</td></tr>';

и это:

echo '</table>';

вам не нужно. Вот я сделал на примере блоков бутстрапа:

while ($row = mysql_fetch_assoc($result)) {       
   echo'<div class="col-md-3">';
   echo $row['ship_id'].$row['ShipName'].$row['CaptainName'].$row['ShipType'].$row['Cargo'].$row['BuildYear'].$row['Photo'];
   echo '</div>';
}

col-md-3 - стилизуйте как вам хочется. тут:

$row['ship_id'].$row['ShipName'].$row['CaptainName'].$row['ShipType'].$row['Cargo'].$row['BuildYear'].$row['Photo']

тоже, можете дивами обыгрывать как Вам в душе угодно)

3
  • А как именно обыгрывать? Я не совсем понимаю.
    – Fann
    16 ноя 2017 в 6:27
  • @Fann вы можете сверстать блок, который должен быть, а я php код вставлю вам и объясню на вашем примере. 16 ноя 2017 в 6:29
  • Спасибо, уже разобрался.
    – Fann
    16 ноя 2017 в 7:06
0

Избавляемся от лишнего мусора и делаем всё красиво. Про альтернативный синтаксис можно почитать в документации

<?php while ($row = mysql_fetch_assoc($result)): ?>
    <div class="ui card">
        <div class="image">
            <img src="<?=$row['Photo']?>">
        </div>
        <div class="content">
            <a class="header"><?=$row['ShipName']?></a>
            <div class="meta">
                <span class="date">Построен в <?=$row['BuildYear']?></span>
            </div>
            <div class="description">
                <?=$row['Cargo']?>
                Тип <?=$row['ShipType']?>
            </div>
        </div>
        <div class="extra content">
            <a>
                <i class="user icon"></i>
                22 Friends
            </a>
        </div>
    </div>
<?php endwhile; ?>
8
  • Я потому и спрашиваю что не понимаю как именно выводить. Вот тут всякие шаблоны этих корточек и все они через div - semantic-ui.com/views/card.html
    – Fann
    15 ноя 2017 в 19:09
  • @Fann исправил ответ. Обратите внимание на короткую запись и на то, что весь этот код НЕ нужно вписывать между ВАШИМИ тегами <?php ?>
    – n.osennij
    15 ноя 2017 в 19:15
  • Я работаю с PHP 5.5. Могут ли быть проблемы с вашим решением?
    – Fann
    15 ноя 2017 в 19:24
  • Проблем не будет. 15 ноя 2017 в 19:30
  • И извините, я не совсем понял что Вы имеете в виду - Обратите внимание на короткую запись и на то, что весь этот код НЕ нужно вписывать между ВАШИМИ тегами <?php ?
    – Fann
    15 ноя 2017 в 19:30

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.