Реализации фильтрации и пагинации данных в таблицах на основе API ASP.NET, для приложений на React
В этом видео показан процесс реализации фильтрации и пагинации данных в таблицах на основе ASP.NET и React. Вы узнаете, как настроить серверную и клиентскую части приложения для обработки больших объемов данных с фильтрацией по параметрам и разбиением на страницы. Также рассмотрены примеры работы с API, LINQ и SQL, а также выгрузка проекта на облачный сервер Azure. Видео является дополнительным учебным материалом к курсу на Udemy. 00:00 - Введение: Таблицы и их проблемы с большим количеством строк 00:40 - Необходимость фильтрации и пагинации в веб-приложениях 01:09 - Обзор процесса модификации кода для фильтрации и пагинации 01:30 - Пример кода приложения для управления продажами в ресторане 02:31 - Пример страницы заказов для клиентов без фильтрации 02:54 - Панель админов:: Поиск и фильтрация заказов 03:14 - Фильтрация по статусу заказов 03:35 - Изменение критериев фильтрации 03:45 - Пагинация и разбиение данных на страницы 03:55 - Настройки вывода данных на страницах 04:17 - Добавление кода для фильтрации на сервере ASP.NET 04:22 - Переход в проект Visual Studio 2022 04:48 - Добавление фильтрации и разбиения на страницы в API 05:01 - Настройка параметров поиска и фильтрации 05:35 - Логика фильтрации 06:11 - Проверка и приведение данных для фильтрации 06:42 - Использование LINQ для выборки заказов 07:02 - Проверка статуса заказов 07:16 - Приведение строк к нижнему регистру 07:31 - Запуск приложения и тестирование API 07:49 - Настройка полей ввода для поиска в API 08:08 - Логика разбиения данных на страницы 08:20 - Настройка классов для пагинации в API 08:52 - Создание модели Pagination 09:15 - Настройка свойств модели для данных о страницах 09:35 - Возвращение данных о страницах через API 10:25 - Реализация разбиения данных на страницы с помощью LINQ 11:02 - Пример работы с несколькими страницами заказов 12:06 - Подсчет общего количества записей и настройка ответа API 12:27 - Добавление заголовков с данными о страницах в ответ API 13:06 - Тестирование API и работа с заголовками ответа 14:00 - Настройка данных для клиентской части на React 14:24 - Настройка CORS для взаимодействия с клиентским приложением 15:19 - Финальная настройка кода фильтрации и пагинации 15:45 - Выгрузка проекта API на облачный сервер Azure Расширенная поддержка при подписке по ссылке к первой части вводного курса React + Redux https://www.udemy.com/course/reactjs-...
Расширенная поддержка при подписке по ссылке ко второй части вводного курса React + Redux https://www.udemy.com/course/redux-re...
Расширенная поддержка при подписке по ссылке к первой части продвинутого курса по React, Redux, TypeScript и API на ASP.NET по ссылке https://www.udemy.com/course/api-aspn...
Расширенная поддержка при подписке по ссылке ко второй части продвинутого курса по React, Redux, TypeScript и API на ASP.NET по ссылке https://www.udemy.com/course/react-re...
Расширенная поддержка при подписке по ссылке к третьей части продвинутого курса по React, Redux, TypeScript и API на ASP.NET по ссылке https://www.udemy.com/course/react-re...
Смотрите также
![видео: 🍕 NextPizza / Разработка FullStack интернет-магазина (клон ДодоПиццы) [NextJS, TS, Prisma, NextAuth] картинка: 🍕 NextPizza / Разработка FullStack интернет-магазина (клон ДодоПиццы) [NextJS, TS, Prisma, NextAuth]](https://i.ytimg.com/vi/GUwizGbY4cc/mqdefault.jpg)