给定一个布局视图,如何将静态文件(基本上是CSS和JS)加载到< head>从视图文件?
的layout.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>
myview.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文件这样的特定于页面的文件的最佳方法是什么?我宁愿不把所有静态文件都填入我的布局。
答案 0 :(得分: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(...)也可以在需要它的控制器动作中移动。您不应该在扩展之前放置逻辑,而是定义要传递给扩展视图的变量。