Создание индексной страницы каталога на PHP

Расширенные примеры индексной страницы каталога

Пример 1: полный скрипт с пагинацией, сортировкой и фильтрацией на PDO + Twig

Включает обработку GET-параметров sort, order, filter, защиту от инъекций, постраничную навигацию.

<?php
// index.php (полный пример)
require_once 'vendor/autoload.php';

use Twig\Loader\FilesystemLoader;
use Twig\Environment;

$loader = new FilesystemLoader('templates');
$twig = new Environment($loader);

$pdo = new PDO('mysql:host=localhost;dbname=catalog;charset=utf8', 'user', 'pass');
$pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
$pdo->setAttribute(PDO::ATTR_DEFAULT_FETCH_MODE, PDO::FETCH_ASSOC);

$page = max(1, (int)($_GET['page'] ?? 1));
$perPage = 8;
$sort = in_array($_GET['sort'] ?? '', ['name', 'price', 'id']) ? $_GET['sort'] : 'id';
$order = strtoupper($_GET['order'] ?? 'ASC') === 'DESC' ? 'DESC' : 'ASC';
$categoryId = (int)($_GET['category'] ?? 0);

$where = '';
$params = [];
if ($categoryId > 0) {
    $where = 'WHERE category_id = :cat';
    $params[':cat'] = $categoryId;
}

$countSql = "SELECT COUNT(*) FROM products $where";
$stmtCount = $pdo->prepare($countSql);
$stmtCount->execute($params);
$total = $stmtCount->fetchColumn();

$sql = "SELECT id, name, price, image FROM products $where ORDER BY $sort $order LIMIT :limit OFFSET :offset";
$stmt = $pdo->prepare($sql);
$stmt->bindValue(':limit', $perPage, PDO::PARAM_INT);
$stmt->bindValue(':offset', ($page - 1) * $perPage, PDO::PARAM_INT);
foreach ($params as $k => $v) $stmt->bindValue($k, $v);
$stmt->execute();
$products = $stmt->fetchAll();

$categories = $pdo->query('SELECT id, name FROM categories')->fetchAll();

echo $twig->render('catalog_with_filters.html.twig', [
    'products' => $products,
    'categories' => $categories,
    'currentPage' => $page,
    'totalPages' => ceil($total / $perPage),
    'currentSort' => $sort,
    'currentOrder' => $order,
    'selectedCategory' => $categoryId,
]);

Результат: HTML-страница с каталогом, ссылками на сортировку и пагинацию, списком категорий для фильтрации.

Пример 2: AJAX-загрузка с использованием JSON и jQuery

Сервер возвращает JSON, клиент динамически строит DOM. Подходит для SPA-подобных интерфейсов.

// server.php (обработчик AJAX)
header('Content-Type: application/json');
$page = (int)($_GET['page'] ?? 1);
$stmt = $pdo->prepare('SELECT id, name, price FROM products LIMIT 6 OFFSET :offset');
$stmt->execute([':offset' => ($page - 1) * 6]);
$products = $stmt->fetchAll();
echo json_encode($products);

// index.html (фрагмент)
<script>
function loadPage(page) {
    $.getJSON('server.php', {page: page}, function(data) {
        $('#product-list').empty();
        $.each(data, function(i, item) {
            $('#product-list').append('<div class="product" data-id="' + item.id + '">' + item.name + ' - ' + item.price + '</div>');
        });
    });
}
</script>

Результат: динамическое обновление списка товаров без перезагрузки страницы.

Пример 3: кэширование с использованием Redis

Более производительное кэширование по сравнению с файловым. Требует установленного расширения phpredis.

$redis = new Redis();
$redis->connect('127.0.0.1', 6379);
$cacheKey = 'catalog_page_' . $page;
if ($redis->exists($cacheKey)) {
    echo $redis->get($cacheKey);
    exit;
}
ob_start();
// ... генерация контента ...
$content = ob_get_clean();
$redis->setEx($cacheKey, 3600, $content);
echo $content;

Результат: страница отдаётся из Redis, время ответа снижено до 1-5 мс при наличии кэша.