Как я могу добавить функцию перетаскивания для дизайна плана этажа/стола ресторана?

Я делаю свое первое веб-приложение для управления ресторанами. Одна из функций, которую я хотел бы иметь, — это возможность создавать макет таблицы, перетаскивая таблицы с панели инструментов в какое-либо место на экране. Я хотел бы иметь способ сохранить позицию таблицы, чтобы она оставалась неизменной, если закрыть приложение. Я также хотел бы, чтобы столы были интерактивными, чтобы официанты могли щелкнуть по ним и взаимодействовать с ними, чтобы открывать/закрывать их, взимать плату за товары, которые заказывают клиенты, распечатывать чек и т. д.

Есть ли библиотека или фреймворк, которые позволили бы мне сделать что-то подобное?

Вы с этим чего-нибудь добиваетесь? Как вы знаете, меня тоже интересует эта тема.

Ответы (1)

Вы проводили какие-либо исследования? Я тоже хотел бы получить ответ на это. Я пока не нашел библиотеки, но мне очень помогло следующее:

Вы должны быть в порядке, так как вам просто нужны предопределенные формы, поэтому будет достаточно просто иметь панель инструментов с квадратами, кругами и т. Д., Которую можно перетащить на ваш план этажа. У меня проблема, потому что я хочу, чтобы пользователь мог изменить форму перетаскиваемых элементов, которые представляют собой комнаты.

Дайте нам знать, если вам нужна дополнительная помощь. Если вы найдете хорошую библиотеку или фреймворк, опубликуйте ответ и примите его, чтобы помочь другим в будущем.


[Обновление] Я думаю, что я не смотрел серьезно раньше. Все эти рамки кажутся приемлемыми:

Связанный

Вау, большое спасибо! Я рассмотрю все это. Я провел некоторое исследование, но явно не так тщательно и эффективно, как вы. Спасибо!
У меня есть намного больше. Я рассортирую их и опубликую лучшие. После того, как вы нарисовали свою панель пола, подумайте, как вы собираетесь сохранить ее и перезагрузить для редактирования позже.