# 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?

``` --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://ga0-2.gitbook.io/seifxr10anz-content/week-7/day-3-functions-http-flask/intro-to-flask-part-2.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.