如何在HTML页面中添加Flask自动索引

时间:2019-07-17 10:05:08

标签: python flask flask-autoindex

我想在具有更多内容的HTML页面内插入一个自动索引。.

<html>
<body>
//HTML Content here like IMG, DIV, Table
// Autoindex here
</body>
</html>

我正在使用自动索引,但是它覆盖了整个页面

import os.path
from flask import Flask
from flask_autoindex import AutoIndex


app = Flask(__name__)

return AutoIndex(app, browse_root='templates/computer1')

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

1 个答案:

答案 0 :(得分:1)

我通过以下方式解决了这个问题:

创建您的自定义 .html 模板

# mytemplate.html
{% extends '__autoindex__/autoindex.html' %}

{% block meta %}
  {{ super() }}
  <link rel="stylesheet"
    href="{{ url_for('static', filename='main.css') }}" />
    <!-- Here you can specify your own .css -->
{% endblock %}

{% block header %}
  <div style="width: 500px; margin: 30px auto;">
    <h2>My Application</h2>
{% endblock %}

{% block footer %}
  </div>
{% endblock %}

(这是docs中显示的模板,您可以自定义)

在 python 中,为了在该模板上运行 AutoIndex:

# faicustom.py
from flask import Flask
from flask_autoindex import AutoIndex
app = Flask(__name__)

spath = "/" # Update your own starting directory here, or leave "/" for parent directory

files_index = AutoIndex(app, browse_root=spath, add_url_rules=False)

@app.route('/files')
@app.route('/files/<path:path>')
def autoindex(path='.'):
    return files_index.render_autoindex(path, template='mytemplate.html')
    # Here is where you specify your template

# And if you want:
if __name__ == '__main__':
    app.run()

然后启动 Flask 应用程序,应该能够在您自己的自定义站点上运行 AutoIndex(在本例中为 /files

有关 render_autoindex 函数的详细信息,请查看 commented source code