- Выбор и фильтрация данных из БД MySQL
- Фильтрация записей
- Example
- Выборка данных стиле PDO (+ подготовленные операторы)
- Пример
- Операторы сравнения предложения WHERE
- Проверка значений NULL предложения WHERE
- Фильтры и сортировка в интернет-магазине на ajax, php и mysql. Серия уроков
- Что мы хотим сделать и как это будет работать
- Что будем использовать из технологий и библиотек
- Последовательность уроков
- Все об интернет-магазинах
Выбор и фильтрация данных из БД MySQL
В предыдущих уроках мы выполнили различные операции поиска данных с помощью оператора SELECT, а также рассмотрели, как сортировать результаты поиска. Одно из наиболее важных требований при извлечении данных — это возможность фильтровать эти данные, чтобы возвращались только те строки, которые соответствуют заданным критериям поиска. В MySQL это достигается с помощью предложения WHERE в сочетании с оператором SELECT .
Фильтрация записей
Предложение WHERE используется для извлечения только тех записей, которые соответствуют указанному условию.
Базовый синтаксис предложения WHERE может быть задан следующим образом:
Первая часть оператора очень похожа на любой обычный оператор SELECT . После WHERE нам нужно указать столбец, на котором должны основываться критерии поиска, за которым следует оператор, который указывает тип сравнения, которое нужно выполнить (например, мы ищем равенство) и, наконец, значение, которому столбец должен соответствовать.
Предложение WHERE работает как условие if на любом языке программирования. Это предложение используется для сравнения данного значения со значением поля, доступным в таблице MySQL. Если данное значение извне равно доступному значению поля в таблице MySQL, то он возвращает эту строку.
Давайте сделаем SQL-запрос с использованием предложения WHERE , после чего мы выполним этот запрос, передав его функции PHP mysqli_query() для получения отфильтрованных данных.
У нас есть таблица persons внутри базы данных demo, в которой есть следующие записи:
Следующий код PHP выбирает все строки из таблицы persons, где first_name = ‘john’:
Example
// Попытка выполнения запроса select $sql = "SELECT * FROM persons WHERE first_name='john'"; if($result = mysqli_query($link, $sql)) < if(mysqli_num_rows($result) >0)< echo ""; echo ""; echo "id "; echo "first_name "; echo "last_name "; echo "email "; echo " "; while($row = mysqli_fetch_array($result))< echo ""; echo "" . $row['id'] . " "; echo "" . $row['first_name'] . " "; echo "" . $row['last_name'] . " "; echo "" . $row['email'] . " "; echo " "; > echo "
"; // Закрыть набор результатов mysqli_free_result($result); > else < echo "Записей, соответствующих вашему запросу, не найдено."; >> else < echo "ОШИБКА: не удалось выполнить $sql. " . mysqli_error($link); >// Закрыть соединение mysqli_close($link); ?>connect_error); > // Попытка выполнения запроса select $sql = "SELECT * FROM persons WHERE first_name='john'"; if($result = $mysqli->query($sql))< if($result->num_rows > 0)< echo ""; echo ""; echo "id "; echo "first_name "; echo "last_name "; echo "email "; echo " "; while($row = $result->fetch_array())< echo ""; echo "" . $row['id'] . " "; echo "" . $row['first_name'] . " "; echo "" . $row['last_name'] . " "; echo "" . $row['email'] . " "; echo " "; > echo "
"; // Доступный набор результатов $result->free(); > else < echo "Записей, соответствующих вашему запросу, не найдено."; >> else< echo "ОШИБКА: не удалось выполнить $sql. " . $mysqli->error; > // Закрыть соединение $mysqli->close(); ?>setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); > catch(PDOException $e)< die("ОШИБКА: не удалось подключиться. " . $e->getMessage()); > // Попытка выполнения запроса select try< $sql = "SELECT * FROM persons WHERE first_name='john'"; $result = $pdo->query($sql); if($result->rowCount() > 0)< echo ""; echo ""; echo "id "; echo "first_name "; echo "last_name "; echo "email "; echo " "; while($row = $result->fetch())< echo ""; echo "" . $row['id'] . " "; echo "" . $row['first_name'] . " "; echo "" . $row['last_name'] . " "; echo "" . $row['email'] . " "; echo " "; > echo "
"; // Доступный набор результатов unset($result); > else < echo "Записей, соответствующих вашему запросу, не найдено."; >> catch(PDOException $e)< die("ОШИБКА: не удалось выполнить $sql. " . $e->getMessage()); > // Закрыть соединение unset($pdo); ?>После фильтрации результат будет выглядеть примерно так:
+----+------------+-----------+---------------------+ | id | first_name | last_name | email | +----+------------+-----------+---------------------+ | 2 | John | Rambo | johnrambo@mail.com | | 4 | John | Carter | johncarter@mail.com | +----+------------+-----------+---------------------+
Объяснение кода из приведенного выше примера:
Сначала мы настраиваем SQL-запрос, который выбирает столбцы id, first_name, last_name и email из таблицы persons, где first_name=’john’. Следующая строка кода выполняет запрос и помещает полученные данные в переменную с именем $result.
Затем функция mysqli_num_rows() проверяет, было ли возвращено строк больше нуля.
Если возвращается строк более нуля, функция fetch_assoc() помещает все результаты в ассоциативный массив, который мы можем просмотреть. В цикл while() через результирующий набор выводит данные из id, first_name, last_name и email столбцов.
Выборка данных стиле PDO (+ подготовленные операторы)
В следующем примере используются подготовленные операторы.
Он выбирает столбцы id, first_name, last_name и email из таблицы persons, где last_name=’Carter’, и отображает их в таблице HTML:
Пример
"; echo "Id Имя Фамилия E-mail " . parent::current(). " "; > function beginChildren() < echo ""; > function endChildren() < echo " " . "\n"; > > $serverName = "localhost"; $userName = "root"; $password = ""; $dbName = "demo"; try < $conn = new PDO("mysql:host=$serverName;dbname=$dbName", $userName, $password); $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); $stmt = $conn->prepare("SELECT id, first_name, last_name, email FROM persons WHERE last_name='Carter'"); $stmt->execute(); // поместить результат в ассоциативный массив $result = $stmt->setFetchMode(PDO::FETCH_ASSOC); foreach(new TableRows(new RecursiveArrayIterator($stmt->fetchAll())) as $k=>$v) < echo $v; >> catch(PDOException $e) < echo "Error: " . $e->getMessage(); > $conn = null; echo ""; ?>Результат выполнения кода:
Теперь, когда мы рассмотрели оператор равенства (=), мы можем изучить другие операторы предложения WHERE.
Операторы сравнения предложения WHERE
До сих пор мы рассмотрели только оператор равенства предложения WHERE (=). Это всего лишь один из ряда операторов, которые можно использовать для уточнения поиска данных:
| Оператор | Описание |
|---|---|
| = | Равно |
| != | Не равно |
| <> | Не равно |
| > | Больше чем |
| Меньше чем | |
| Меньше или равно | |
| >= | Больше или равно |
| BETWEEN x AND y | Между значениями x и y |
Например, если мы хотим получить только те продукты из БД, цена которых больше или равна определенному значению, мы могли бы построить инструкцию SQL следующим образом:
Проверка значений NULL предложения WHERE
Помимо возможности проверить значение столбца, также можно проверить столбцы, которые не содержат значения. Считается, что столбцы, не имеющие значений, содержат значения NULL. Поэтому неудивительно, что мы можем проверить наличие пустого столбца, ища равенство с NULL (хотя обратите особое внимание на тот факт, что теперь мы должны использовать IS вместо знака = ):
Любые строки, не содержащие названия продукта, будут извлечены указанным выше оператором SELECT.
Фильтры и сортировка в интернет-магазине на ajax, php и mysql. Серия уроков
Тема интернет-магазинов набирает обороты. После корзины на фронте, отправки заказов и доставки рассмотрим, как сделать фильтрацию и сортировку товаров в связке ajax, php и mysql. Материал довольно большой, и я решил провести эксперимент. Вся информация будет содержаться не в одной большой статье, а разбита на серию небольших уроков. Каждый урок будет посвящен отдельной логически обособленной части, и в конце урока мы будем получать законченную часть нашего приложения, например, готовую структуру данных, верстку или js-код. После прохождения всех уроков мы построим законченную систему фильтров, небольшую, но расширяемую под свои нужды.
Думаю, такое разбиение на уроки даст нам некоторые преимущества. Во-первых, материал легче усваивается небольшими порциями, а во-вторых, нам не понадобится полностью проходить всю огромную статью целиком, прежде чем увидеть какой-то результат. Что-то работающее будет в конце каждого урока. Итак, начали.
Что мы хотим сделать и как это будет работать
Пусть в нашем магазине имеется набор товаров со стандартными параметрами: артикул, название и цена. Добавим к ним категорию товара, производителя (или бренд) и рейтинг (или популярность). Нам нужно иметь возможность выбрать категорию товара (одну), бренд (один, несколько или ни одного), минимальную и максимальную планку цены. Также хорошо бы сортировать товары по цене, названию и рейтингу.
Все эти параметры будут раскиданы по кнопкам, выпадающим спискам и чекбоксам. Основа фильтров — категории. При смене категории будет перестраиваться список брендов и меняться минимальный и максимальный пороги цен.
Я очень не люблю лишние кнопки «Фильтровать», поэтому у нас фильтрация будет происходить мгновенно, сразу же при смене любых параметров. Отметили бренд или сменили сортировку — ушел запрос на сервер — приняли ответ в виде json — отобразили на клиенте.
Имейте в виду, такой подход мгновенного реагирования на действия дружелюбен для клиентов, но требователен к ресурсам сервера. Если в каталоге десятки тысяч товаров и множество фильтров, то возможно, посетителям придется заметное время ждать завершения запросов. В этом случае стоит подумать, чтобы внедрить-таки отдельную кнопку для фильтрации для уменьшения количества запросов к серверу.
После прохождения всех уроков у нас получится рабочая страница примерно такого вида.
А еще лучше посмотреть здесь — Демонстрационный интернет-магазин
Что будем использовать из технологий и библиотек
На клиенте чистый javascript и jQuery, bootstrap поможет нам сверстать интерфейс. Плагин jQueryUI.slider даст возможность подключить симпатичный слайдер для регулировки цен. underscore.js поможет обрабатывать на клиенте данные, приходящие с сервера. На сервере код напишем на php, который будет лезть в базу mysql через mysqli. Для хранения всех данных нам понадобится несколько табличек, которые мы создадим в первом же уроке.
Последовательность уроков
Писать код мы будем в рамках все того же проекта корзины на фронте и отправки заказа. Связь с предыдущими статьями небольшая, но есть. Мы создадим отдельную страницу с каталогом, где и подключим фильтры. Каркас страницы и структура модулей будет такая же, как и вышеозначенных статьях, отдельно зацикливаться не буду. Так же будет подключен модуль корзины, чтобы была возможность добавлять наши товары в корзину без лишних телодвижений. Весь код будет полностью совместим со старым проектом, работа старого каталога и отправки заказа не нарушится.
На первом уроке мы рассмотрим структуру БД, создадим нужные таблицы и наполним их тестовыми данными.
Во втором разберем общую структуру проекта и сверстаем панель фильтров и список товаров. Конечно же, с возможностью добавлять их в корзину.
В третьем рассмотрим базовую работу с фильтрами на фронте, напишем модуль catalog.js, навесим события сбора данных с формы фильтрации и отправим данные на сервер. На сервере поставим заглушку, которая будет возвращать нам какие-то данные в виде json.
В четвертом уроке мы напишем весь серверный код, который извлекает товары из базы, и отправим их клиенту, клиент данные примет и отобразит их в браузере.
В пятом клиент эти данные примет и отобразит их в браузере.
И на последнем, шестом уроке мы добьем некоторые пункты, касающиеся правильной работы фильтров, например, перестроения списка брендов при смене категории и изменении порога цен и еще некоторые тонкости.
Внимание! Кому интересна тема более сложных фильтров, не пропустите опрос — Нужны ли сложные динамические фильтры?
Все об интернет-магазинах
- Демо интернет-магазина
- Корзина интернет-магазина. С чего все началось
- Оформляем заказ на клиенте и сервере
- Добавляем доставку
- Фильтры и сортировки на клиенте и сервере
- Урок 0. Вводный
- Урок 1. Структура базы данных
- Урок 2. Структура проекта и верстка
- Урок 3. Сбор данных на клиенте и отправка на сервер
- Урок 4. Пишем базовый php-код и sql-запросы
- Урок 5. Прием данных с сервера и рендеринг на клиенте
- Урок 6. Заключительный, дорабатываем некоторые штрихи
- Сравнение товаров
- Постраничная навигация по товарам
- Преобразуем каталог, переключаем внешний вид товаров одной кнопкой
- Отправка sms при оформлении заказа
- Админка интернет-магазина на vue.js — серия уроков
- Авторизация на сессиях. Делаем логин в админке
- Docker для начинающих. Докеризуем интернет-магазин
Анонсы статей, обсуждения интернет-магазинов, vue, фронтенда, php, гита.
Истории из жизни айти и обсуждение кода.