6

给定一个带有布局的视图，我如何将静态文件（本质上是 CSS 和 JS）加载到视图文件中的 <head> 中？

布局.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{{=T.accepted_language or 'en'}}">
    <head>
        <title>{{=response.title or request.application}}</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <!-- include requires CSS files
        {{response.files.append(URL(request.application,'static','base.css'))}}
        {{response.files.append(URL(request.application,'static','ez-plug-min.css'))}}
        -->
        {{include 'web2py_ajax.html'}}
    </head>
    <body>
        {{include}}
    </body>
</html>

我的视图.html

{{extend 'layout.html'}}
{{response.files.append(URL(r=request,c='static',f='myview.css'))}}

<h1>Some header</h1>
<div>
    some content
</div>

在上面的示例中，“myview.css”文件要么被 web2py 忽略，要么被浏览器删除。

那么加载像这个 CSS 文件这样的页面特定文件的最佳方法是什么？我宁愿不要把我所有的静态文件都塞进我的布局中。

4

1 回答 1

7

在 myview.html 中反转前两行

{{response.files.append(URL(r=request,c='static',f='myview.css'))}}
{{extend 'layout.html'}}

请注意 1.78.1 和 1.78.2 有一个错误，不允许它工作。同一天在 1.78.3 中修复。response.file.append(...) 也可以在需要它的控制器操作中移动。您不应该在扩展之前放置逻辑，但您定义要传递给扩展视图的变量。

于 2010-05-21T04:44:09.573 回答