Skip to content

1.3.1.3 Control Structure

Jump to bottom
David Rigan edited this page Feb 12, 2020 · 1 revision

Sekarang kamu akan membuat file base.html di folder templates dengan isi seperti kode dibawah ini:

# templates/base.html
<html>
<head>
    <title>{% block title %}{% endblock %} - My App</title>
</head>
<body>
{% block content %}
{% endblock %}
</body>
</html>

sehingga struktur direktori kamu menjadi seperti ini:

├── env/
|   └── .....
├── templates/
|   └── base.html
|   └── user.html
├── app.py

Di jinja2 juga kita bisa melakukan beberapa kontrol struktur seperti contoh kecilnya:

{% if name %}
<h1>Hello, {{ name }}</h1>
{% endif %}

Kemudian ubahlah di code kamu di bagian user.html menjadi seperti di bawah:

# templates/user.html
{% extends 'base.html' %}
{% block title %}Index{% endblock %}
{% block content %}
{% if name %}
    <h1>Hello, {{ name }}</h1>
{% endif %}
{% endblock %}

Jadi artinya extends ini adalah sebagai dasar template atau sebagai struktur dasar template yang diambil dari base.html. Jadi setiap block yang di user.html akan diposisikan sesuai block yang kamu tuliskan di base.html. Program kamu jadi lebih terstrukturkan!

Lalu coba jalankan kembali flask run dan pastikan program berjalan normal

Referensi :

  • Miguel Grinberg - Flask Web Development, Developing Web Applications with Python

Clone this wiki locally