Title1

Title2

Title3

7-2 後台+樣版

info_prod_main.html

<h2 class="text-center my-5"><?= row.title ?></h2>
<div class='row'>
<div class='col-sm-10 offset-sm-1'>
<div class="card" style="">
<img src="<?= row.pic ?>" class="card-img-top" alt="<?= row.title ?>">
<div class="card-body">   
<div class='card-text'>商品單位: <?!= row.unit ?></div>  
<div class='card-text'>商品單價: <?!= row.price ?> 元</div> 
<hr>  
<div class='card-text'><?!= row.info ?></div>
</div>
</div>
</div>
</div>

 

Youtube影片:https://youtu.be/bF_wJecXhd8