Редактирование содержимого БД с помощью динамической формы / веб-страницы

Question

Я ищу совет о том, какие инструменты и ресурсы использовать, и читаю для решения моей проблемы.

Проект представляет собой управляемый базой данных веб-сайт, созданный с использованием php, html, css, sql и некоторого javascript.

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

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

Если бы это была простая структура, я знаю, что мог бы сделать это с помощью простой текстовой формы. К сожалению, это немного сложнее, чем это. БД предназначена для регистрации походов, и я хочу дать пользователю возможность «удалить друга» из поездки. Это будет включать в себя людей, перечисленных в поездке, имеющих кнопку удаления рядом с их именем, когда пользователь нажимает эту кнопку удаления, я хотел бы видеть имя, удаленное с веб-страницы, и изменения вносятся в БД только после нажатия кнопки сохранения. .

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

Я самоучка и обладаю некоторыми базовыми знаниями php, html, css, sql, и я довольно успешно реализовал код JavaScript других людей в своем проекте.

Спасибо, что нашли время, чтобы прочитать это. Я надеюсь, что я четко изложил свою проблему, и если у вас есть какие-либо вопросы, пожалуйста, не стесняйтесь спрашивать.

Answer 1

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

Вам также потребуется объектная модель для самих сущностей в клиентском JavaScript. Это связано с тем, что, если вы не обновляете сущности на сервере, их перезагрузка отменит изменения, уже внесенные пользователем.

Шаг 1 будет означать, что все сущности, которые пользователь отображает / которые доступны для изменения, должны быть "кэшированы" на стороне клиента в объектах javascript и отрисованы на странице оттуда.

Шаг 2 будет представлять объектную модель, которая будет отслеживать изменения. Объект может выглядеть так:

{
  "changeType": "remove-friend-from-trip",
  "friendId": 12,
  "tripId": 27
}

И всякий раз, когда пользователь вносит изменения, вы помещаете это изменение как объект javascript в локальную коллекцию, в которой вы сохраняете все изменения. Вы также обновите отображаемый локальный объект JavaScript.

Шаг 3 будет реализовывать логику функции «сохранить» для страницы. Он должен пройти через изменения в локальной коллекции отслеживаемых изменений и преобразовать их в соответствующие сообщения на веб-сервере.

И проблема здесь может заключаться в том, чтобы обрабатывать локальные объекты между перезагрузками полной страницы, я думаю, что для выживания они должны быть основаны на файлах cookie. Если только приложение уже не является SPA.

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