使用Flask托管模板文件时遇到问题

时间:2018-11-23 02:21:37

标签: javascript python html css flask

我想使用Flask框架托管app.py中/ Project / templates中的3个文件。这就是它的样子。

Project
├── templates
│   ├── index.html
│   ├── index.js
|   └── style.css
├── app.py

如何使用Flask框架将这些文件托管在app.py中?这是我的尝试,但这给了我空白页。

from flask import Flask, render_template

app = Flask(__name__)

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

@app.route('/index.js')
def index_js():
    return render_template('index.js')

@app.route('/style.css')
def style_css():
    return render_template('style.css')

if __name__ == '__main__':
    app.run(debug=True)

1 个答案:

答案 0 :(得分:0)

我认为index.jsstyle.css是静态文件。因此,要访问它们,请在与模板相同的目录中创建一个文件夹static。所以结构看起来像这样

Project
├── templates
│   └── index.html
├── static
│   ├── index.js
│   └── style.css
└── app.py

,然后在模板中,例如index.html,将其包含在

<script type="text/javascript" src="{{ url_for('static', filename='index.js') }}"></script>
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='style.css') }}">