php - 将值从 MySQL 输出到预格式化的表中

Question

我正在制作元素周期表并且是 php 的新手。我四处寻找有关如何完成此任务的信息，但找不到任何信息。我想做的是查询我的数据库并获取原子量、名称、元素符号等值，并将它们填充到我用 html 和 css 构建的元素周期表中。但是，我只是不知道运行“while”循环并将数据填充到适当的空间。我了解如何使用结果创建表格，但我不了解如何将结果填充到已创建的 html 结构中。这是我的代码的一部分。同样，我是 php 的新手，所以任何帮助将不胜感激。我相当确定这与我放置打开/关闭 php 标记的位置有很大关系。本质上，如何让循环识别 html 中的变量？我是否关闭 php 标签并重新打开？

非常感谢。

   <?php
//query database (connection successful)//
$result=mysql_query("SELECT * FROM elementdata", $link);


    //fetch results into array to loop through//
    while($row = mysql_fetch_array($result)) {



//begin table structure where I would like to insert data//
<div id="hydrogen" class="element group1 period1">
    <span class="number"> echo $row['atomicNumber']; </span><br>
    <span class="symbol">H</span><br>
    <span class="name"> echo $row['name']; </span><br>
    <span class="molmass">1.007&nbsp;94</span></div>

<div id="Helium" class="element group18 period1">
     <span class="number">echo $row['atomicNumber'];</span><br>
    <span class="symbol">He</span><br>
    <span class="name"> echo $row['name']; </span><br>
    <span class="molmass">4.002&nbsp;602</span></div> 
//...table continues...//

?>

Answer 1

您可以采用两种方法，使用 PHP 回显 HTML 或在 HTML 中包含 PHP。

PHP 打印 HTML

<?php
//query database (connection successful)//
$result=mysql_query("SELECT * FROM elementdata", $link);


//fetch results into array to loop through//
while($row = mysql_fetch_array($result)) {

    //begin table structure where I would like to insert data//
    echo '<div id="hydrogen" class="element group1 period1">';
    echo '    <span class="number">' . $row['atomicNumber'] . '</span><br>';
    echo '    <span class="symbol">H</span><br>';
    echo '    <span class="name">' . $row['name'] . '</span><br>';
    echo '    <span class="molmass">1.007&nbsp;94</span></div>';
}

HTML 与 PHP

<?php
//query database (connection successful)//
$result=mysql_query("SELECT * FROM elementdata", $link);


//fetch results into array to loop through//
while($row = mysql_fetch_array($result)) {
?>
    //begin table structure where I would like to insert data//
    <div id="hydrogen" class="element group1 period1">';
        <span class="number"><?php echo $row['atomicNumber']; ?></span><br>';
        <span class="symbol">H</span><br>';
        <span class="name"><?php echo $row['name']; ?></span><br>';
        <span class="molmass">1.007&nbsp;94</span></div>';
<?php
}