Php 连接MySQL数据库与砌体+；无限卷轴_Php_Mysql_Blogs_Infinite Scroll_Jquery Masonry

Php 连接MySQL数据库与砌体+；无限卷轴

php mysql

Php 连接MySQL数据库与砌体+；无限卷轴,php,mysql,blogs,infinite-scroll,jquery-masonry,Php,Mysql,Blogs,Infinite Scroll,Jquery Masonry,我更多的是初学者类型的Web开发人员，在MySQL和PHP方面没有太多经验我用Mashine做了一些博客网站，现在想升级它以实现MySQL数据库，这样我就不必再将每个博客文章硬编码到登录页 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>PHP TEST</title> <l

我更多的是初学者类型的Web开发人员，在MySQL和PHP方面没有太多经验

我用Mashine做了一些博客网站，现在想升级它以实现MySQL数据库，这样我就不必再将每个博客文章硬编码到登录页

    <!DOCTYPE html>
    <html>

    <head>

    <meta charset="utf-8">
    <title>PHP TEST</title>
    <link href="css/gridstyle.css" rel="stylesheet" type="text/css">


    </head>

    <body>

    <!-- CONTENT -->
    <div class="grid">
    <div class="grid-sizer"></div>
    <div class="gutter-sizer"></div>

    <?php

    $conn = mysqli_connect("x", "y", "z", "database");
    $sql="SELECT * FROM xyz ORDER BY id desc LIMIT 5";

    $result = mysqli_query($conn, $sql);
    while ($dsatz = mysqli_fetch_assoc($result)) {
        $rows = array();

        echo "<div class='grid-item'>";
        echo $dsatz['name'];
        echo "</div>";
      }

     ?>

    </div>

    <!-- BUTTON-->
      <p>
      <button class="view-more-button">View more</button>
    </p>

    <!-- END TEXTS -->
    <div class="page-load-status">
      <p class="infinite-scroll-last">End of content</p>
      <p class="infinite-scroll-error">No more pages to load</p>
    </div>

      <script src="js/jquery.min.js" type="text/javascript"></script>
      <script src="js/masonry.pkgd.js" type="text/javascript"></script>
      <script src="js/infinite-scroll.pkgd.min.js"></script>
      <script type="text/javascript">

      var elem = document.querySelector('.grid');
      var msnry = new Masonry( elem, {
      itemSelector: '.grid-item',
      gutter: '.gutter-sizer',
      });

    $('.grid').infiniteScroll({
    outlayer: msnry,
    path: 'content/Page_{{#}}.php',
    append: '.grid-item',
    scrollThreshold: false,
    button: '.view-more-button',
    status: '.page-load-status',
    history: false,
    status: '.page-load-status',
  });

  </script>

</body>

</html>

到

显示接下来的5行

谢谢你的时间

此外，我发现了这段代码，但无法让它工作

  $sql="SELECT * FROM xyz ORDER BY id desc LIMIT 5";

  $sql="SELECT * FROM xyz ORDER BY id desc LIMIT 5,5";