Tentukan Templat Asas dengan Blok
Cipta reka letak dengan kawasan blok yang boleh ditindih.
Tentukan Templat Asas dengan Blok ialah pelajaran Flask Academy percuma di CoddyKit. Ini ialah pelajaran 1 daripada 4. Anda boleh membaca keseluruhan pelajaran di bawah secara percuma — kemudian berlatih secara praktikal dalam pelayar menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran Flask Academy, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Flask Academy merangkumi sejumlah 4 pelajaran.
Reka Letak Berulang di Mana-mana
Setiap halaman di tapak anda berkongsi pengepala, navigasi dan pengaki yang sama. Menyalin HTML itu ke setiap templat menyukarkan penyelenggaraan. Templat asas menyelesaikan masalah ini. 🧩
Satu Rangka, Banyak Halaman
Templat asas menyimpan keseluruhan rangka HTML sekali sahaja. Halaman anak menggunakannya semula dan hanya mengisi bahagian yang berbeza, jadi penanda dikongsi dalam satu fail.
Blok Menandakan Ruang Kosong
Dalam templat asas, blok menandakan bahagian yang boleh ditindih oleh halaman anak. Semua yang berada di luar blok adalah tetap dan dikongsi oleh setiap halaman.
Isytiharkan Blok
Anda membuka bahagian dengan tag blok bernama dan menutupnya dengan endblock. Apa-apa sahaja di antaranya ialah kandungan lalai untuk ruang tersebut.
<title>{% block title %}My Site{% endblock %}</title>Rangka Templat Asas Sebenar
base.html ini membungkus doctype, head dan body sekali sahaja. Blok title dan content ialah satu-satunya bahagian yang akan disesuaikan oleh halaman.
<!DOCTYPE html>
<html>
<head>
<title>{% block title %}Site{% endblock %}</title>
</head>
<body>
{% block content %}{% endblock %}
</body>
</html>Namakan Blok Anda dengan Jelas
Berikan setiap blok nama yang menerangkan fungsinya seperti content, title atau sidebar. Halaman anak merujuk blok menggunakan nama tepat itu apabila menindihnya.
Blok Boleh Mengandungi Nilai Lalai
Kandungan antara tag blok ialah nilai lalai. Jika halaman anak tidak menindih blok tersebut, pelawat akan melihat teks sandaran ini.
{% block footer %}© CoddyKit{% endblock %}Tempat Fail Asas Disimpan
Simpan reka letak dalam folder templates anda, biasanya dinamakan base.html. Templat anak merujuknya melalui laluan ini apabila mengembangkannya.
Rancang Blok Sebelum Menulis Kod
Fikirkan bahagian halaman yang benar-benar berubah: tajuk, kandungan utama, mungkin bar sisi. Setiap bahagian yang berubah menjadi satu blok dalam reka letak asas anda.
Blok Boleh Bersarang
Satu blok boleh berada di dalam blok lain, seperti blok kepala yang mengandungi blok gaya. Pembenaman membolehkan halaman melaraskan butiran kecil tanpa mentakrifkan semula seluruh bahagian.
Kurang Penanda untuk Diselenggara
Dengan templat asas, mengemas kini navigasi sekali akan mengubah semua halaman serentak. Satu sumber kebenaran itu ialah tujuan utama reka letak dikongsi. ✨
Semakan Pantas
Apakah tujuan tag blok dalam templat asas?
Ulang Kaji: Templat Asas
Templat asas menyimpan penanda yang dikongsi sekali sahaja dan menyediakan blok bernama sebagai ruang yang boleh disesuaikan. Seterusnya, anda akan melanjutkan asas ini daripada halaman anak. 🎯
Pelajari Python dengan tutor kecerdasan buatan — percuma
Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.
- Kursus
- 30
- Pelajaran
- 120
Soalan Lazim
Adakah pelajaran “Tentukan Templat Asas dengan Blok” percuma?
Ya — teks penuh “Tentukan Templat Asas dengan Blok” boleh dibaca secara percuma di web ini. Untuk berlatih secara interaktif menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7, serta membuka kunci baki kursus Flask Academy, tingkat taraf kepada CoddyKit PRO. Kursus Flask Academy merangkumi sejumlah 4 pelajaran.
Apakah yang akan saya pelajari dalam “Tentukan Templat Asas dengan Blok”?
Cipta reka letak dengan kawasan blok yang boleh ditindih. Anda berlatih Flask Academy menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.
Adakah saya memerlukan pengalaman untuk memulakan Flask Academy?
Tiada pengalaman terdahulu diperlukan. Pembelajaran Flask Academy di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 1 daripada 4.
Berapa lamakah pelajaran “Tentukan Templat Asas dengan Blok” diambil?
Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.
Bolehkah saya menulis dan menjalankan kod dalam pelajaran Flask Academy ini?
Ya. Setiap pelajaran Flask Academy menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.
Semua pelajaran dalam kursus ini
- Tentukan Templat Asas dengan Blok
- Kembangkan Asas dalam Halaman Anak
- Sertakan Bahagian Boleh Guna Semula
- Makro untuk Penanda Berulang