Question

我正在使用Slim框架开发一个简单的Web应用程序。我遇到了一个可能很简单的问题。我想在我的模板中包含静态文件（CSS和Javascript）。

我的项目文件夹结构如下：

index.php //<=== where all the routing happens.
/flot
      layout.css
      jquery.js
      ....
/templates
      first_template.php

我的first_template.php标题包含：

<link href="../flot/layout.css" rel="stylesheet" type="text/css">
<script language="javascript" type="text/javascript" src="../flot/jquery.js"></script>

当我调用项目根URL

时

http://localhost/xampp/ProjectX/

（我正在使用XAMPP）模板显示，但css和javascript的东西不起作用。谷歌Chrome控制台显示：

GET http://localhost/xampp/ProjectX/flot/layout.css 404 (Not Found)
GET http://localhost/xampp/ProjectX/flot/jquery.js 404 (Not Found)

有什么建议吗？我花了一个小时在Google上搜索，但是Slim框架的整体文档仍然非常简洁：）

Answer 1

我假设您在Project根目录（index.php）上显示模板，因此您应该从样式表和JS相对路径中删除../：

<link href="flot/layout.css" rel="stylesheet" type="text/css">
<script language="javascript" type="text/javascript" src="flot/jquery.js"></script>

如何将JS / CSS文件包含到Slim Framework的模板中？

1 个答案: