OctoDev20 Ответов: 0

Meteor / react: создание записей mongodb с помощью входов формы и “щелчка” входов

Всем Привет,

Я новичок в Метеор / реагировать. Я хочу построить страницу в реальном времени, где записи в коллекции MongoDB будут отображаться на веб-странице. Но первым шагом было бы создать эти объекты в MongoDB с конфигурационной веб-страницей для пользователя, чтобы он мог поддерживать ввод/вывод.

Для этого я хотел бы создать страницу конфигурации, где вы можете добавлять атрибуты/значения к определенному ключу. Чтобы проиллюстрировать свою идею, я создал макет.

Смотрите Макет

В этом интерфейсе (P1) вы можете добавить новый дом, введя текст в текстовое поле и нажав кнопку “Создать дом”. Если вы хотите удалить дом, отметьте его и нажмите кнопку “Удалить дом”. Та же логика стоит за добавлением комнат и их удалением.

Если есть существующие записи, я бы получил их с чем-то вроде:
//to get the House List
db.collection.distinct("House") 
//to get the Room List
db.collection.distinct("Room")

Идея этой страницы заключается в том, что вы можете назначить разные комнаты разным домам, дважды щелкнув записи в списке комнат.

В коллекции MongoDB я бы хотел, чтобы конфигурация выглядела примерно так, как только что-то было “дважды щелкнуто”:
{
_id: 1
"House": "House_1",
"Room": "Kitchen"
},
{
_id: 2
"House": "House_1",
"Room": "LivingRoom"
},
{
_id: 3
"House": "House_1",
"Room": "Bedroom"
}

На следующем этапе я хотел бы настроить разные комнаты разных домов. Передняя часть (P2) имеет схожий внешний вид и функциональность с конфигурацией дома.

Теперь мы приступаем к настройке различных комнат разных домов. Сначала я хотел бы выбрать дом из выпадающего списка. После того, как я выбрал дом, в левом списке я бы получил каждую комнату, которая связана с домом. Чтобы настроить Мебель в комнате, я выбирал комнату и двойным щелчком мыши добавлял мебель.

Моя коллекция MongoDB будет выглядеть примерно так после этого:
{
_id: 4
"House": "House_1",
"Room": "Bedroom",
"Furniture": "Bed"
},
{
_id: 5
"House": "House_1",
"Room": "Bedroom",
"Furniture": "Desk"
},
{
_id: 6
"House": "House_1",
"Room": "Bedroom",
"Furniture": "Wardrobe"
}

Теперь мой вопрос заключается в том, Могу ли я достичь желаемой функциональности с помощью Meteor / React, и если да, то как бы вы подошли к этому?

Если вы прочитали это далеко, я очень благодарен вам и с нетерпением жду вашего вклада!!

С Уважением, Октодев

Что я уже пробовал:

Пока что у меня есть только концепция. Теперь я ищу Ваш вклад в то, как вы будете подходить к этому проекту. Спасибо!

0 Ответов