inheritance templates

    เราได้นำโค้ด html ของ login page และ sign in page มาเทียบกันแล้ว โค้ดมีหน้าตาที่คล้ายกัน

 login.html

 signin.html

     เพื่อให้เป็นการประหยัดเวลาในการเขียนโค้ด เราจึงสร้าง file หลัก ที่เป็นต้นแบบให้กับ login.html

 และ signin.html ซึ่งผมตั้งชื่อ file นี้ว่า id_pass_input_b.html

 

id_pass_input_b.html

    จากที่เห็น เราจะใส่เป็นตัว {% block ... %}{% endblock %} ซึ่งเราเรียกว่า block เพื่อที่เราจะได้ใส่ส่วนที่ต่างกันลงใน block

login.html

 

 signin.html

    เราจะสามารถใช้ file หลักได้ เราจะต้องใช้
       {% extends ' directory ' %}
    เราจึงจะสามารถโหลดไฟล์หลักมาใช้ได้ จากนั้น เราก็ใส่โค้ดตามที่เราต้องการลงใน block ตามที่เราต้องการได้