Django Templates

อัปเดตล่าสุด April 20, 2023

Templates คือโฟลเดอร์ที่ใช้เก็บ HTML ไฟล์ เพื่อที่จะให้ views สามารถ render หน้า HTML ออกไปแสดงผลได้

สร้างไฟล์ HTML ขึ้นมาใหม่ 2 ไฟล์ นั่นก็คือ home.html และ post-detail.html ซึ่งจะถูกเก็บอยู่ในโฟลเดอร์ templates/ และ blog เป็นโฟลเดอร์สุดท้าย ตามลำดับ ซึ่งนี่คือ Best Practice ในการวาง HTML Path สำหรับ Django

Django Templates Path

blog/
    templates/
        blog/
            home.html
            post-detail.html
    admin.py
    models.py
    views.py
    ...

home.html

<!--home.html-->
<!DOCTYPE html>
<html>
<head>
    <title>Home | DH</title> 
</head>
<body>
    <h1>Hello, Django Tutorial</h1>

    {% for post in posts %}
      <ul>
        <li><a href="{% url 'post_detail' post.id %}">{{ post.title }}</a></li>
      </ul>
    {% endfor %}

</body>
</html>

post-detail.html

<!--post-details.html-->
<!DOCTYPE html>
<html>
<head>
    <title>{{ post.title }} | DH</title> 
</head>
<body>

    <h1>Title: {{ post.title }}</h1>
    <p>Body: {{ post.body }}</p>

</body>
</html>

รันเซิร์ฟเวอร์

$ python manage.py runserver

เข้าดูที่ URL http://127.0.0.1:8000/ จะได้หน้า Homepage ตามภาพด้านล่าง ซึ่งตอนนี้ยังไม่มีโพสต์ใด ๆ แสดง เพราะว่ายังไม่ได้สร้างโพสต์นั่นเอง

บทเรียนก่อนหน้า

บทเรียนถัดไป

Django Tutorial What is Django? (Intro) Lesson 1 MVT แนวคิดสำคัญของ Django Lesson 2 Django Installation & Development Setup Lesson 3 My First Django Project Lesson 4 Django ORM & Models Lesson 5 Django Database Connection Lesson 6 Django Views Lesson 7 Django URLs Routing Lesson 8 Django Admin Lesson 9 Django Templates Lesson 10 Django Static Lesson 11 Django Bootstrap Lesson 12 Django Template Inheritance Lesson 13

Django Templates

$ python manage.py runserver

คอร์สเรียนแนะนำ

พัฒนาเว็บไซต์ด้วย Django Python

Building API with Django REST Framework