Работа с фильтрами на сайте

Подскажите, пожалуйста: как сделать фильтрацию средствами MVC? Просто я - новичок в этой теме и ничего не понимаю.

0

1. Модель.
C использованием ORM (Dapper, Entity Framework, etc) или на "голом" ADO.NET (xxxConnection, xxxCommand, xxxDataReader).
На выходе имеем классы моделей + имплементацию в виде контекста ORM либо репозитория (часто и то, и другое, т.к. контекста ORM не хватает для нужного функционала, например для динамических запросов для тех же фильтров и сортировок, получения произвольных наборов данных и т.д.).

2. Контроллер.
Пишутся методы для извлечения требуемых данных с использованием параметров, получаемых из http от Клиента. Часто для обработки этих самых параметров служит специальная модель, которая также добавляется в Модель приложения. Это удобный и гибкий способ обработки условий выборок, к которым относятся и те же фильтры.

3. Представление
Как правило, содержит две основные части: данные + вспомогательные элементы управления.
В первым относятся таблицы, списки, "карусели" и прочие визуальные элементы для отображения содержимого БД. Это может быть, к примеру, список предлагаемых услуг, таблица сотрудников, фрагментов описания предлагаемых товаров и т.д.
Ко второму - различные элементы (чекбоксы, инпуты, комбобоксы и т.д.), с помощью которых пользователь может указывать нужные ему опции. Например, выбирать производителя или характеристики товаров, структурное подразделение организации, тип и ценовой диапазон услуг и т.д.

4. Логика работы приложения.
Изначально пользователю предлагается некая стартовая страничка, на которой имеется начальная информация (например, перечень всех товаров). В дополнительных элементах может быть выставлены некоторые начальные опции, например, часто приобретаемые товары, какой-то список услуг или сотрудники маркетинговой службы. Либо опции не установлены и тогда основной контент странички включает полный список информации.
Пользователь управляет опциями, чекая на них, выбирая из предварительно заполненных и помещенных в разметку списков или вводя образец для поиска, например, фамилию сотрудника.
После нажатия на кнопку "Выбрать" JS собирает введенные опции и кладет их в параметры http. Можно использовать кнопку Submit, по которой сбор информации о параметрах будет выполнен автоматически самим браузером.
В любом случае на Web-сервер посылается get-запрос на новую выборку.
Web-сервер (а точнее, метод контроллера, указанный в url), получает Http, распарсивает его и работает с найденными параметрами. В нашем случае, передает их методу репозитория, который строит по ним динамический запрос к БД с учетом полученных "фильтров". Полученный датасет передается рейзору в строго типизированное представление, из которого рейзор строит разметку, которая и отправляется Клиенту.

В общем и целом схема такая. Я не описывал тут вариации, существенно влияющие на производительность и сложность кода приложения. Например, выбор технологии SPA/MPA, использование Ajax, частичные и мастер-представления и т.д.

Информации по этой теме в инете больше, чем очень много.

1

На картинке приложение, выполненное по технологии фильтрации

Миниатюры

 

0

Кстати да, а о каких фильтрах речь? Может быть авторизация, валидация, биндинг и т.п?

0

В верхней части находится три каскадных комбобокса, выбор из каждого изменяет содержимое нижестоящего. Т.е. выбор континента приводит к заполнению списка стран и очистке списка городов, выбор страны переписывает список городов.
В левой части находится иерархический список классов животного мира. Клик на "книжке" приводит к раскрытию списка подклассов, клик на названии - к перечитке таблицы животных.
В правой части - таблица животных. Тут находится информация БД, выбранная как с учетом класса/подкласса животных, так и с учетом города/страны/континента.
Например, если выбран "Лондон" и "Акулы", то в таблице будут отображаться только акулы, "прописанные" в Лондоне.

Кроме того, в верхней части таблицы есть еще поле для ввода дополнительного фильтра, который будет применен к текущей отсортированной колонке (текущая колонка, как и выбранный класс животных, выделяются цветом).
Если при текущей колонке "Имя животного" набрать, к примеру "кит" и нажать кнопку с лупой, то в списке останется только две китовые акулы. А если изменить текущую колонку, например, на "Возраст", ввести в фильтр "11" и нажать "лупу", то в списке останется только одна запись с акулой Мойшей.

Добавлено через 1 минуту
Т.е. приложение работает с тремя уровнями фильтрации.
Приложение выполнено по паттерну SPA+MVC и активно использует Ajax-технологию.

Добавлено через 7 минут
Есть еще и 4-й фильтр, на который "намекают" две кнопки в правой части заголовка.
Смотреть животных может любой пользователь Сети, а вот вносить правки (4-й фильтр, на этот раз функциональный) (добавлять животных или вносить изменения) могут только зарегистрированные пользователи и только для своих "питомцев". Информация о владельцах животных в колонке "Владелец" таблицы (которая в данном случае не заполнена, т.к. данные берутся не из "боевой" БД.

0

MsGuns, а как это относится к вопросу ТС?

0

Сообщение от XIST MsGuns, а как это относится к вопросу ТС?

Подождем реакции ТС

Добавлено через 1 минуту
Согласитесь, вопрос задан весьма неконкретно.

0

0

Сообщение от XIST я думал похвалиться

Чем ?

0

Сообщение от MsGuns Чем ?

А зачем на вопрос о фильтрации давать скрин результата работы своей писанины?

0

Сообщение от IamRain А зачем на вопрос о фильтрации давать скрин результата работы своей писанины

Потому что в сабже было такое:

Сообщение от AntonioBonderas Просто я - новичок в этой теме и ничего не понимаю.

И, судя по реакции ТС, я не был так уж не прав

Добавлено через 2 минуты

0

Сообщение от MsGuns Потому что в сабже было такое:

0

0