php - 如何将 JS/CSS 文件包含到 Slim 框架的模板中？

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 的东西不起作用。Google Chrome 控制台显示：

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

有什么建议么？我花了将近一个小时在谷歌上搜索，但 Slim 框架的整体文档仍然很薄:)

Answer 1

我假设您在项目根目录 (index.php) 上显示您的模板，因此您应该../从样式表和 JS 相关路径中删除：

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