Flask & Vue. Серверна пагінація, пошук, сортування даних. Приклад№ 2.3
Зміни на бекенді
Приклади
Пагінація. Сторінка #1, кількість рядків на сторінку: 5:
http://localhost:5000/client/{"paginator":{"page":1,"limit":5}}
Сортування. Сортування по полю name, desc - сортування у зворотньому напрямку:
http://localhost:5000/client/{"order":["name desc"]}
Пошук. Пошук по полю name, шукається "At", з використанням оператора LIKE. У прикладах реалізований тільки оператора LIKE. Але закладена можливість у майбутньому додати інші оператори > < = і т.д.:
http://localhost:5000/client/{"search":[{"field":"name","value":"At","operator":"LIKE"}]}
Посторінковий + Сортування + Пошук
http://localhost:5000/client/{"paginator":{"page":1,"limit":5},"order":["name"],"search":[{"field":"name","value":"At","operator":"LIKE"}]}
Зверніть увагу, що у разі посторінкового виводу даних, у результат додається рядок зі значенням _total_records_ - загальна кількість рядків на всіх сторінках відповідного запиту. Фронтенд використовує _total_records_ для коректного відображення навігації по сторінках (див. mixin crud_front)
Зміни у фронтенді
{ path: '/:instance/prm/:prm', component: { template: ' ' } },
Як запустити приклад?
- Завантажити архів з прикладом, розпакувати
- Запустити приклад командою:
абоpython ./my_app.py
python3 ./my_app.py
- У браузері відкрити посилання: http://localhost:5000/
Дивись також:
- Flask & Vue. Приклад# 2.1
- Flask & Vue. Приклад# 2.2 Frontend - Зручна навігація
- Flask & Vue. Приклад# 2.3 Серверна пагінація, пошук, сортування даних
- Flask & Vue. Приклад# 2.4 Проста аутентифікація
- Flask & Vue. Приклад# 2.5 Авторизація
- Flask & Vue. Приклад# 2.6 Кастомні компоненти
- Flask & Vue. Приклад# 2.7 SQLAlchemy, Migrate, Marshmallow, JWT
- Flask & Vue. Використання систем збірки проекту. Webpack
- Flask & Vue. OAuth. Facebook / Google Account
- Flask & Vue. Завантаження файлів
Недавні записи
- Датчики Холла 120/60 градусів
- Модуль драйверів напівмосту IGBT транзисторів
- Драйвер IGBT транзисторів на A316J
- AS5600. Варіант встановлення на BLDC мотор
- DC-DC для IGBT драйверів ізольований 2 W +15 -8 вольт
- U-FOC - Векторне керування безколекторними моторами
- FOC - своя реалізація векторного керування. Підбиваю підсумки 2022 року
- Конструктор регуляторів моторів. Підбиваю підсумки 2022 року.
- Чому трифазні мотори стали такими популярними?
- FOC & Polar coordinates
Tags
bldc atmega uart flash usart smd bkp lcd exti pmsm python timer 3d-printer avr java-script nodemcu bme280 displays hih-4000 stm32 barometer eeprom servo sms piezo options brushless web foc raspberry-pi mongodb mpu-6050 docker programmator ssd1331 solar soldering rtc eb-500 gpio max1674 html flask esp8266 tim ngnix wifi css gps watchdog encoder adc meteo i2c sensors capture battery dht11 mpx4115a motor bmp280 dma books ethernet led examples rs-232 bluetooth st-link remap nvic websocket ssd1306 usb pwm rfid git mpu-9250 dc-dc
Архіви