More

    Tutorial Django Bahasa Indonesia #6: Pengenalan Templates

    Pada artikel sebelumnya kita sudah belajar mengenai routing di django #5 . Dimana, pada tutorial tersebut kita sudah bagaimana cara menampilkan “Hello World” pada halaman homepage kita menggunakan HttpResponse. Pada kali ini, kita akan mencoba menampilkan sebuah pesan “Hello World” didalam sebuah template berupa HTML, dimana halaman html tersebut akan di render melalui django views.

    Tutorial Django Bahasa Indonesia #6: Pengenalan Templates

    Apa itu django templates?

    django templates adalah dokumen teks atau string Python yang ditandai menggunakan django template language. Django template akan dirender bersamaan dengan context. Dimana, semua variable yang berada di dalam context akan di tampilkan dihalaman HTML menggunakan tag double brackets {{  }}.

     

    Contoh penggunaan django templates

    Untuk bisa menggunakan template django, kita harus membuat sebuah folder terlebih dahulu dengan nama “templates” didalam app direktori. pengenalan templates

    Perlu diperhatikan, untuk penamaan folder “templates” harus sama persis dengan yang saya contohkan, karena apabila kita memberi nama lain seperti “template”, “temp” dsb maka django tidak bisa mendeteksi lokasi folder templates tersebut dan akan muncul error Template Does’nt Exist.

    Setelah itum kita akan membuat file baru dengan nama “index.html” didalam folder templates. Lalu buat struktur html dasar didalam file index.html tersebut. pengenalan templatesSekarang, kita akan mencoba menampilkan halaman index.html tersebut dibrowser.

    Caranya:

    Buka file views.py yang ada didalam app blog. Jika anda mengikuti tutorial sebelumnya, kita sudah mencoba menampilkan hello world menggunakan HttpResponse. Untuk menampilkan halaman index.html tadi, kita perlu mengubah HttpResponse tersebut menjadi render.

    return render(request, "index.html")
    

    Kode lengkapnya akan seperti berikut ini:

    from django.shortcuts import render
    from django.http import HttpResponse
    
    def index(request):
        return render(request, "index.html")
    
    

    index.html adalah nama file yang sudah kita buat tadi didalam folder templates.

    Sekarang simpan dan coba buka halaman browser. Maka akan muncul halaman html yang sudah kita buat tadi. pengenalan templates

    Jika terjadi error seperti pada gambar dibawah ini.pengenalan templates

    Maka, ada beberapa kemungkinan:

    1. Salah dalam penamaan file index.html pada bagian views.
    2. Kesalahan dalam pemberian nama folder templates.
    3. Pengaturan APP_DIRS pada settings.py menjadi False. Seharusnya Truepengenalan templates

    Sekarang kita akan mencoba passing data dari django views kedalam template html.

    Buat 2 variable dengan nama first_name dan juga last_name didalam views.py pada function index.

    first_name = 'Fikri'
    last_name = 'Aja'

    lalu kita akan passing kedua variable tersebut kedalam sebuah context.

    context = {
            'first_name':first_name,
            'last_name':last_name,
        }

    Pada bagian tanda petik, merupakan variable yang akan kita panggil didalam django template.

    Saat ini, context tersebut belum terender didalam template. Untuk melakukannya anda perlu menambahkan context didalam return.

    return render(request, "index.html", context)
    

    Maka kode lengkapnya akan seperti berikut ini

    from django.shortcuts import render
    from django.http import HttpResponse
    
    def index(request):
        first_name = 'Fikri'
        last_name = 'Aja'
    
        context = {
            'first_name':first_name,
            'last_name':last_name,
        }
        return render(request, "index.html", context)
    
    

    Sekarang, kita akan beralih kedalam file index.html. Seperti yang sudah saya katakan, untuk memanggil 2 variable first_name dan last_name didalam django template kita akan menggunakan double bracket {{}}

    masukkan kode berikut didalam file index.html

    <center>
        <p>
            Hello nama saya adalah {{first_name}} {{last_name}}
        </p>
    </center>

    Sekarang simpan dan refresh browser anda.

    Maka kita akan melihat sebuat string yang sudah kita buat sebelumnya didalam views.pengenalan templates

     

    Untuk menampilkan tanggal hari ini anda bisa menggunakan “now” pada template.

    saya lahir pada {% now 'd/m/Y' %}

    pengenalan templates

    Untuk variable dan tags lain anda bisa membaca langsung pada dokumentasi django melalui link berikut ini

    Cukup sekian tutorial django untuk topik pengenalan templates.

    Pada artikel berikutnya saya akan membahas tentang staticfiles dan juga integrasi bootstrap di django.

    Free $100
    Deal

    Daftar menggunakan link di pojok kanan atas, minimal top up $25 usd. Maka dalam waktu 30 hari setelah registrasi anda akan mendapatkan credit $100 gratis dari vultr untuk mencoba layanan mereka.

    More Less
    Doesn't expire

    Recent Articles

    apa itu mirkotik

    Apa itu Mikrotik dan Fungsinya

    0
    Apa itu mikrotik? - Untuk beberapa orang yang biasa berkecimpung di dunia jaringan, mungkin sudah tidak asing lagi dengan yang namanya Mikrotik. Alat tersebut biasa ada...
    aplikasi belajar online

    Moodle, Aplikasi Belajar Online Gratis

    0
    Aplikasi Belajar Online - Saat ini membuat aplikasi pembelajaran online sangatlah mudah. Banyak sekali platform yang bisa anda gunakan untuk pembelajaran online, salah satunya...
    cara install mikrotik CHR

    Cara Install Mikrotik CHR (Cloud Host Router) pada Centos 8

    0
    Cara Install Mikrotik CHR - Mikrotik seringkali diperlukan ketika mengelola sebuah network secara fisik atau virtual. Saat ini, Mikrotik tersedia dalam versi cloud yang bernama Mikrotik CHR. Sistem operasi...
    upgrade windows 11

    Cara Upgrade Windows 11 Gratis!

    0
    Pada tanggal 5 Oktober 2021, microsoft telah resmi meluncurkan generasi windowsnya yaitu windows 11. Dengan serangkaian fitur baru, Windows 11 diklaim akan menyajikan pengalaman menggunakan...
    tips memilih isp

    Tips Memilih ISP Untuk Kebutuhan Internet Anda

    0
    Dalam memilih ISP kita perlu mempertimbangkan beberapa hal, diantaranya ialah budget. Namun, selain itu tentunya kita perlu memilih isp yang cocok dengan kita. Memilih ISP...

    Related Articles

    Leave A Reply

    Please enter your comment!
    Please enter your name here

    This site uses Akismet to reduce spam. Learn how your comment data is processed.

    Dapatkan konten terbaik dari kami!