Django---Django返回HTML文件

  前面咱們簡單的瞭解Django的一些工做原理,其中關於頁面展現的內容,也所有都是視圖(Views)返回的內容,那麼咱們也知道前端包括不少內容。如:HTML,CSS,JavaScript等以及各類插件,才具有徹底的頁面,今天咱們經過HTML的格式返回頁面內容html

Templates

在Anjing目錄下建立一個templates文件夾,添加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頁面django

# 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重啓服務
post

打開瀏覽器,輸入對應的路徑,發現頁面已經徹底展現出來了。url

 

異常報錯

當咱們在輸入框中輸入一些數據後,點擊提交會發現,頁面出現了404,那麼這是什麼緣由呢?spa

咱們能夠看到圖片異常報錯爲,找不到index路徑,原來是咱們這邊沒有在代碼中寫入index的路徑渲染內容,因此找不到,屬於正常,全部呢,你們在遇到報錯的時候不要着急,Django都會把報錯的一些信息所有返回給咱們的。插件

 

若是感受安靜寫的對您有幫助,能夠下方點個關注,持續更新~~~~code

相關文章
相關標籤/搜索