PHPの静的画像付きデータベースからデータを表示する方法

Question

データベースから複数のデータを表示しようとすると、静的画像にも複数の時間が表示されます。私はforeachを使用しようとしていますが、i++としていますが、どちらも同じ結果になります。 複数のデータを1つの画像で表示する方法。

<div class="row"> 
    <?php 
       // set array 
    $array = array(); 
    while($row=mysqli_fetch_assoc($result1)) 
    { 
      // add each row returned into an array 
     $array[] = $row; 
    } 
    // debug: 
    foreach ($array as $arrays) 
    { 
    ?> 

     <div class="col-sm-3"> 
      <div class="address_item"> 
       <img src="img/soul-icon/address-1.png" alt=""> 
       <h3>Address</h3> 
       <h4><?php echo $arrays['address']; ?></h4> 
      </div> 
     </div> 
     <div class="col-sm-3"> 
      <div class="address_item"> 
       <img src="img/soul-icon/call.png" alt=""> 
       <h3>Mobile </h3> 
       <h4><?php echo $arrays['mobile_no']; ?></h4> 
      </div> 
     </div> 
     <div class="col-sm-3"> 
      <div class="address_item"> 
       <img src="img/soul-icon/address-2.png" alt=""> 
       <h3>Phone</h3> 
       <h4><?php echo $arrays['phone_no'];?> </h4> 

      </div> 
     </div> 
     <div class="col-sm-3"> 
      <div class="address_item"> 
       <img src="img/soul-icon/address-3.png" alt=""> 
       <h3>Email</h3> 
       <h4><?php echo $arrays['email']; ?></h4> 

      </div> 
     </div> 

    </div> 
    <?php } ?> 
</div> 

Answer 1

あなたのイメージは、foreachの中にあるので、それは普通のことです。

foreach($array as $value){ 

echo $value; 

} 

のような機能を作成して、あなたのイメージの下にそれらを置くあなたの最初のforeach

を削除します。

あなたのコードを持つ例：（しかし、より良いすべてのforeachための関数を作る）

<div class="row"> 
    <?php 
       // set array 
    $array = array(); 
    while($row=mysqli_fetch_assoc($result1)) 
    { 
      // add each row returned into an array 
     $array[] = $row; 
    } 
    // debug: 

    ?> 
     <div class="col-sm-3"> 
      <div class="address_item"> 
       <img src="img/soul-icon/address-1.png" alt=""> 
       <h3>Address</h3> 
       <h4><?php foreach ($array as $arrays) 
    { 

    echo $arrays['mobile_no']; 


    }?></h4> 
      </div> 
     </div> 
     <div class="col-sm-3"> 
      <div class="address_item"> 
       <img src="img/soul-icon/call.png" alt=""> 
       <h3>Mobile </h3> 
       <h4>//same here</h4> 
      </div> 
     </div> 
     <div class="col-sm-3"> 
      <div class="address_item"> 
       <img src="img/soul-icon/address-2.png" alt=""> 
       <h3>Phone</h3> 
       <h4>//same here </h4> 

      </div> 
     </div> 
     <div class="col-sm-3"> 
      <div class="address_item"> 
       <img src="img/soul-icon/address-3.png" alt=""> 
       <h3>Email</h3> 
       <h4>//same here</h4> 

      </div> 
     </div> 

    </div> 
</div> 

Answer 2

ループの外Imageフィールドを定義します。

<div class="row"> 
    <?php 
       // set array 
    $array = array(); 
    while($row=mysqli_fetch_assoc($result1)) 
    { 
      // add each row returned into an array 
     $array[] = $row; 
    } 
    // debug: 
     <div class="col-sm-3"> 
      <div class="address_item"> 
       <img src="img/soul-icon/address-1.png" alt=""> 
       <h3>Address</h3> 
      </div> 
     </div> 
     <div class="col-sm-3"> 
      <div class="address_item"> 
       <img src="img/soul-icon/call.png" alt=""> 
       <h3>Mobile </h3> 
      </div> 
     </div> 
     <div class="col-sm-3"> 
      <div class="address_item"> 
       <img src="img/soul-icon/address-2.png" alt=""> 
       <h3>Phone</h3> 

      </div> 
     </div> 
     <div class="col-sm-3"> 
      <div class="address_item"> 
       <img src="img/soul-icon/address-3.png" alt=""> 
       <h3>Email</h3> 
      </div> 
     </div> 
    foreach ($array as $arrays) 
    { 
    ?> 

     <div class="col-sm-3"> 
      <div class="address_item text-center"> 

       <h4><?php echo $arrays['address']; ?></h4> 
      </div> 
     </div> 
     <div class="col-sm-3"> 
      <div class="address_item text-center"> 

       <h4><?php echo $arrays['mobile_no']; ?></h4> 
      </div> 
     </div> 
     <div class="col-sm-3"> 
      <div class="address_item text-center"> 

       <h4><?php echo $arrays['phone_no'];?> </h4> 

      </div> 
     </div> 
     <div class="col-sm-3"> 
      <div class="address_item text-center"> 

       <h4><?php echo $arrays['email']; ?></h4> 

      </div> 
     </div> 

    </div> 
    <?php } ?> 
</div> 

Answer 3

最も簡単なのは、最も美しい解決策はでありません置きますあなたの "ヘッダー"行があるかどうかをチェックして、最初に実行したときにそれらのイメージを追加してください。あなたはそのアイデアを得るでしょう

<div class="row"> 
    <?php 
       // set array 
    $array = array(); 
    while($row=mysqli_fetch_assoc($result1)) 
    { 
      // add each row returned into an array 
     $array[] = $row; 
    } 
    // debug: 
$i = 0; 
    foreach ($array as $arrays) 
    { 
    ?> 
     if($i == 0){ 
     //first line 
     <div class="col-sm-3"> 
      <div class="address_item"> 
       <img src="img/soul-icon/address-1.png" alt=""> 
       <h3>Address</h3> 
       <h4><?php echo $arrays['address']; ?></h4> 
      </div> 
     </div> 
     <div class="col-sm-3"> 
      <div class="address_item"> 
       <img src="img/soul-icon/call.png" alt=""> 
       <h3>Mobile </h3> 
       <h4><?php echo $arrays['mobile_no']; ?></h4> 
      </div> 
     </div> 
     <div class="col-sm-3"> 
      <div class="address_item"> 
       <img src="img/soul-icon/address-2.png" alt=""> 
       <h3>Phone</h3> 
       <h4><?php echo $arrays['phone_no'];?> </h4> 

      </div> 
     </div> 
     <div class="col-sm-3"> 
      <div class="address_item"> 
       <img src="img/soul-icon/address-3.png" alt=""> 
       <h3>Email</h3> 
       <h4><?php echo $arrays['email']; ?></h4> 

      </div> 
     </div> 
     }else{ 
     <div class="col-sm-3"> 
      <div class="address_item"> 
       <h3>Address</h3> 
       <h4><?php echo $arrays['address']; ?></h4> 
      </div> 
     </div> 
     <div class="col-sm-3"> 
      <div class="address_item"> 
       <h3>Mobile </h3> 
       <h4><?php echo $arrays['mobile_no']; ?></h4> 
      </div> 
     </div> 
     <div class="col-sm-3"> 
      <div class="address_item">     
       <h3>Phone</h3> 
       <h4><?php echo $arrays['phone_no'];?> </h4> 

      </div> 
     </div> 
     <div class="col-sm-3"> 
      <div class="address_item">      
       <h3>Email</h3> 
       <h4><?php echo $arrays['email']; ?></h4> 

      </div> 
     </div> 

    </div> 
} 
    <?php } ?> 
</div>