栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

如何将JavaScript或CSS文件加载到BottlePy模板中?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

如何将JavaScript或CSS文件加载到BottlePy模板中?

好吧,首先,您需要实际使用dev服务器

main.js
,否则浏览器将无法使用它。

通常将所有文件

.js
.css
文件
static
放在小型Web应用程序的目录下,因此布局应如下所示:

  app.py- static/    main.js- views/    index.tpl

绝不需要这种确切的命名和布局,而只是经常使用。

接下来,您应该为静态文件提供处理程序:

from bottle import static_file# ...@route('/static/:path#.+#', name='static')def static(path):    return static_file(path, root='static')

这实际上会将您的文件提供

static/
给浏览器。

现在,到最后一件事。您将Javascript指定为:

<script type="text/javascript" src="js/main.js" charset="utf-8"></script>

这意味着到的路径

.js

对于当前页面的。在你开发服务器,索引页(
/
)将寻找
.js
/js/main.js
和另一页(说,
/post/12
)将寻找它
/post/12/js/main.js
,并且将肯定失败。

相反,您需要使用该

get_url
函数正确引用静态文件。您的处理程序应如下所示:

from Bottle import get_url# ...@route('/')@view('index')def index():    return { 'get_url': get_url }

在中

index.tpl
.js
应引用为:

<script type="text/javascript" src="{{ get_url('static', path='main.js') }}" charset="utf-8"></script>

get_url
用找到一个处理程序
name='static'
,并计算到它的正确路径。对于开发服务器,它将始终为
/static/
。您甚至可以在模板中对其进行硬编码,但是由于两个原因,我不建议这样做:

  • 您将无法在根目录下将应用程序挂载到生产环境中;也就是说,当你把它上传到服务器大生产,它可以被划归http://example.com/(根),但不低于http://example.com/myapp/。
  • 如果更改
    /static/
    目录位置,则必须在整个模板中进行搜索,然后在每个模板中进行修改。


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/652316.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号