如何将css和js文件包含到php模板中？

Question

我为php网站构建了我的简单模板。 问题是我不知道如何包含我的CSS和JavaScript文件。

这是我的index.php文件

<?php
include'core/template.php';
$temp=new Template();
$settings=array("title","page_title","welcome_word");
$values=array("RIS - Home","Results Information System","Welcome to result 
               Information      system");
$temp->header($settings,$values);
$temp->footer();


?>

这是我的template.php文件

<?php
class Template {
public function header($setting,$values){
    $file=file_get_contents("http://localhost/RIS/src/header.php");
    $count=0;
    foreach ($setting as $setting) {
        $file=str_replace('{'.$setting.'}',$values[$count],$file);
        $count++;
    }
    echo $file;

}

public function footer(){
    $file=file_get_contents("http://localhost/RIS/src/footer.php");
    echo $file;
}
}




?>

这是我的header.php文件

<!DOCTYPE html>
<html>
<head>
    <title>{title}</title>
    </head>
<body>
    <header>
        <h1>{page_title}</h1>
            {welcome_word}
    </header>
    My contents goes here...

这是我的footer.php文件

<footer>
Copyright &copy; RIS 2013.
</footer>
</body>
</html>

我有我的CSS文件和js文件在资产文件夹中，所以我如何将它们包含在我的模板中？

Answer 1

对于CSS文件：

<!DOCTYPE html>
<html>
<head>
    <title>{title}</title>
    <link rel="stylesheet" href="path/to/assets/yourcss.css" type="text/css">
</head>
<body>
    <header>
        <h1>{page_title}</h1>
            {welcome_word}
    </header>
    My contents goes here...

对于javascripts：

<footer>
Copyright &copy; RIS 2013.
</footer>
<script src="path/to/assets/yourjs.js"></script>
</body>
</html>

Answer 2

我会使用输出缓冲区和include而不是file_get_contents， include'core/template.php'; 这里缺少空白。

在你的情况下，为什么不把CSS和JS放入header.php ？

或者如果你想要非阻塞，可以在footer.php中将header放在header.php和JS中

Answer 3

为什么使用“file_get_contents”，可以使用“include_once”来包含页脚文件。

对于你的模板，为css放置一个标记，然后在php中构建你的css数组，然后将它注入你的标记。

希望能帮助到你。

如何将css和js文件包含到php模板中？

问题描述

3 个解决方案

解决方案1
1 2013-11-11 09:26:46

解决方案2
1 已采纳 2013-11-11 09:30:34

解决方案3
0 2013-11-11 09:30:50

如何将css和js文件包含到php模板中？

问题描述

3 个解决方案

解决方案1 1 2013-11-11 09:26:46

解决方案2 1 已采纳 2013-11-11 09:30:34

解决方案3 0 2013-11-11 09:30:50

解决方案1
1 2013-11-11 09:26:46

解决方案2
1 已采纳 2013-11-11 09:30:34

解决方案3
0 2013-11-11 09:30:50