使用 PHP 格式化 SQL 已将其插入 HTML(网页)的数据

Formatting SQL Data having inserted it into HTML (Webpage) using PHP

问题 - 我创建了一个数据库连接,查询了数据库,并将结果转换为关联数组。使用 PHP 显示 SQL 数据是我遇到的麻烦。我设法以基本方式显示它,但我的目标是让此信息显示为页面一侧的 'News Column',因此我需要将数据插入到 Divs 中能够操纵。

到目前为止的尝试 - 如下所示,这种显示我的数据的尝试的呈现方式令人畏惧。然而,通过这种方式,我确实设法区分了每条数据的标题类型。

    echo "<h2>" . $row["title"]. "</h2><h3>Date: " . $row["dateTime"]. "</h3><h4>Passage: " . $row["passage"]. "</h4><br>";

HTML 当前网页:

http://i.imgur.com/9U1TWkd.png(我的'News Column'长什么样) http://i.imgur.com/1tgA0sx.png (My HTML Code I want Data to be inputted into) - The aim is for someone to be able to complete this form (http://i.imgur.com/0xMnOVB.png) 和要进入数据库的数据(完成此操作),并在列中显示 'Title' 出现在正确的位置,与 'Date' 相同并且终于有了 'Passage'.

我在网上找到的内容:

我不喜欢浪费别人的时间,所以我花了几个小时在网上搜索。到目前为止,我发现大多数人使用他们的 SQL 数据创建 HTML 表,这很好,但是我还没有发现任何人在使用 Divs/Headings/Paragraphs 等等...

我的CSS:

我有一个 CSS 文件,我正在通过 HTML 代码检索(或任何术语)(到目前为止)。

有趣的是,您似乎拥有所需的所有组件:一个示例,说明如何输出标记(HTML)以及如何将数据库查询和数据注入其中。除非我遗漏了什么(总是有可能!),那么剩下的就是让你将两者粘合在一起。

假设您最近的图形中表示的表单是在 .php 文件中生成的,您可以预先构建一个包含呈现输出所需的所有标记的巨型变量,或者编写一些静态 HTML 并仅使用原生 PHP 插入动态元素(PHP 本身就是一种模板语言)。

使用后一种方法,您将执行如下操作(请原谅不同的 CSS class 名称和标签层次结构,我不能从 PNG copy/paste :-)

<div class="wrapper"> <?php foreach($myResult as $row): ?> <div class="article> <h3><?php echo $row['Title']; ?></h3> <div class="date"><?php echo $row['Date']; ?></div> <p><?php echo $row['Body']; ?></p> <div> <?php endforeach; ?> </div>