Django---Django返回HTML文件


  前面我們簡單的了解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.py

from
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都會把報錯的一些信息全部返回給我們的。

 

如果感覺安靜寫的對您有幫助,可以下方點個關注,持續更新~~~~

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM