試圖將這些部分放在一起 - JavaScript，HTML，PHP和重新加載內容

-1

我目前正在爲一家最近開始爲之工作的公司構建CMS。我們正在構建具有MCV結構的CMS。我熟悉JavaScript，PHP，HTML5和CSS3。我也使用JQuery構建響應式功能。試圖將這些部分放在一起 - JavaScript，HTML，PHP和重新加載內容

現在我必須使用設置的側邊欄來製作內容管理器。藉助該邊欄，您可以更改背景顏色，將標題或背景圖像添加到主要部分中的內容。該網站必須使用該設置自動更新（部分）內容。

我試圖理解這個過程，並把不同的語言放在一起。例如：您更改一個設置，例如顏色，我的過程如下：

側欄中的顏色更改了Javascript中的值。
然後，Javascript將在側欄上更新HTML顯示的值。 <With a JQuery function?>
Javascript的價值發送到PHP與<something>？
的PHP然後生成整個新的頁面與<something>
<Something>此新設置然後刷新內容的一部分，從而改變顏色。

帶引號的每一句都是我不明白的東西。

這個過程如何，以及您更新瀏覽器AJAX的方式如何？

我不知道在哪裏問這個問題，所以如果你可能填補一些空白，我非常感謝！

編輯從這個問題出現了一個例子：

我可以從左側欄到頁面拖動的元素。這增加了一個Javascript函數的PHP函數，它在主頁面上回顯了一個帶有文本的HTML部分。我用PHP創建了這個元素，並且JavaScript已經在那裏。現在我正在添加一個設置欄來生成可以改變該元素外觀的按鈕和設置。我在PHP中創建了這個側邊欄。我瞭解PHP如何從數據庫獲取值並將其生成HTML。我瞭解如何使用JavaScript定位HTML或HTML中的類。然而，我不明白你如何能夠大規模有效地做到這一點。就像在CMS中一樣。

來源

2015-09-15 Abayob

有很多方法可以做到這一點。這只是過程可能發展的一種方式。

A jquery事件處理程序附加到接受用戶輸入的元素。

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

form元素被改變，並且該處理程序中的代碼被執行時，修改所述邊欄的樣式。
```
$("#sidebar").css("background-color", $(this).val()); 
```

ajax一個請求被髮送到一個php腳本。

var color = $(this).val(); 

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

的php腳本處理請求，並將其存儲到某種database。
下次加載頁面時，php會將側邊欄的初始顏色設置爲您存儲的顏色。但是，直到您的頁面再次加載，客戶端的顏色已經更改，無需再做更多的事情。

來源

2015-09-15 20:29:07 Zsw

如果你想要做的異步更新，你可以使用jQuery的功能，或者，您可以創建做它一個表格，然後讓PHP更新顏色代碼的頁面重新加載。
這樣的工作，或者你可以做一個表格中所述的1.
jQuery的$.ajax()函數將很好地做。
..with PHP ..這就是它的用途。它不需要任何其他東西。
如果你只是刷新其中的一部分，那麼你會使用jQuery/JS，也許在使用PHP來更新服務器。

我不知道你是否期待有人爲你編寫所有這些代碼，但是如果你有特定的問題，請將它們發佈。這個問題非常模糊。通常情況下，我們希望看到您已經嘗試了什麼，並確切知道問題所在。

來源

2015-09-15 20:11:49

我想了解的是這個過程。我可以編程大部分的部分，我只是想知道如何將它們連接在一起。我目前使用JQuery，但我認爲少量的選擇器可能不夠。我可以學習一切。我只需要一個指向正確方向的指針。並通過了解它如何一起工作，我可以看到我失蹤 – Abayob

@Abayob我想幫助你的人，但就像我說你的問題**非常模糊。你能否把問題縮小到一個特定的問題或問題？ –

謝謝！我添加了一個例子。 – Abayob

試圖將這些部分放在一起 - JavaScript，HTML，PHP和重新加載內容

回答

相關問題