文章目錄
- 創建 Django 項目和應用程序
- 創建 HTML 模板
- 創建視圖函數
- 配置 URL 路由
- 運行 Django 服務器
- 使用 Django 模板語言
Django 是一個流行的 Python Web 框架，它能夠幫助開發人員快速構建強大的 Web 應用程序。在 Django 中，HTML 是用于呈現網頁內容的主要語言之一。本文將介紹如何在 Django 中使用 HTML 創建動態網頁，并演示一些常見的 HTML 元素和 Django 模板語言的用法。
創建 Django 項目和應用程序
首先，確保已經安裝了 Django。如果沒有安裝，可以使用以下命令：
pip install django
接下來，創建一個新的 Django 項目：
django-admin startproject myproject
然后，創建一個新的應用程序：
cd myproject
django-admin startapp myapp
創建 HTML 模板
在 Django 中，可以將 HTML 模板存儲在應用程序的 templates 目錄中。創建一個名為 index.html 的 HTML 文件，并將其放置在 myapp/templates 目錄下：
<!-- myapp/templates/index.html -->
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>My Django App</title>
</head>
<body><h1>Hello, Django!</h1><p>Welcome to my Django app.</p>
</body>
</html>
創建視圖函數
在 Django 中，視圖函數用于處理 HTTP 請求并生成 HTTP 響應。打開 myapp/views.py 文件，并創建一個名為 index 的視圖函數：
# myapp/views.py
from django.shortcuts import renderdef index(request):return render(request, 'index.html')
配置 URL 路由
要使視圖函數能夠響應特定的 URL 請求，需要配置 URL 路由。打開 myproject/urls.py 文件，并添加一個 URL 路由到 index 視圖：
# myproject/urls.py
from django.contrib import admin
from django.urls import path
from myapp import viewsurlpatterns = [path('admin/', admin.site.urls),path('', views.index, name='index'),
]
運行 Django 服務器
現在，可以運行 Django 服務器，并在瀏覽器中訪問應用程序：
python manage.py runserver
打開瀏覽器，并訪問 http://127.0.0.1:8000/，將會看到顯示 “Hello, Django!” 的網頁。
使用 Django 模板語言
除了簡單地在 HTML 中編寫靜態內容外，Django 還提供了模板語言，可以在 HTML 中動態地插入變量、循環和條件語句。以下是一個示例：
<!-- myapp/templates/greet.html -->
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Greet User</title>
</head>
<body><h1>Hello, {{ username }}!</h1>{% if age %}<p>You are {{ age }} years old.</p>{% else %}<p>Your age is unknown.</p>{% endif %}
</body>
</html>
在視圖函數中傳遞變量給模板：
# myapp/views.py
from django.shortcuts import renderdef greet(request):context = {'username': 'John','age': 30,}return render(request, 'greet.html', context)
然后，將視圖函數和 URL 路由關聯起來：
# myproject/urls.py
from django.contrib import admin
from django.urls import path
from myapp import viewsurlpatterns = [path('admin/', admin.site.urls),path('', views.index, name='index'),path('greet/', views.greet, name='greet'),
]
現在，訪問 http://127.0.0.1:8000/greet/，將會看到根據傳遞的變量動態生成的網頁內容。
通過以上步驟，你已經學會了如何在 Django 中使用 HTML 創建動態網頁，并利用 Django 模板語言使網頁內容更加豐富和靈活。 Happy coding！
