So this is embarrassing. I've got an application that I threw together in Flask and for now it is just serving up a single static HTML page with some links to CSS and JS. And I can't find where in the documentation Flask describes returning static files. Yes, I could use render_template but I know the data is not templatized. I'd have thought send_file or url_for was the right thing, but I could not get those to work. In the meantime, I am opening the files, reading content, and rigging up a Response with appropriate mimetype:
import os.path
from flask import Flask, Response
app = Flask(__name__)
app.config.from_object(__name__)
def root_dir(): # pragma: no cover
return os.path.abspath(os.path.dirname(__file__))
def get_file(filename): # pragma: no cover
try:
src = os.path.join(root_dir(), filename)
# Figure out how flask returns static files
# Tried:
# - render_template
# - send_file
# This should not be so non-obvious
return open(src).read()
except IOError as exc:
return str(exc)
@app.route('/', methods=['GET'])
def metrics(): # pragma: no cover
content = get_file('jenkins_analytics.html')
return Response(content, mimetype="text/html")
@app.route('/', defaults={'path': ''})
@app.route('/<path:path>')
def get_resource(path): # pragma: no cover
mimetypes = {
".css": "text/css",
".html": "text/html",
".js": "application/javascript",
}
complete_path = os.path.join(root_dir(), path)
ext = os.path.splitext(path)[1]
mimetype = mimetypes.get(ext, "text/html")
content = get_file(complete_path)
return Response(content, mimetype=mimetype)
if __name__ == '__main__': # pragma: no cover
app.run(port=80)
有人愿意给出一个代码示例或url吗?我知道这非常简单。
我使用的是一个“模板”目录和一个“静态”目录。我把所有的.html文件/Flask模板放在模板目录中,静态包含CSS/JS。据我所知,render_template适用于通用html文件,不管你在多大程度上使用Flask的模板语法。下面是views.py文件中的一个示例调用。
@app.route('/projects')
def projects():
return render_template("projects.html", title = 'Projects')
只要确保当您想要引用单独静态目录中的某个静态文件时使用url_for()即可。你可能会在CSS/JS文件链接的html中这样做。例如……
<script src="{{ url_for('static', filename='styles/dist/js/bootstrap.js') }}"></script>
这里有一个链接到“规范的”非正式的Flask教程——这里有很多很棒的提示,可以帮助你快速上手。
http://blog.miguelgrinberg.com/post/the-flask-mega-tutorial-part-i-hello-world
所以我把事情搞定了(基于@user1671599的答案),想和你们分享。
(我希望我做得对,因为这是我在Python中的第一个应用程序)
我做了这个
项目结构:
server.py:
from server.AppStarter import AppStarter
import os
static_folder_root = os.path.join(os.path.dirname(os.path.abspath(__file__)), "client")
app = AppStarter()
app.register_routes_to_resources(static_folder_root)
app.run(__name__)
AppStarter.py:
from flask import Flask, send_from_directory
from flask_restful import Api, Resource
from server.ApiResources.TodoList import TodoList
from server.ApiResources.Todo import Todo
class AppStarter(Resource):
def __init__(self):
self._static_files_root_folder_path = '' # Default is current folder
self._app = Flask(__name__) # , static_folder='client', static_url_path='')
self._api = Api(self._app)
def _register_static_server(self, static_files_root_folder_path):
self._static_files_root_folder_path = static_files_root_folder_path
self._app.add_url_rule('/<path:file_relative_path_to_root>', 'serve_page', self._serve_page, methods=['GET'])
self._app.add_url_rule('/', 'index', self._goto_index, methods=['GET'])
def register_routes_to_resources(self, static_files_root_folder_path):
self._register_static_server(static_files_root_folder_path)
self._api.add_resource(TodoList, '/todos')
self._api.add_resource(Todo, '/todos/<todo_id>')
def _goto_index(self):
return self._serve_page("index.html")
def _serve_page(self, file_relative_path_to_root):
return send_from_directory(self._static_files_root_folder_path, file_relative_path_to_root)
def run(self, module_name):
if module_name == '__main__':
self._app.run(debug=True)
如果您只想移动静态文件的位置,那么最简单的方法是在构造函数中声明路径。在下面的示例中,我已经将模板和静态文件移动到名为web的子文件夹中。
app = Flask(__name__,
static_url_path='',
static_folder='web/static',
template_folder='web/templates')
static_url_path= "从URL中删除任何前面的路径(即。
默认/static)。
Static_folder ='web/static'提供在文件夹中找到的任何文件
Web /static作为静态文件。
Template_folder ='web/templates'类似地,这将改变
模板文件夹。
使用这个方法,下面的URL将返回一个CSS文件:
<link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">
最后,这里是文件夹结构的快照,其中flask_server.py是Flask实例: