ATK4 - 页面文件夹下的子文件夹和js/css问题

Question

我正在为我的一个项目使用敏捷工具包。当我在 page 文件夹下创建子文件夹时，不会从 atk4 文件夹中选取 CSS 和 JS，我必须将这些 css 和 js 复制到 templates 文件夹下。这是这样做的正确方法吗？

Answer 1

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

例如：

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

使用是一个很好的做法

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

如果您要包含 CSS 文件或链接到图像，那么在您自己的模板中 。这指示 Agile Toolkit 找到资源并正确链接到它。

Answer 2

正如罗马人所说，您可以将自己的文件放在 /templates/default/css 文件夹中（在 4.0 中称为 jui，但在 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");

Answer 3

相对路径，
看：
某些目录

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

如果您想将 index.html 包含在 test.js 中，则必须更改相对路径 - 从 test.js 到 templates/test.js
编辑：查看：点击