前面咱们简单的了解Django的一些工做原理,其中关于页面展现的内容,也所有都是视图(Views)返回的内容,那么咱们也知道前端包括不少内容。如:HTML,CSS,JavaScript等以及各类插件,才具有彻底的页面,今天咱们经过HTML的格式返回页面内容html
在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)文件中进行写入对应的方法,返回HTML页面django
# Virws.py
from django.shortcuts import render # 返回templates中的login.html文件
def login(request): return render(request, 'login.html')
其中render方法是用数据字典和请求元数据,渲染一个指定的HTML模板。浏览器
视图已经添加完成了,根据咱们前面写的应该就差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