如何动态更改页眉和页脚？

Question

早上好，

我正在创建自己的框架以在我的 PHP 项目中使用，并且我正在考虑一些方法可以在页面的页眉部分添加 .CSS 文件，在页脚中添加 .JS 文件和脚本（保留HTML 干净且有效），但是 - 所有这些都是动态的。

我的意思是，例如，假设我有以下结构：

1. index.php
2. 组件
   • 组件1
     • component1.php
     • component1.js
     • component1.css

我想在 index.php 中动态包含我需要的每个文件，例如，保持代码干净。

再比如，假设我直接在component1.php中插入JS，是否可以动态添加到component1.js中（无需人工，以后节省时间）

谢谢。

Answer 1

一个非常简单的示例，说明如何在开始输出任何内容之前将 js 和 css 资产包含在顶部：

// somewhere in the beginning, before html output
$js = array();
$css = array();

$css[] = 'all_pages.css';
$js[] = 'all_pages.js';
if (some_condition_based_on_page)
{
  $css[] = 'some_page_specific.css';
  $js[] = 'some_page_specific.js';
}

...

// in your view where you build the head section
foreach ($css as $item)
{
  echo "<link rel='stylesheet' href='{$item}' type='text/css'>";
}

...

// in your view where you build the footer
foreach ($js as $item)
{
  echo "<link src='{$item}' type='text/javascript'>";
}

Answer 2

最简单且更便携的方法是包含与特定模式匹配的所有文件，例如 /components/component1/header.css

这会带来两个并发症。一是性能（您需要检查所有组件的所有目录）。另一个是组件的隔离，即，如果您需要将给定的 CSS 包含在另一个可能存在或可能不存在的 CSS 之前或之后会发生什么？

您可以尝试通过在每个组件中包含一个“清单”来解决这两个问题，该清单可以首先指定任何文件的位置以及它们应该包含的位置。然后你的处理被简化为检查“组件”目录并解码所有清单，并在一系列指令向量中“编译”它（例如 $CSSToBeIncludedInThisOrder[] ）。您还可以将编译后的对象序列化为缓存文件。当然，对组件的任何更改都应包括删除已编译的元清单。

稍后，您可能会在清单指令中包括条件优先级等。

所有这些都应该在任何东西被发送到客户端浏览器之前完成（如果组件 ZZZ 希望改变 ob_ 状态，或者可能是编码，或者是一个下载覆盖组件并且想要发送一个 Content-Type 的 application/八位字节流？），但“编译”应该允许保持较低的感知延迟。

所以让我澄清一下：

1. index.php checks whether a metamanifest.cache file exists.
2. If it does, it runs something like
    $__META = unserialize(file_get_contents($METACACHE));
   and goes on to #4.
3. If it does not, opendirs/readdirs the components directory,
   looks what files are there, decides (but does not do yet) what to do with them,
   placing those decisions in $__META, e.g. $__META['HeaderJS'][].
4. Now HTML generation begins: the __META array is walked and everything that
   needs doing gets done (headers, inclusion of JS in heads, etc.).

阶段#3 甚至可能执行一些重复检查或版本控制，假设您有两个组件都需要包含“jQuery.js”；系统可以声明冲突或决定通过只包括其中一个，从而进一步减少处理时间。

Answer 3

一种可能的方法是将您的整个模板/视图/无论您想调用什么都表示为一个对象：

class View {
    // ...
}

index.php 文件可以确定要使用的组件、创建它们，然后轮询它们以获取任何所需的 CSS/JS 文件：

$view = new View();

foreach ($components as $component) {
    $cmp = new $component();
    $view->addCss($cmp->getCss());
    $view->addJs($cmp->getJs());
}

一旦所有内容都包含在内，index.php 就可以渲染整个内容：

$view->render();

显然这只是一个示例，您的语法会有所不同，但希望您能理解。

编辑：您还可以通过直接向视图添加组件来简化逻辑，并让视图的内部逻辑处理轮询/添加 CSS/JS，而不是 @987654326 @。当然，这实际上取决于框架中的“组件”应该是什么，所以我将由您决定。