快捷導(dǎo)航

Django返回HTML文件的實現(xiàn)方法

更新時間：2020年09月17日 10:20:04 作者：測試-安靜

這篇文章主要介紹了Django返回HTML文件的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

　　前面我們簡單的了解Django的一些工作原理，其中關(guān)于頁面展示的內(nèi)容，也全部都是視圖（Views）返回的內(nèi)容，那么我們也知道前端包括很多內(nèi)容。如：HTML，CSS，JavaScript等以及各種插件，才具備完全的頁面，今天我們通過HTML的格式返回頁面內(nèi)容

Templates

在Anjing目錄下創(chuàng)建一個templates文件夾，可能會有人問了，為什么要創(chuàng)建這個文件夾？不能創(chuàng)建其他的嗎？

這個是Django中自動定義的

# HTML配置相關(guān)
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文件寫入以下內(nèi)容

<!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)文件中進行寫入對應(yīng)的方法，返回HTML頁面

# Virws.pyfrom django.shortcuts import render

# 返回templates中的login.html文件
def login(request):
  return render(request, 'login.html')

其中render方法是用數(shù)據(jù)字典和請求元數(shù)據(jù)，渲染一個指定的HTML模板。

Urls

視圖已經(jīng)添加完成了，根據(jù)我們前面寫的應(yīng)該就差url地址了，我們需要通過urls文件把我們前面渲染的HTML根據(jù)這個路徑然后返回給前端

# 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),    # 加入關(guān)聯(lián)的函數(shù)和應(yīng)用
]

前端展示

前面的工作都已經(jīng)全部完成了，接下來就是展現(xiàn)正在技術(shù)的時刻了，打開cmd重啟服務(wù)