SQLデータベースからHTMLディビジョン（プロジェクト）を取り込む

Question

私は最終的に自分のポートフォリオを処理するために息を呑んだ。私は、SQLデータベースからデータをdivに取り込んでいます。それは動作していますが、私はPHPを間違った方法で使用していると言います。PHPとHTMLのコードが混在してはいけません。

私のPHPの出力は、このようなものです：

<div class="content"> 
    <h3>{ <em>Showcase</em> }</h3> 
    <?php 
    while($row = mysqli_fetch_assoc($result)) 
     { 
      $typeDescription = $row['type_description']; 
      $typeDescription = ucfirst($typeDescription); 

      echo ('<div class="project-thumb">'); 
      echo ('<div class="banner-container">'); 
      echo ('<h3>'.$typeDescription."</h3>"); 
      echo ('<img src="'.$imagePath.$row['short_description']."_banner.png".'"/>'); 
      echo ('<img class="banner-fold" src="'.$imagePath.$row['short_description']."_fold.png".'"/>'); 
      echo ('</div>'); 
      echo ('<img class= "main-image" src="'.$imagePath.$row['project_image'].'"/>'); 
      echo('<h5>'.$row['project_year'].'</h5>'); 
      echo('<h3>'.$row['project_name'].'</h3>'); 
      echo('<p>'.$row['project_description']."</p>"); 
      echo ('</div>'); 
     } 
    ?> 

何各プロジェクトのデータベースと のうち、私が欲しいものを達成するために、より効果的な方法、（ロード名/画像/コンテンツ）があるを作成私のプロジェクトは私のショーケース（ポートフォリオページ）でソートされるので、div？

私はボードの周りを検索していて、もっときれいなコードを作る可能性のある方法があればビデオを探しました。しかし、私が得るのは、Ajaxを使ったForm Application Tutorialsです。

私があなたを助けてくれることを願っています！

親切にしてください！

Answer 1

問題は、ビジネスロジックとプレゼンテーションを混在させることです。これは、HTML<p style="color:red;">RED</p>

代わりのHTML/CSS<p>RED</p>とp { color:red}

PHPでこれを行うための一つのアプローチは、このようなtwig、例えば

として template enginesが関与を使用してを使用して

のようなものです

require_once '/path/to/vendor/autoload.php'; 

$loader = new Twig_Loader_Array(array(
    'index' => 'Hello {{ name }}!', 
)); 
$twig = new Twig_Environment($loader); 

echo $twig->render('index', array('name' => 'Fabien'));