在MVC架构中存储网站的样式表

时间:2011-06-21 11:25:45

标签: css model-view-controller codeigniter

我正在使用MVC架构构建一个网站。它需要大量的CSS。我需要至少20个css文件存储在其中,每个文件与一些独特的视图相关联。我想知道在哪里可以存储css文件?可以在单个根css目录中,也可以将其存储在特定视图中。另外,在公共模板文件中链接这些文件将非常繁琐。我的意思是它会显示20个不同的标签。有没有其他方法可以做到这一点?请帮忙。我顺便使用codeigniter框架。

2 个答案:

答案 0 :(得分:1)

我所做的就是将它全部存储在公共文件夹(包含index.php文件的文件夹)中的css文件夹中。我还有一个生成实际链接标记的辅助方法,所以在模板文件中,我只有类似的东西:

<?= stylesheet('sheet1','sheet2','sheet3') ?>

调用的辅助方法然后会生成链接(并假设它们位于public / css目录中)。

清理原始模板文件,但它仍然在文件本身中生成多个标记。我使用部分视图,因此有一个主视图,其中包含在每个页面(或几乎每个页面)上使用的主要CSS文件,然后在每个模板上添加视图唯一的文件。

如果您有20个CSS文件,您可能需要查看可以整理的内容并使其更通用。任何你有多个相同样式(甚至跨文件)的地方都是斩波块。任何额外的文件都应该相对较小,并且只提供异常页面的覆盖(如果你可以对这些文件进行泛化,那么你可以将文件用于多个页面,那就更好了。)

答案 1 :(得分:0)

我建议您将所有CSS文件合并到一个文件中。它更易于维护,您只需向服务器发出一个请求。拥有如此多的css文件只会增加页面的加载时间。同时gzip css文件以提高页面速度。