array_slice页面编号

Question

该脚本将文件夹中的每个图像都显示在网页上。 有没有一种方法可以像每10张图像中的1,2,3,4,5这样简单的页码显示？ 到目前为止，我尝试的所有操作均无效。

   <?php

        # To prevent browser error output
        header('Content-Type: text/javascript; charset=UTF-8');
        # Path to image folder
        $imagefolder = 'img/';
        # Show only these file types in the image folder
        $imagetypes = '{*.jpg,*.JPG,*.JPEG,*.png,*.PNG,*.gif,*.GIF}';
        # Add images to array
        $images = glob($imagefolder.$imagetypes, GLOB_BRACE);
        # Sort the images based on its 'last modified' time stamp
        $sortedImages = array();
        $count = count($images);
        for ($i = 0; $i < $count; $i++) {
            $sortedImages[date ('YmdHis', filemtime($images[$i])).$i] = $images[$i];
        }

        # Set to 'false' if you want the oldest images to appear first
        $newest_images_first = true;
        # Sort images in array
        if($newest_images_first) {
            krsort($sortedImages);
        } else {
            ksort($sortedImages);
        }

        # Generate the HTML output
        writeHtml('<ul class="ins-imgs">');
        foreach ($sortedImages as $image) {
            # Get the name of the image, stripped from image folder path and file type extension
            $name = 'Image name: '.substr($image,strlen($imagefolder),strpos($image, '.')-strlen($imagefolder));
            # Get the 'last modified' time stamp, make it human readable
            $last_modified = '(last modified: '.date('F d Y H:i:s', filemtime($image)).')';
            # Begin adding
            writeHtml('<li class="ins-imgs-li">');
            writeHtml('<div class="ins-imgs-label">'.$name.' '.$last_modified.'</div>');
            writeHtml('<div class="ins-imgs-img"><a name="'.$image.'" href="#'.$image.'">');
            writeHtml('<img src="'.$image.'" alt="'. $name.'" title="'. $name.'">');
            writeHtml('</a></div>');
            writeHtml('</li>');
        }
        writeHtml('</ul>');
        writeHtml('<link rel="stylesheet" type="text/css" href="ins-imgs.css">');
        # Convert HTML to JS
        function writeHtml($html) {
            echo "document.write('".$html."');\n";



        }

    ?>

Answer 1

考虑到您说的不是PHP大师，我将展示我的解决方案并逐步解释它。
希望对您有所帮助。

这是我用于分页的循环：

for($i = (($page-1)*$perPage); $i < min(($page*$perPage), $total); $i++) {
    }

我会用它来创建一个新的数组中的元素11-20，21-30等。

首先， .$i在$sortedImages数组的索引（代码的第15行）中删除了.$i

for ($i = 0; $i < $count; $i++) {
    $sortedImages[date ('YmdHis', filemtime($images[$i]))] = $images[$i]; #15th Row
}

因为它会使索引有些混乱（下一步是必需的）。

然后，创建一个索引为0到N的新数组，使代码整洁（我这样做是为了尽可能减少代码更改），然后使用$sortedImages数组的元素填充该数组。

$k = 0; # The new index
$newArray = array(); # The new array
foreach($sortedImages as $soImg) {
    $newArray[$k] = $soImg; 
    $k++;
}

最后分页的实现：

$page = $_GET["page"];
$perPage = 3;
$total = $count;

for ($i = (($page-1)*$perPage); $i < min(($page*$perPage), $total); $i++) {
    $newSortedImages[$i] = $newArray[$i];
}

变量：

• $page = $_GET["page"]; 是从网址检索的页码（ $_GET[]是一个超全局数组 ）
• $perPage是每页显示的元素数
• $total = $count; 是$images数组的数量（第13行）

循环：

• $i = (($page-1)*$perPage)是循环的开始，如果页面是1，则循环应从0开始，然后表达式(($page-1)*$perPage)使其起作用。
• $i < min(($page*$perPage), $total)是循环的结尾， min()函数查找其参数之间的最小值，例如在最后一页包含4个元素而预期6个元素时，这将很有帮助。

然后，您只需要更改数组即可在代码的第29行中从$sortedImages到$newSortedImages 。

对于分页控件，请使用以下命令：

$nextPage = $page + 1;
$prevPage = $page - 1;

这是新的代码实现：

# To prevent browser error output
header('Content-Type: text/javascript; charset=UTF-8');
# Path to image folder
$imagefolder = 'img/';
# Show only these file types in the image folder
$imagetypes = '{*.jpg,*.JPG,*.JPEG,*.png,*.PNG,*.gif,*.GIF}';
# Add images to array
$images = glob($imagefolder.$imagetypes, GLOB_BRACE);
# Sort the images based on its 'last modified' time stamp
$sortedImages = array();
$count = count($images);
for ($i = 0; $i < $count; $i++) {
    $sortedImages[date ('YmdHis', filemtime($images[$i])).$i] = $images[$i];
}

# Set to 'false' if you want the oldest images to appear first
$newest_images_first = true;
# Sort images in array
if($newest_images_first) {
    krsort($sortedImages);
} else {
    ksort($sortedImages);
}

# Now I give an index from 0 to N to the new array to make it work with pagination loop
$k = 0; # The new index
$newArray = array(); # The new array
foreach($sortedImages as $soImg) {
    $newArray[$k] = $soImg;
    $k++;
}

$page = $_GET["page"];
$perPage = 3;
$total = $count;
for ($i = (($page-1)*$perPage); $i < min(($page*$perPage), $total); $i++) {
    $newSortedImages[$i] = $newArray[$i];
}

# Generate the HTML output
writeHtml('<ul class="ins-imgs">');
foreach ($newSortedImages as $image) {
    # Get the name of the image, stripped from image folder path and file type extension
    $name = 'Image name: '.substr($image,strlen($imagefolder),strpos($image, '.')-strlen($imagefolder));
    # Get the 'last modified' time stamp, make it human readable
    $last_modified = '(last modified: '.date('F d Y H:i:s', filemtime($image)).')';
    # Begin adding
    writeHtml('<li class="ins-imgs-li">');
    writeHtml('<div class="ins-imgs-label">'.$name.' '.$last_modified.'</div>');
    writeHtml('<div class="ins-imgs-img"><a name="'.$image.'" href="#'.$image.'">');
    writeHtml('<img src="'.$image.'" alt="'. $name.'" title="'. $name.'">');
    writeHtml('</a></div>');
    writeHtml('</li>');
}
writeHtml('</ul>');
writeHtml('<link rel="stylesheet" type="text/css" href="ins-imgs.css">');
# Convert HTML to JS
function writeHtml($html) {
    echo "document.write('".$html."');\n";
}

对于页面编号，您必须知道元素的总数并将其除以$perPage元素，显然结果必须是整数，因此您将使用ceil()函数

来自php.net

必要时通过舍入值返回下一个最大的整数值。

$pages = ceil($count / $perPage);

然后使用它显示pege编号：

for($i = 1; $i <= $pages; $i++) {
    writeHtml('<a href="?page=' . $i . '">' . $i . '</a> ');
}

Answer 2

您不需要数据库即可实现简单的分页。

$currentpage = $_GET['p'];
for ($i = ($currentpage*$pageSize); $i<sortedImages as $image) {

  // your HTML output here

}

for($i = 0; $i < $sortedImages/$pageSize; $i++){
  writeHtml('<a href=/?p='.$i + 1.'/>');
}

这只是一个示例，如果您剪切'n粘贴，可能无法正常工作。 但是这里可以使您很好地了解如何实现它。