Php从数据库写div数据

时间:2015-11-15 16:16:01

标签: php html mysql css while-loop

我有一个项目,我需要创建一个FlipPage网站,从mysql数据库中获取帖子。所以我觉得我可以在PHP上使用函数来实现它。

所以我已经创建了一个包含2个表的数据库。 '网页'和'发布'。

'页面'表结构

enter image description here

'帖子'表结构

enter image description here

我写完这段代码后。它从表中获取所有数据并写入。我有功能的问题。我使用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>';

1 个答案:

答案 0 :(得分:0)

我希望你有包含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文件路径是变量&#39;路径&#39;并且下一页或x页按钮是#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