flask第33篇——加载静态文件
孟船长
发布于 2018-11-23 07:45:26
发布于 2018-11-23 07:45:26
代码可运行
运行总次数：0
代码可运行
静态文件主要包括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 删除
评论
登录后参与评论
暂无评论
推荐阅读
推荐阅读
相关推荐
Flask学习笔记之模板（二）
更多 >
腾讯云开发者
