Django返回HTML檔案的實現方法
阿新 • • 發佈：2020-09-19
前面我們簡單的瞭解Django的一些工作原理，其中關於頁面展示的內容，也全部都是檢視（Views）返回的內容，那麼我們也知道前端包括很多內容。如：HTML，CSS，JavaScript等以及各種外掛，才具備完全的頁面，今天我們通過HTML的格式返回頁面內容
Templates
在Anjing目錄下建立一個templates資料夾，可能會有人問了，為什麼要建立這個資料夾？不能建立其他的嗎？
這個是Django中自動定義的
# HTML配置相關
TEMPLATES = [
{
'BACKEND': 'django.template.backends.django.DjangoTemplates','DIRS': [],'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',],},]在資料夾中新增Login.html檔案寫入以下內容
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>首頁</title>
</head>
<body>
<h1>
<p style="text-align:center" font size="2">歡迎來到安靜的部落格：</p>
</h1>
<h1>
<p style="text-align:center">請輸出賬號密碼：</p>
</h1>
<form action="/index/" method="post">
<p style="text-align:center">使用者：<input type="text" name="username" /><br />
</p>
<p style="text-align:center">密碼：<input type="password" name="password" /><br />
<input type="submit" value="提交" />
</form>
</body>
</html>Views
新增完成後，我們還需要在檢視(Views)檔案中進行寫入對應的方法，返回HTML頁面
# Virws.pyfrom django.shortcuts import render # 返回templates中的login.html檔案 def login(request): return render(request,'login.html')
其中render方法是用資料字典和請求元資料，渲染一個指定的HTML模板。
Urls
檢視已經新增完成了，根據我們前面寫的應該就差url地址了，我們需要通過urls檔案把我們前面渲染的HTML根據這個路徑然後返回給前端
# Urls.py檔案
from django.contrib import admin
from django.urls import path
# 此檔案一定要在setting.py檔案中進行新增
from Anjing import views
urlpatterns = [
path('admin/',admin.site.urls),path('login/',views.login),# 加入關聯的函式和應用
]前端展示
前面的工作都已經全部完成了，接下來就是展現正在技術的時刻了，開啟cmd重啟服務
開啟瀏覽器，輸入對應的路徑，發現頁面已經完全展示出來了。
異常報錯
當我們在輸入框中輸入一些資料後，點選提交會發現，頁面出現了404，那麼這是什麼原因呢？
我們可以看到圖片異常報錯為，找不到index路徑，原來是我們這邊沒有在程式碼中寫入index的路徑渲染內容，所以找不到，屬於正常，所有呢，大家在遇到報錯的時候不要著急，Django都會把報錯的一些資訊全部返回給我們的。
到此這篇關於Django返回HTML檔案的實現方法的文章就介紹到這了,更多相關Django返回HTML檔案內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們！