flask第33篇——加载静态文件

孟船长

发布于 2018-11-23 15:45:26

2.2K0

静态文件主要包括css，JavaScript等脚本文件、图片等，在加载文件的时候主要是用url_for方法。

语法

url_for('文件夹', filename='调用文件路径及扩展名')

我们先在static文件夹新建js、css文件夹，并新建对应扩展名的文件：

然后在index文件夹下新建mystatic.html文件，对应代码：

mystatic.js

window.onload = function(){
    alert('hello world')
}

此代码意思是弹出alert提示框

mystatic.css

body{
    background: aquamarine;
}

这里只是设置了一下背景颜色

mystatic.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>静态文件</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='css/mystatic.css') }}">
    <script src="{{ url_for('static', filename='js/mystatic.js') }}"></script>
</head>
<body>

</body>
</html>

注意：在mystatic.html中，分别通过link和script标签，利用url_for调用了对应的静态文件。在app.py中增加函数：

@app.route('/mystatic/')def mystatic():
    return flask.render_template('index/mystatic.html')

执行，可以在页面看到：

本文参与腾讯云自媒体同步曝光计划，分享自微信公众号。

原始发表：2018-10-23，如有侵权请联系 cloudcommunity@tencent.com 删除

其他

本文分享自自动化测试实战微信公众号，前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

其他

登录后参与评论

0 条评论

热度

flask第33篇——加载静态文件

flask第33篇——加载静态文件

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐