Попытка собрать фрагменты - JavaScript, HTML, PHP и перезагрузка контента

Question

В настоящее время я создаю CMS для компании, с которой я недавно начал работать. Мы строим CMS с структурой MCV. Я знаком с JavaScript, PHP, HTML5 и CSS3. Я также создаю отзывчивые функции с помощью JQuery.

Теперь мне нужно создать менеджер контента с боковой панелью с настройками. С помощью этой боковой панели вы можете, например, изменить цвет фона, добавить заголовок или фоновое изображение в контент в главном разделе. Веб-сайт должен автоматически обновлять (часть) содержимого с этим параметром.

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

1. Цвет на боковой панели меняет значение в Javascript.
2. Javascript обновляет это значение, отображаемое с помощью HTML на боковой панели. <With a JQuery function?>
3. Значение Javascript отправляется на PHP с <something>?
4. РНР затем генерирует всю новую страницу с этой новой обстановкой с <something>
5. <Something> затем обновляет часть содержания и, таким образом, изменяет цвет.

Каждый бит с кавычками - это вещи, которые я не понимаю.

Как это происходит и с чем вы обновляете браузер, AJAX?

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

Редактировать пример, из которого возник этот вопрос:

Я могу перетащить элемент из левой панели на страницу. Это добавляет функцию PHP с Javascript, которая отображает раздел HTML столбцов с текстом на главной странице. Я создал элемент с PHP, и JavaScript уже был там. Теперь я добавляю панель настроек, которая генерирует кнопки en settings, которые могут изменять внешний вид этого элемента. Я создал эту боковую панель в PHP. Я понимаю, как PHP работает с получением значений из базы данных и генерированием этого в HTML. Я понимаю, как вы можете настроить идентификатор или класс в HTML с помощью JavaScript. Однако я не понимаю, как вы можете сделать это эффективно в больших масштабах. Как в CMS.

Answer 1

Существует много способов сделать это. Вот только один способ, который может пройти.

1. обработчик события jquery присоединен к элементу, который принимает ввод данных пользователя.

   $("#colorpicker").change(function() { 
       // Code here. 
   }); 
   

2. Форма элемента изменяется, и код внутри обработчика выполняется, изменяя стиль боковой панели.

   $("#sidebar").css("background-color", $(this).val()); 
   

3. ajax запрос отправляется в php сценарий.

   var color = $(this).val(); 
   
   $.ajax({ 
       method: "POST", 
       url: "change_sidebar.php", 
       data: { color : color } 
   }); 
   

4. Процесс php скрипт запроса, и сохраняет его в какой-то database.

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

Answer 2

1. Если вы хотите выполнить асинхронное обновление, вы можете использовать функцию jquery, или вы можете создать форму, которая это делает, а затем PHP обновить цветовой код при перезагрузке страницы.
2. Это работает, или вы можете сделать это с помощью формы, указанной в 1.
3. Функция jQuery's $.ajax() будет работать красиво.
4. .. с PHP .. это для этого. Ему ничего не нужно.
5. Если вы только обновляете его часть, вы должны использовать jQuery/JS, возможно, при использовании PHP для обновления сервера.

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