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

Question

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

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

'pages'表结构

'posts'表结构

在我写完这段代码之后。它从表中获取所有数据并将其写入。我的 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>';

Answer 1

我希望你已经包含了 jquery 库。如果没有，则粘贴
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
在您的元标记中。
因为，你有索引页。所以找到你的 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>';

mow 创建一个 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了解详情