How to Create Templates in Flask

In this Flask Tutorial, we want to learn How to Create Templates in Flask, we know that Flask is one of the most popular web frameworks in Python. and template engine is one of the best features that Flask has, templates allows you to build dynamic web pages that can respond to user input and display data from a database or other sources. in this article we want to talk about Flask templates and how they can be used for creating dynamic web pages using Python.

What are Flask Templates ?

Flask template is a file that contain HTML, CSS and Python code. Python code is enclosed in special tags called template tags, and it tells Flask how to render the HTML code dynamically. these tags allows you to insert dynamic content into your HTML pages, such as data from a database, user input or other sources.

Flask templates use a syntax called Jinja2, it is a templating language that supports different features like loops, conditional statements and filters.

How to Create Flask Templates ?

For creating a Flask template, we need to create a new file with .html extension and save it in a templates folder in our Flask project directory. for example, if we have a Flask application in the name of myapp, then we can create another folder in their at name of templates and inside the templates we are going to create our index.html file.

This is our index.html file, in this example, we have a template file that renders a simple HTML page, and we have some dynamic content like a title and heading. we also have a loop that iterates over a list of items and displays them as a bulleted list.

<!DOCTYPE html>
<html>
<head>
	<title>{{ title }}</title>
</head>
<body>
	<h1>{{ heading }}</h1>
	<ul>
		{% for item in items %}
			<li>{{ item }}</li>
		{% endfor %}
	</ul>
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>{{ title }}</title>

</head>

<body>

<h1>{{ heading }}</h1>

<ul>

{% for item in items %}

{% endfor %}

</ul>

</body>

</html>

Now we need to create our app.py file, because we need to render our HTML file.

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def index():
    title = 'My Flask App'
    heading = 'Welcome to codeloop.org'
    items = ['Item 1', 'Item 2', 'Item 3']
    return render_template('index.html', title=title, heading=heading, items=items)



if __name__ == "__main__":
    app.run(debug=True)

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')

def index():

title = 'My Flask App'

heading = 'Welcome to codeloop.org'

items = ['Item 1', 'Item 2', 'Item 3']

return render_template('index.html', title=title, heading=heading, items=items)

if __name__ == "__main__":

app.run(debug=True)

How to Install Flask

Run the code and go to http://127.0.0.1:5000/ URL, this will be the result

FAQs:

How to create a template in Flask?

For creating a template in Flask, you need to create an HTML file inside the templates directory of your Flask project. Flask looks for templates in this directory by default. This is an example of a simple HTML template file named index.html:

<!DOCTYPE html>
<html>
<head>
    <title>{{ title }}</title>
</head>
<body>
    <h1>{{ message }}</h1>
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>{{ title }}</title>

</head>

<body>

<h1>{{ message }}</h1>

</body>

</html>

How to send data to a template in Flask?

For sending data to a template in Flask, you use render_template function. You pass the template file name and the data as keyword arguments. This is an example:

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def home():
    return render_template('index.html', title='Home Page', message='Hello, World')

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

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')

def home():

return render_template('index.html', title='Home Page', message='Hello, World')

if __name__ == '__main__':

app.run(debug=True)

In this example, title and message are sent to the index.html template.

Which method is used to render data to a template in Flask?

render_template method is used to render data to a template in Flask. This function combines the template with the provided data and returns an HTML response.

Subscribe and Get Free Video Courses & Articles in your Email