Downloaded 38 times
![Example #2/2
importjinja2
templateLoader=jinja2.FileSystemLoader(searchpath="templates"
templateEnv=jinja2.Environment(loader=templateLoader)
TEMPLATE_FILE="basic-2.html"
template=templateEnv.get_template(TEMPLATE_FILE)
FAVORITES=["chocolates","lunareclipses","rabbits"]
templateVars={"title":"TestExample",
"description":"Asimpleinquiryoffunction."
"favorites":FAVORITES}
printtemplate.render(templateVars)
<!doctypehtml>
<htmllang="en">
<head>
<metacharset="UTF-8"/>
<title>{{title}}</title>
<metaname="description"content="{{description}}"/>
</head>
<body>
<divid="content">
<p>MyFavoriteThings:</p>
<ul>
{%foriteminfavorites-%}
<li>{{item}}</li>
{%endfor-%}
</ul>
</div>
</body>
</html>
basic-2.html
7 / 27](https://image.slidesharecdn.com/jinja2-151210100147/85/Python-Templating-Engine-Intro-to-Jinja-7-320.jpg)
![importos
fromjinja2importEnvironment,FileSystemLoader
PATH='.'
TEMPLATE_ENVIRONMENT=Environment(
autoescape=False,
loader=FileSystemLoader(os.path.join(PATH,'templates')),
trim_blocks=False)
defrender_template(template_filename,context):
returnTEMPLATE_ENVIRONMENT.get_template(template_filename).render(context)
defcreate_index_html():
fname="results/output-t-0.html"
my_string="Hello!"
my_list=[0,1,2,3,4,5]
context={
'title':'titlet-0',
'my_string':my_string,
'my_list':my_list
}
withopen(fname,'w')asf:
html=render_template('t-0.html',context)
f.write(html)
create_index_html()
Example t-0
<divclass="container">
<p>Mystring:{{my_string}}</p>
<p>Valuefromthelist:{{my_list[3]}}</p>
<p>Loopthroughthelist:</p>
<ul>
{%forninmy_list%}
<li>{{n}}</li>
{%endfor%}
</ul>
</div>
t-0.html (partial)
12 / 27](https://image.slidesharecdn.com/jinja2-151210100147/85/Python-Templating-Engine-Intro-to-Jinja-12-320.jpg)
![Example t-1
{%extends"t-layout-1.html"%}
{%blockcontent%}
<h3>Thisisthestartofmychildtemplate</h3>
<br>
<p>Mystring:{{my_string}}</p>
<p>Valuefromthelist:{{my_list[3]}}</p>
<p>Loopthroughthelist:</p>
<ul>
{%forninmy_list%}
<li>{{n}}</li>
{%endfor%}
</ul>
<h3>Thisistheendofmychildtemplate</h3>
{%endblock%}
t-1.html
<divclass="container">
<h2>Thisispartofmybasetemplate</h2>
<br>
{%blockcontent%}{%endblock%}
<br>
<h2>Thisispartofmybasetemplate</h2>
</div>
t-layout-1.html (partial)
14 / 27](https://image.slidesharecdn.com/jinja2-151210100147/85/Python-Templating-Engine-Intro-to-Jinja-14-320.jpg)
![Example t-2
{%extends"t-layout-2.html"%}
{%blockpage%}Home{%endblock%}
{%blockheading%}
{{super()}}
{%endblock%}
{%blockcontent%}
<h3>Thisisthestartofmychildtemplate</h3>
<br>
<p>Mystring:{{my_string}}</p>
<p>Valuefromthelist:{{my_list[3]}}</p>
<p>Loopthroughthelist:</p>
<ul>
{%forninmy_list%}
<li>{{n}}</li>
{%endfor%}
</ul>
<h3>Thisistheendofmychildtemplate</h3>
{%endblock%}
t-2.html
t-layout-2.html (partial)
<divclass="container">
{%blockheading%}
<h1>{%blockpage%}{%endblock%}-FlaskSuperExample
{%endblock%}
<h2>Thisispartofmybasetemplate</h2>
<br>
{%blockcontent%}{%endblock%}
<br>
<h2>Thisispartofmybasetemplate</h2>
</div>
16 / 27](https://image.slidesharecdn.com/jinja2-151210100147/85/Python-Templating-Engine-Intro-to-Jinja-16-320.jpg)
![Example t-3
t-3.html
{%extends"t-layout-3.html"%}
{%blocktitle%}{{title}}{%endblock%}
{%blockhead%}
{{super()}}
{%endblock%}
{%blockpage%}{{title}}{%endblock%}
{%blockheading%}{{super()}}{%endblock%}
{%blockcontent%}
<h3>Thisisthestartofmychildtemplate</h3><br><br>
<p>Mystring:{{my_string}}</p>
<p>Valuefromthelist:{{my_list[3]}}</p>
<p>Loopthroughthelist:</p>
<ul>{%forninmy_list%}
<li>{{n}}</li>
{%endfor%}</ul>
<br><p>Samelistwithafilter:{{my_list|join(',')}}</
<h3>Thisistheendofmychildtemplate</h3>
{%blocktrailer%}{{super()}}{%endblock%}
{%endblock%}
t-layout-3.html (partial)
<divclass="container">
{%blockheading%}
<h1>{%blockpage%}{%endblock%}-FlaskSuperExample
{%endblock%}
<h2>Thisispartofmybasetemplate</h2>
<br>
{%blockcontent%}{%endblock%}
<br>
<h2>Thisispartofmybasetemplate</h2>
<br>
<divclass="trailer">
{%blocktrailer%}
Watch!Thiswillbeaddedtomybaseandchildtemplates
<br><br><br>
{%endblock%}
</div>
18 / 27](https://image.slidesharecdn.com/jinja2-151210100147/85/Python-Templating-Engine-Intro-to-Jinja-18-320.jpg)
![fromflaskimportFlask,render_template
importdatetime
app=Flask(__name__)
#---------------------------------------------
@app.template_filter()
defdatetimefilter(value,format='%Y/%m/%d%H:%M'):
returnvalue.strftime(format)
app.jinja_env.filters['datetimefilter']=datetimefilter
#---------------------------------------------
@app.route("/")
deftemplate_test():
returnrender_template('f-template.html',my_string="Wheeeee!"
@app.route("/home")
defhome():
returnrender_template('f-template.html',my_string="Foo"
@app.route("/about")
defabout():
returnrender_template('f-template.html',my_string="Bar"
@app.route("/contact")
defcontact():
returnrender_template('f-template.html',my_string="FooBar"
#---------------------------------------------
if__name__=='__main__':
app.run(host='0.0.0.0',debug=True)
Example #4
f-macro.html
{%macronav_link(endpoint,name)%}
{%ifrequest.endpoint.endswith(endpoint)%}
<liclass="active"><ahref="{{url_for(endpoint)}}">{{name}
{%else%}
<li><ahref="{{url_for(endpoint)}}">{{name}}</a></li>
{%endif%}
{%endmacro%}
22 / 27](https://image.slidesharecdn.com/jinja2-151210100147/85/Python-Templating-Engine-Intro-to-Jinja-22-320.jpg)
![Example #4
f-template.html
{%extends"f-layout.html"%}
{%blocktitle%}{{title}}{%endblock%}
{%blockhead%}{{super()}}{%endblock%}
{%blockpage%}{{title}}{%endblock%}
{%blockheading%}{{super()}}{%endblock%}
{%blockcontent%}
<h3>Thisisthestartofmychildtemplate</h3>
<br>
<h4>Currentdate/time:{{current_time|datetimefilter}}
<br>
<p>Mystring:{{my_string}}</p>
<p>Valuefromthelist:{{my_list[3]}}</p>
<p>Loopthroughthelist:</p>
<ul>
{%forninmy_list%}
<li>{{n}}</li>
{%endfor%}
</ul>
<br>
<p>Samelistwithafilter:{{my_list|join(',')}}</p>
<h3>Thisistheendofmychildtemplate</h3>
{%blocktrailer%}{{super()}}{%endblock%}
{%endblock%}
23 / 27](https://image.slidesharecdn.com/jinja2-151210100147/85/Python-Templating-Engine-Intro-to-Jinja-23-320.jpg)
Uploaded byEueung Mulyana
Python Templating Engine - Intro to Jinja
The document discusses Jinja2 templating in Python. It begins with an overview and agenda, then provides examples of Jinja basics like rendering templates with variables. It also demonstrates rendering templates to files, using template inheritance and macros. Finally, it shows how to integrate Jinja templates with Flask by rendering templates from view functions and adding filters. Code samples are included throughout to illustrate key concepts.
Internetâ—¦
Python Templating Engine - Intro to Jinja
- 1. ď…“ Python - Jinja2 EueungMulyana http://eueung.github.io/python/jinja2 Python CodeLabs | Attribution-ShareAlike CC BY-SA 1 / 27
- 2. Agenda Jinja Basics Rendering toFiles Jinja + Flask 2 / 27
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11. ď…“ Rendering toFiles Based on the Codes by @mjhea0 (Michael Herman/Real Python) 11 / 27
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21. ď…“ Jinja +Flask 21 / 27
- 22.
- 23.
- 24.
- 25.
- 26. References 1. Welcome toJinja2 — Jinja2 Documentation 2. Introduction 3. Tips and Tricks 4. Template Designer 5. Primer on Jinja Templating - Real Python Other Readings 1. Jinja2 Example | Python Adventures 2. Jinja2 Examples 3. Quickstart Guide to Using Jinja2 26 / 27
- 27. ď…“ END Eueung Mulyana http://eueung.github.io/python/jinja2 Python CodeLabs| Attribution-ShareAlike CC BY-SA 27 / 27