尝试将各个部分放在一起 - JavaScript,HTML,PHP和重新加载内容

时间:2015-09-15 19:55:34

标签: javascript php html

我目前正在为我最近开始工作的公司建立一个CMS。我们正在构建具有MCV结构的CMS。我熟悉JavaScript,PHP,HTML5和CSS3。我还使用JQuery构建响应功能。

现在我必须使用带有设置的侧边栏创建内容管理器。使用该边栏,您可以例如更改背景颜色,将标题或背景图像添加到主要部分中的内容。该网站必须使用该设置自动更新(部分)内容。

我正在尝试理解这个过程,并将不同的语言重新组合在一起。例如:您更改设置,例如颜色,我的流程如下:

  1. 侧边栏中的颜色会更改Javascript中的值。
  2. Javascript然后更新侧边栏上用HTML显示的值。 <With a JQuery function?>
  3. 使用<something>
  4. 将Javascript的值发送给PHP
  5. 然后,PHP使用<something>
  6. 这个新设置生成一个完整的新页面
  7. <Something>然后刷新部分内容,从而更改颜色。
  8. 带引号的每一点都是我不理解的事情。

    这个过程如何进行,以及您更新浏览器AJAX的内容是什么?

    我不知道在哪里提出这个问题,所以如果你填补一些空白我会非常感激!

    修改 这个问题出现的一个例子是:

    我可以将元素从左侧栏拖到页面中。这增加了一个带有Javascript的PHP函数,它将带有文本的列的HTML部分回显到主页面上。我用PHP创建了元素,JavaScript已经存在。现在我添加一个设置栏,生成按钮设置,可以改变该元素的外观。我在PHP中创建了这个侧边栏。 我理解PHP如何从数据库中获取值并将其生成为HTML。我了解如何使用JavaScript在HTML中定位ID或类。但是,我不明白你如何有效地大规模地做到这一点。就像在CMS中一样。

2 个答案:

答案 0 :(得分:2)

你可以通过很多方式来做这件事。这只是这个过程的一种方式。

  1. 事件处理程序附加到接受用户输入的元素。

    $("#colorpicker").change(function() {
        // Code here.
    });
    
  2. 更改表单元素,并执行处理程序中的代码,修改侧边栏的样式。

    $("#sidebar").css("background-color", $(this).val());
    
  3. 请求将发送到脚本。

    var color = $(this).val();
    
    $.ajax({
        method: "POST",
        url: "change_sidebar.php",
        data: { color : color }
    });
    
  4. 脚本处理请求,并将其存储到某种

  5. 下次加载页面时,会将侧边栏的初始颜色设置为您存储的颜色。但是,在您的页面再次加载之前,客户端的颜色已经发生了变化,无需再进行任何操作。

答案 1 :(得分:1)

  1. 如果你想异步进行更新,可以使用jquery函数,或者,你可以创建一个表单,然后让PHP在页面重新加载时更新颜色代码。
  2. 有效,或者您可以使用1中所述的表格来完成。
  3. jQuery的$.ajax()函数可以很好地完成。
  4. ..用PHP ..这就是它的用途。它不需要任何其他东西。
  5. 如果你只是刷新它的一部分,那么你可以使用jQuery / JS,也许在使用PHP来更新服务器时。
  6. 我不知道您是否希望有人为您编写所有这些代码,或者如果您有具体问题,请发布。这个问题真的很模糊。通常情况下,我们希望看到您尝试过的内容以及问题究竟是什么。