#consultaSQLLIKE

[fernando-arciniega]

Agregar un paginador y un buscador al Frontend - Del proyecto "Crea un carrito de compras con PHP, MySQL y Bootstrap"

Para mejorar la funcionalidad del frontend, implementaremos dos características: - Un paginador que muestra 9 productos por página. - Un buscador que permite filtrar productos por nombre o descripción. Aquí te detallo los cambios realizados al código original para agregar las funcionalidades de paginación (9 productos por página) y el buscador, manteniendo el encabezado y el pie de página. Cambios realizados al código original 1. Incorporación de variables y lógica para la paginación - Nuevas variables: - $productos_por_pagina: Define cuántos productos se mostrarán por página (9 en este caso). - $pagina_actual: Obtiene el número de página desde la URL (GET). - $inicio: Calcula el índice inicial para la consulta SQL con LIMIT. - Consulta para contar productos: - Se agregó una consulta para contar el total de productos y calcular cuántas páginas serán necesarias. - Si hay una búsqueda activa, el conteo se ajusta para filtrar solo los productos que coinciden con la búsqueda. Código agregado: $productos_por_pagina = 9; $pagina_actual = isset($_GET) ? (int)$_GET : 1; if ($pagina_actual $inicio = ($pagina_actual - 1) * $productos_por_pagina; // Consulta para contar productos if (!empty($busqueda)) { $consulta_total = "SELECT COUNT(*) AS total FROM productos WHERE nombre LIKE '%$busqueda%' OR descripcion LIKE '%$busqueda%'"; } else { $consulta_total = "SELECT COUNT(*) AS total FROM productos"; } $total_productos = $conexion->query($consulta_total)->fetch_assoc(); $total_paginas = ceil($total_productos / $productos_por_pagina); 2. Modificación de la consulta de productos - Se añadió el uso de LIMIT para dividir los productos en páginas. - Si hay una búsqueda activa, se agregó un filtro en la consulta con WHERE nombre LIKE o descripcion LIKE. Código agregado/modificado: if (!empty($busqueda)) { $consulta = "SELECT * FROM productos WHERE nombre LIKE '%$busqueda%' OR descripcion LIKE '%$busqueda%' LIMIT $inicio, $productos_por_pagina"; } else { $consulta = "SELECT * FROM productos LIMIT $inicio, $productos_por_pagina"; } $resultado = $conexion->query($consulta); 3. Inclusión del formulario de búsqueda - Se añadió un formulario HTML en la parte superior del listado de productos, con un campo de texto y un botón para buscar productos. - El valor del campo de texto se conserva al recargar la página para mostrar el término de búsqueda. Código agregado: Read the full article