How to generate an html directory list using Python

by

You could separate the directory tree generation and its rendering as html.

To generate the tree you could use a simple recursive function:

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

To render it as html you could use jinja2’s loop recursive feature:

<!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>

Put the html into templates/dirtree.html file.
To test it, run the following code and visit http://localhost:8888/:

import os
from flask import Flask, render_template

app = Flask(__name__)

@app.route("https://stackoverflow.com/")
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)

More Related Contents:

  1. How to render by Vue instead of Jinja
  2. Sending data from HTML form to a Python script in Flask
  3. Link to Flask static files with url_for
  4. Passing HTML to template using Flask/Jinja2
  5. Reference template variable within Jinja expression
  6. Post values from an HTML form and access them in a Flask view
  7. Is it possible to use AngularJS with the Jinja2 template engine?
  8. Application not picking up .css file (flask/python) [duplicate]
  9. Serve image stored in SQLAlchemy LargeBinary column
  10. Create dynamic arguments for url_for in Flask
  11. Display a ‘loading’ message while a time consuming function is executed in Flask
  12. Passing a matplotlib figure to HTML (flask)
  13. How to iterate through a list of dictionaries in Jinja template?
  14. Remove unnecessary whitespace from Jinja rendered template
  15. Python Flask Render Text from Variable like render_template
  16. Reload Flask app when template file changes
  17. Serve static files from a CDN rather than Flask in production
  18. Getting value from select tag using flask
  19. Jinja render text in HTML preserving line breaks
  20. How to navigate through FastAPI routes by clicking on HTML button in Jinja2 Templates?
  21. Link to a specific location in a Flask template
  22. Converting Flask form data to JSON only gets first value
  23. How to use g.user global in flask
  24. Flask css not updating [closed]
  25. ImportError: cannot import name ‘Markup’ from ‘jinja2’
  26. Returning rendered template with Flask-Restful shows HTML in browser
  27. Global variables in Flask templates
  28. How to submit HTML form value using FastAPI and Jinja2 Templates?
  29. python flask display image on a html page [duplicate]
  30. Converting matplotlib png to base64 for viewing in html template

Leave a Comment