如何使用Python生成html目录列表

谷弘致

2023-03-14

问题内容：

我在使用Python生成html文档时遇到了一些问题。我正在尝试创建目录树的HTML列表。这是我到目前为止所拥有的：

def list_files(startpath):
    for root, dirs, files in os.walk(startpath):
        level = root.replace(startpath, '').count(os.sep)
        if level <= 1:
            print('<li>{}<ul>'.format(os.path.basename(root)))
        else:
            print('<li>{}'.format(os.path.basename(root)))
        for f in files:
            last_file = len(files)-1
            if f == files[last_file]:
                print('<li>{}</li></ul>'.format(f))
            elif f == files[0] and level-1 > 0:
                print('<ul><li>{}</li>'.format(f))
            else:
                print('<li>{}</li>'.format(f))
    print('</li></ul>')

如果只有根目录，一级子目录和文件，这似乎很好。但是，添加另一级子目录会导致出现问题（因为我认为关闭标记在最后输入的次数不足）。但是我很难理解它。

如果无法通过这种方式完成操作，是否有更简单的方法可以执行？我正在使用Flask，但是对模板的经验不足，所以也许我缺少了一些东西。

问题答案：

你可以将目录树的生成及其呈现方式分离为html。

要生成树，可以使用一个简单的递归函数：

def make_tree(path):
    tree = dict(name=os.path.basename(path), children=[])
    try: lst = os.listdir(path)
    except OSError:
        pass #ignore errors
    else:
        for name in lst:
            fn = os.path.join(path, name)
            if os.path.isdir(fn):
                tree['children'].append(make_tree(fn))
            else:
                tree['children'].append(dict(name=name))
    return tree

要将其呈现为html，可以使用jinja2的循环recursive功能：

<!doctype html>
<title>Path: {{ tree.name }}</title>
<h1>{{ tree.name }}</h1>
<ul>
{%- for item in tree.children recursive %}
    <li>{{ item.name }}
    {%- if item.children -%}
        <ul>{{ loop(item.children) }}</ul>
    {%- endif %}</li>
{%- endfor %}
</ul>

将html放入templates/dirtree.html文件中。要对其进行测试，请运行以下代码并访问http://localhost:8888/：

import os
from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def dirtree():
    path = os.path.expanduser(u'~')
    return render_template('dirtree.html', tree=make_tree(path))

if __name__=="__main__":
    app.run(host='localhost', port=8888, debug=True)

如何使用Python生成html目录列表

相关阅读

相关文章

相关问答

相关工具

相关文档