Javascript 从SQL数据库填充HTML div（项目）

我终于又喘了口气，开始做我的投资组合。我正在用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，以便在Showcase公文包页面上对我的项目进行排序，这是实现我想要的更有效的方法吗

我在黑板上到处搜索，甚至还查找了视频，看是否有可能制作出更整洁的代码。但我得到的只是Ajax的表单应用程序教程

我希望你们能帮助我

---

亲切的问候

您的方法的问题在于，您将演示与业务逻辑混为一谈。这就像

使用HTML

红色

而不是使用HTML/CSSRED

和p{color:RED}

在PHP中实现这一点的一种方法包括

---

我投票结束这个问题，因为这个问题不属于这里。有时接触php文档会更好，特别是介绍。今天我一直在寻找更多关于细枝模板的信息。这肯定是我可以使用的东西，所以这意味着我的问题已经解决了，我可以继续我的投资组合。现在我在数组中使用原始数据字符串，我的问题是，是否可以在以后用SQL查询填充这些数据？谢谢

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'));