Tentukan Template Dasar dengan Blok
Buat tata letak dengan wilayah blok yang dapat ditimpa.
Tentukan Template Dasar dengan Blok adalah pelajaran Flask Academy gratis di CoddyKit. Ini adalah pelajaran 1 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Flask Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Flask Academy mencakup 4 pelajaran total.
Tata Letak Berulang di Mana-Mana
Setiap halaman di situs Anda menggunakan header, navigasi, dan footer yang sama. Menyalin HTML tersebut ke setiap templat menyulitkan pemeliharaan. Templat dasar mengatasinya. 🧩
Satu Kerangka, Banyak Halaman
Templat dasar menyimpan seluruh kerangka HTML satu kali. Halaman turunan menggunakannya kembali dan hanya mengisi bagian yang berbeda, sehingga markup bersama berada dalam satu berkas.
Blok Menandai Bagian yang Dapat Diisi
Di dalam templat dasar, blok menandai wilayah yang dapat ditimpa oleh halaman turunan. Semua bagian di luar blok tetap dan digunakan bersama oleh setiap halaman.
Mendeklarasikan Blok
Anda membuka wilayah dengan tag block bernama dan menutupnya dengan endblock. Apa pun di antara keduanya menjadi konten default untuk bagian tersebut.
<title>{% block title %}My Site{% endblock %}</title>Kerangka Dasar yang Sebenarnya
base.html ini membungkus doctype, head, dan body satu kali. Blok title dan content adalah satu-satunya bagian yang akan disesuaikan oleh halaman.
<!DOCTYPE html>
<html>
<head>
<title>{% block title %}Site{% endblock %}</title>
</head>
<body>
{% block content %}{% endblock %}
</body>
</html>Beri Nama Blok dengan Jelas
Beri setiap block nama yang deskriptif seperti content, title, atau sidebar. Halaman turunan merujuk blok menggunakan nama yang sama persis saat menimpanya.
Blok Dapat Menyimpan Nilai Default
Konten di antara tag blok adalah nilai default. Jika halaman turunan tidak menimpa blok tersebut, pengunjung akan melihat teks pengganti ini.
{% block footer %}© CoddyKit{% endblock %}Lokasi Berkas Dasar
Simpan tata letak di folder templates Anda, biasanya dengan nama base.html. Templat turunan menunjuk kembali ke sana menggunakan jalur ini saat memperluasnya.
Rencanakan Blok Sebelum Menulis Kode
Pikirkan bagian halaman mana yang benar-benar berubah: judul, isi utama, mungkin juga bilah sisi. Setiap bagian yang berubah menjadi satu blok dalam tata letak dasar Anda.
Blok Dapat Bersarang
Sebuah blok dapat berada di dalam blok lain, seperti blok kepala yang memuat blok gaya. Penyarangan memungkinkan halaman menyesuaikan detail kecil tanpa mendefinisikan ulang seluruh bagian.
Lebih Sedikit Markup untuk Dipelihara
Dengan templat dasar, memperbarui navigasi sekali akan mengubah semua halaman sekaligus. Satu sumber kebenaran itulah inti dari tata letak bersama. ✨
Pemeriksaan Singkat
Apa tujuan tag blok dalam templat dasar?
Ringkasan: Templat Dasar
Templat dasar menyimpan markup bersama satu kali dan menyediakan blok bernama sebagai slot yang dapat disesuaikan. Berikutnya, Anda akan memperluas dasar ini dari halaman turunan. 🎯
Belajar Python dengan tutor AI — gratis
Tulis dan jalankan kode asli di browser kamu, dapatkan bantuan instan dari tutor AI 24/7, dan lanjutkan di mana kamu tinggalkan di web atau aplikasi.
- Kursus
- 30
- Pelajaran
- 120
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Tentukan Template Dasar dengan Blok” gratis?
Ya — teks lengkap “Tentukan Template Dasar dengan Blok” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Flask Academy, upgrade ke CoddyKit PRO. Kursus Flask Academy mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “Tentukan Template Dasar dengan Blok”?
Buat tata letak dengan wilayah blok yang dapat ditimpa. Kamu berlatih Flask Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai Flask Academy?
Tidak diperlukan pengalaman sebelumnya. Flask Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 1 dari 4.
Berapa lama pelajaran “Tentukan Template Dasar dengan Blok” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran Flask Academy ini?
Ya. Setiap pelajaran Flask Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- Tentukan Template Dasar dengan Blok
- Perluas Template Dasar di Halaman Turunan
- Sertakan Partial yang Dapat Digunakan Ulang
- Makro untuk Markup Berulang