php - PHP从数据库中将数据写入div

我有一个项目，我需要创建一个FlipPage网站，该网站从mysql数据库中获取帖子。因此，我认为可以在PHP上使用while函数来做到这一点。

因此，我首先创建了一个包含2个表的数据库。 “页面”和“帖子”。

“页面”表结构



“职位”表结构



在我编写这段代码之后。它从表中获取所有数据并将其写入。我对while函数有疑问。我正在使用FLipPageLayout设计。页面由div标签分隔。当我在编写此代码页时，会向我显示同一页面上的所有帖子。但是我需要将帖子分配到页面。当我在while循环中编写时，它将为每个帖子创建新页面。但是在表中，我创建了pageid行。如何使用该行来组织每个页面上的帖子。

        if ($pagerow['flipcontent'] == 1) {
            $box = 'w-50 h-100';
        }
        if ($pagerow['flipcontent'] == 2) {

            $box = 'w-25 h-100';
        }

        echo '<div class="f-page">';

        while($postrow = mysqli_fetch_assoc($postquery)) {
            echo '<div class="f-title">';
            echo '<h2>' . $pagerow['title'] . '</h2>';
            echo '</div>';
            echo '<div class="box ' . $box . '">';
            echo '<div class="img-cont"><img src="' . $postrow['photo'] . '"></div>';
            echo '<h3>' . $postrow['title'] . ' <span>' . $postrow['date'] . '</span></h3>';
            echo '<p>' . $postrow['content'] . '</p>';
            echo '</div>';
        } //End of while
        echo '</div>';

最佳答案

我希望你有包括jQuery库。如果没有，则粘贴
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
在您的meta标签中。

从此，您有了索引页面。因此，找到您的SQL查询文件的相对路径并注意这一点。
在SQL查询文件中，在数据库查询之后，添加以下内容：

if ($pagerow['flipcontent'] == 1) {
        $box = 'w-50 h-100';
    }
    if ($pagerow['flipcontent'] == 2) {

        $box = 'w-25 h-100';
    }

    echo '<div class="f-page">';

    while($postrow = mysqli_fetch_assoc($postquery)) {
        echo '<div class="f-title">';
        echo '<h2>' . $pagerow['title'] . '</h2>';
        echo '</div>';
        echo '<div class="box ' . $box . '">';
        echo '<div class="img-cont"><img src="' . $postrow['photo'] . '"></div>';
        echo '<h3>' . $postrow['title'] . ' <span>' . $postrow['date'] . '</span></h3>';
        echo '<p>' . $postrow['content'] . '</p>';
        echo '</div>';
    } //End of while
    echo '</div>';

割创建一个js文件或脚本标签并添加以下内容：
（如果您的SQL文件路径是变量'path'，并且下一页或x-page按钮是＃page-x，并且所有页面的包装器都是相同的＃f-main）

    $('#page-x').click(function(){
    $.get(path, function(data){
        //console.log(data); //if you will remove '//' before console, you may see the fetched data in console. But use only for test neither. remove it.
        $('#main').html(data);
    });
});

而已 。
如果您的代码未获得jquery，则可以在底部的SQL CODE页面中包含cdn标记。
有关更多详细信息，您可以在w3school学习

关于php - PHP从数据库中将数据写入div，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33721880/