將PHP陣列導入引導卡

Question

我有一些JSON，$ json。 這是用json_decode解析的，給了我一個可以提取值的數組。 對於此數組中的每個項目，如何將其值移入引導卡？

<?php
    $json = json_decode($content, true);
    foreach($json['response']['results'] as $response){
        echo $response['fields']['headline'] . "<br/>";
        echo $response['fields']['trailText'] . "<br/>";
        echo $response['fields']['thumbnail'] . "<br/>";
        echo $response['fields']['shortUrl'] . "<br/></br>";
    }
?>

引導卡示例：

<div class="card" style="max-width:319px;">
    <img src="myImage.png" class="card-img-top" alt="Card image" />
    <div class="card-block">
        <h4 class="card-title">This is a title</h4>
        <p class="card-text">Card text</p>
        <a href="http://website.co.uk" class="btn btn-success">Button</a>
    </div>
</div> 

Answer 1

只需在foreach循環內回顯html並添加字段值

<?php
    $json = json_decode($content, true);
    foreach($json['response']['results'] as $response){
        echo '<div class="card" style="max-width:319px;">
            <img src="' . $response['fields']['thumbnail'] . '" class="card-img-top" alt="Card image" />
            <div class="card-block">
                <h4 class="card-title">' . $response['fields']['headline'] . '</h4>
                <p class="card-text">' . $response['fields']['trailText'] . '</p>
                <a href="' . $response['fields']['shortUrl'] . '" class="btn btn-success">Button</a>
            </div>
        </div>; 
    }
?>

Answer 2

我會做這樣的事情：

<?php
$json = json_decode($content, true);
foreach($json['response']['results'] as $response){
    ?>
    <div class="card" style="max-width:319px;">
        <img src="<?=$response['fields']['thumbnail']?>" class="card-img-top" alt="Card image" />
        <div class="card-block">
            <h4 class="card-title"><?=$response['fields']['headline']?></h4>
            <p class="card-text"><?=$response['fields']['trailText']?></p>
            <a href="<?=$response['fields']['shortUrl']?>" class="btn btn-success">Button</a>
        </div>
    </div> 
    <?php
}
?>

我認為變更更好，請讓我知道是否適合您！