Как лучше организовать поиск сотрудников?

Question

[Виталий]

Подскажите, как лучше организовать поиск сотрудников, если их больше 2000, делать один запрос к API и получать сразу всех из БД(mysql) и среди них искать нужного или каждый раз делать поиск конкретного пользователя?
Написано все на vue, для запроса используется библиотека axios

Данные взял с общедоступной APi, но в моем проекте все практически также, за исключением своих полей.
Пример, в каком виде API отдает данные.

[
    {
        "id": 1,
        "name": "Leanne Graham",
        "username": "Bret",
        "email": "[e-mail]",
        "address": {
            "street": "Kulas Light",
            "suite": "Apt. 556",
            "city": "Gwenborough",
            "zipcode": "92998-3874",
            "geo": {
                "lat": "-37.3159",
                "lng": "81.1496"
            }
        },
        "phone": "1-770-736-8031 x56442",
        "website": "hildegard.org",
        "company": {
            "name": "Romaguera-Crona",
            "catchPhrase": "Multi-layered client-server neural-net",
            "bs": "harness real-time e-markets"
        }
    },
    {
        "id": 2,
        "name": "Ervin Howell",
        "username": "Antonette",
        "email": "[e-mail]",
        "address": {
            "street": "Victor Plains",
            "suite": "Suite 879",
            "city": "Wisokyburgh",
            "zipcode": "90566-7771",
            "geo": {
                "lat": "-43.9509",
                "lng": "-34.4618"
            }
        },
        "phone": "010-692-6593 x09125",
        "website": "anastasia.net",
        "company": {
            "name": "Deckow-Crist",
            "catchPhrase": "Proactive didactic contingency",
            "bs": "synergize scalable supply-chains"
        }
    },
]

Comments

[Михаил Р.]

Как лучше организовать поиск сотрудников?
Подскажите, как лучше организовать поиск сотрудников, если их больше 2000, делать один запрос и среди них искать нужного или каждый раз делать поиск конкретного пользователя?

А искать то где? В БД, массиве, объекте, hh, на улице?

[Илья]

Михаил Р., вот тоже подумал сначала, что человек хочет нанять 2к сотрудников, и не знает, нужно ли создать 2к вакансий))

[Виталий]

исправил текст вопроса, согласен верное замечание)

[Виталий]

Михаил Р., в бд

[Михаил Р.]

Виталий,

в бд

А бд какая, mysql, postgresql, mongo, sqlite (добавить свою)? Какая у нее структура с "сотрудниками"?

Вижу тег vue.js, а вью то тут причем?

исправил текст вопроса, согласен верное замечание)

Здесь тоже надобно конкретизировать, а то хрустальный шар слегка не догадывается...

[Виталий]

Михаил Р., Написано все на vue, для запроса используется библиотека axios, бд mysql, отдается массив с объектами, в каждом объекте есть необходимые поля, имя, id и т.д, как формируется все это со стороны backend не знаю.

[Михаил Р.]

Виталий, т.е. Вам необходимо на js найти в массиве объект необходимого "сотрудника"? Если да, то покажите массив с парочкой объектов "сотрудников".

[Виталий]

Михаил Р., добавил в вопрос, проблема в том, что я не могу понять, как лучше будет сделать, т.е получить массив со всеми сотрудниками и там найти нужного или просто отослать запрос с конкретным именем или id и получить только одного сотрудника, не будет ли это излишней нагрузкой на API

Answer 1

[Михаил Р.]

Подскажите, как лучше организовать поиск сотрудников, если их больше 2000, делать один запрос к API и получать сразу всех из БД(mysql) и среди них искать нужного или каждый раз делать поиск конкретного пользователя?

Если данные сотрудников не изменяются и часто необходимо итерироваться по массиву с объектами всех сотрудников, то имеет смысл единоразово получить с бэка весь массив и сохранить его в store для дальнейшего взаимодействия с ним. В ином случае, лучше запрашивать данные с бэка о конкретном сотруднике.

Вернуть объект сотрудника, id которого равно 2:

employees

const employees = [
    {
        "id": 1,
        "name": "Leanne Graham",
        "username": "Bret",
        "email": "[e-mail]",
        "address": {
            "street": "Kulas Light",
            "suite": "Apt. 556",
            "city": "Gwenborough",
            "zipcode": "92998-3874",
            "geo": {
                "lat": "-37.3159",
                "lng": "81.1496"
            }
        },
        "phone": "1-770-736-8031 x56442",
        "website": "hildegard.org",
        "company": {
            "name": "Romaguera-Crona",
            "catchPhrase": "Multi-layered client-server neural-net",
            "bs": "harness real-time e-markets"
        }
    },
    {
        "id": 2,
        "name": "Ervin Howell",
        "username": "Antonette",
        "email": "[e-mail]",
        "address": {
            "street": "Victor Plains",
            "suite": "Suite 879",
            "city": "Wisokyburgh",
            "zipcode": "90566-7771",
            "geo": {
                "lat": "-43.9509",
                "lng": "-34.4618"
            }
        },
        "phone": "010-692-6593 x09125",
        "website": "anastasia.net",
        "company": {
            "name": "Deckow-Crist",
            "catchPhrase": "Proactive didactic contingency",
            "bs": "synergize scalable supply-chains"
        }
    },
]

const employee = employees.find(emp => emp.id === 2);