将PHP代码合并到html中

时间:2016-11-15 20:48:57

标签: php html

我是网络开发的新手 - 但是看过一些教程我已经能够使用php创建一个网页了。但我不认为它非常干净,并没有包含在HTML中。

如何将其合并到html中并使其保持干净。例如,我使用print作为图像。我想最终在我的数据库中的图像上使用jQuery来动画它们

这是代码:

<?php
require "init.php";

$query = "SELECT projectName, projectImage FROM projects";      

$result = mysqli_query($conn, $query);
$response = array();

if(mysqli_num_rows($result)){
    while($row = mysqli_fetch_assoc($result)){
        print
        "<div id= 'item'>" .
        "<p>Project Name ".$row["projectName"]."</p>".
        "<p><img src=".$row["projectImage"]."></p>".
        "</div>";
    }
}
else{

}

?>

2 个答案:

答案 0 :(得分:0)

这是一个非常广泛的问题,但您可以在常规HTML中使用PHP。

例如,您可以运行一些PHP来进行一些服务器端计算,并将其放在html代码的中间。请参阅下面的代码。

<html>
<head>
    <title>PHP Example</title>
</head>
<body>
    <p>Example Test</p>
    <?PHP
    $value1 = 5;
    $value2 = 10;
    $value3 = $value1 + $value2;
    echo "<p>The result is $value3 </p>";
    ?>
</body>
</html>

在上面的代码中,我使用常规HTML,然后当我需要使用PHP时,我在中间使用了这个并回显结果,以便它作为一行html代码“打印”。

答案 1 :(得分:0)

这不是我建议构建我的php的方式,但你是网络开发的新手,所以现在可能不是开始教你建筑的最佳时机。

你有几个选择。

首先,php的美妙之处在于你只需要在需要时嵌入它。例如:

<html>
    <head>
        <title>My App</title>
        <!-- You can add in any css stylesheets here -->
    </head
    <body>
        <?php             
            $query = "SELECT projectName, projectImage FROM projects";
            $result = mysqli_query($conn, $query);
            $response = array();

            if(mysqli_num_rows($result)){
                while($row = mysqli_fetch_assoc($result)){
                    print
                        "<div id= 'item'>" .
                            "<p>Project Name ".$row["projectName"]."</p>".
                            "<p><img src=".$row["projectImage"]."></p>".
                        "</div>";
                 }
              }
        <!-- You can add in any javascript here -->
    </body>
</html>

如果您想研究更高级的体系结构,第一步是将所有SQL分成另一个文件(即 - 构建API)。如果你这样做,你可以使用jQuery(对于小项目)来调用相关的API端点,然后将返回的信息写入屏幕。

最大的缺点是你必须开始学习像get和post这样的动词以及它们与crud动词(创建,阅读,更新和删除)的关系。这是REST的基础!

相关问题