> For the complete documentation index, see [llms.txt](https://ga0-2.gitbook.io/seifxr10anz-content/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ga0-2.gitbook.io/seifxr10anz-content/week-7/day-3-functions-http-flask/intro-to-flask-part-2.md). # Intro to Flask Part 2 #### Dynamic Routes ```python @app.route('/hello/) def hello(name): return f'Hello {name} ``` #### Returning HTML from Flask You can either return HTML as a string like so: ```python @app.route('/hello') def hello_world(): return """

Hello there.

Isn't this lovely!

""" ``` or use a template. #### Serving Dynamic Templates & Static Files Create `static` and `templates` directories so the project directory looks like so: ``` . ├── app.py ├── static │ ├── css │ ├── img │ └── js └── templates ``` **Rendering a Template** Flask will automatically look for template files in `templates`. Flask uses the [Jinja templating engine](https://jinja.palletsprojects.com/en/3.1.x/). To render a Jinja template, first import the `render_template` function ```python from flask import Flask, render_template ``` Then instead of returning a string in the route handler, return the result of calling `render_template('{templatename}.html')`. **app.py** ```python @app.route('/') def index(): return render_template('index.html') ``` **templates/index.html** ```html

``` **Adding a Stylesheet** Like templates, Flask will automatically look for and and serve static files in `static`. So you just have to create your stylesheet file and include it in the template. ```html ``` **Adding Images** Add any image in the `static` directory (preferably in the `img` directory but you do you) and flask will serve it at `/static/PATH_TO_IMAGE`. ```html Good Boy

``` #### Passing Data to Templates **app.py** ```python @app.route('/hello/') def hello(name): return render_template('hello.html', person=name) ``` **templates/hello.html** ```html

Hello {{ person }}!

Have you caught up with homework?

```