ATK4 - 网页文件夹和JS/CSS问题

Question

我使用灵活的工具包，我的一个项目下的子文件夹。当我在页面文件夹下创建一个子文件夹时，CSS和JS不会从atk4文件夹中选取，我必须将这些css和js复制到模板文件夹下。这是做这件事的正确方法吗？

Answer 1

相对路径， 看： 某些目录

templates/index.html { `<script src='test.js'></script>` } 
index.php 

如果你想包括index.html与test.js必须更改相对路径 - 从test.js到模板/ test.js 编辑：看看：Click

Answer 2

是的。使用Agile Toolkit，默认情况下，文件从atk4/*加载。如果你想覆盖任何这些文件，包括模板，CSS，图像，类或模板，你应该复制它们以外。

例如：

atk4/template/jui/css/general.css -> template/jui/css/general.css 
atk4/lib/Tabs.php -> lib/Tabs.php 

如果你是包括CSS文件或链接到的图片，这是一个很好的实践，在自己的模板使用

<?template?>img/myimage.png<?/?> 

。这指示敏捷工具包可以正确定位资源和链接。

Answer 3

罗马书说，你可以把自己的文件在/模板/默认/ css文件夹（这就是所谓的瑞在4.0，但默认情况下，4.1），而这些应该由探路者被拾起。

您还可以添加额外的目录由增加他们在Frontend.php这样搜索的列表。

$this->addLocation('atk4-addons',array(
      'php'=>array(
        'mvc', 
        'misc/lib', 
        'sterling/jqplot/lib', 
        ), 
      'css'=>array(
        'sterling/jqplot/templates/js/jqplot', 
        ), 

所以现在探路者还会在指定的目录中搜索css脚本，我可以在我的页面代码中添加以下行。

$p->api->template->append('css_include', '<link type="text/css" href="'.$this->api->locateURL('css','mysite.css').'" rel="stylesheet" />'."\n");