JS/CSS 파일을 Slim Framework의 템플릿에 포함시키는 방법은 무엇입니까?

Question

Slim 프레임 워크로 간단한 웹 앱을 개발하고 있습니다. 나는 아마 간단한 문제에 봉착했다. 내 템플릿에 정적 파일 (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> 

내가

http://localhost/xampp/ProjectX/ 

(I 프로젝트의 루트 URL을 호출

'm 사용하여 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) 

의견이 있으십니까? 인터넷 검색에서 almonst를 1 시간 보냈지 만 슬림 프레임 워크의 전체 문서는 문자 그대로 슬림합니다.

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>