Django Template – Filter

Filter adalah modifier untuk melakukan manipulasi variable pada sisi template, yaitu dalam file template html, bukan pada views.py python script.

Filtering menggunakan tanda pipe “|”. Django menyediakan banyak filter yang dapat digunakan. Dokumentasi dapat lihat di https://docs.djangoproject.com/en/4.0/ref/templates/builtins/

Penggunaan filter sangat mudah, dokumentasi yang disediakan cukup jelas. Jadi pada modul ini kita akan bahas contoh sederhana upper, lower dan length.

  • upper :untuk mengubah menjadi uppercase.
  • lower: untuk mengubah menjadi lowercase.
  • length: untuk menghitung besar dari variable.

Buka file my_app/templates/my_app/variable.html, ubah menjadi seperti berikut:

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>Menggunakan Context Variable</h1>
    <p>Nama pertama adalah <strong>{{first_name}}</strong>, nama belakang adalah <strong>{{last_name}}</strong></p>
    <p>Contoh upper lower filter: {{first_name | upper}}, {{last_name | lower}}</p>
    <p>Teknikal skill : {{my_list.0}}, {{my_list.1}}</p>
    <p>Contoh filter length: {{my_list | length}}</p>
    <p>Variable dict: {{my_dict.key_dict2}}</p>
    <p>{# baris commentar #}</p>
</body>
</html>

Pada browser akan ditampilkan seperti berikut:

Sharing is caring:

Leave a Comment