上一章節中在 first.py 裏撰寫了一連串的 html 字串，然後再用 HttpResponse 產生 html 文件傳送到客戶端瀏覽器。一大堆字串寫在程式代碼中，是非常白痴的行為。把 html 獨立出來成立一個新的檔案，才是網頁設計的王道。

html 存放位置

請在虛擬網站下建立 templates 目錄。目錄如下

d:\pyweb
├─  venv #虛擬環境設定
├─  templates #模組目錄

DIRS設定

修改 settings.py 如下藍色的地方

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, 'templates').replace('\\', '/')],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

新增 second 網頁

新增 templates

在 template 模板中新增 second.html，內容如下

<html>
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        這是我的第二個網頁
    </body>
</html>

新增 views.py

在專案根目錄下新增 views.py，整個目錄如下

d:\pyweb
├─  venv #虛擬環境設定
├─  templates #模組目錄
│   ├─ second.html
├─  views.py

內容如下

from django.shortcuts import render
from datetime import datetime

def second(request):
    return render(request, 'second.html')

設定連結 urls.py

請在專案根目錄下的 pyweb目錄，開啟 urls.py,

🔒 底下內容僅限會員閱讀。

立即登入

載入模板render