　　前面我们简单的了解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都会把报错的一些信息全部返回给我们的。

如果感觉安静写的对您有帮助，可以下方点个关注，持续更新~~~~

Django---Django返回HTML文件的更多相关文章

Django (七) token&静态文件&媒体文件
token&静态文件&媒体文件 1. token 1. 会话技术 2. 服务端会话技术 3. 它实际上就是手动实现的session 4. 实现token 4.1 在models.py中 ...
Django基础二静态文件和ORM
Django基础二静态文件和ORM 目录 Django基础二静态文件和ORM 1. 静态文件 1.1 静态文件基本配置: 1.2 静态文件进阶配置 2. request参数 3. Django配置数据 ...
Django中各目录文件的作用
一般的项目结构如下(大同小异) my_site是一个项目,blog是项目下的应用之一,可以使用创建命令创建更多的应用. 最上层的django文件夹: 自己手动创建,名字随意. 第二层my_site文件 ...
django之使用py文件操作django项目中的表
要想在一个另外的py文件中操作django,可以使用如下的代码 import os os.environ.setdefault("DJANGO_SETTINGS_MODULE",' ...
在Django中运行脚本文件以及打印出SQL语句。
Django终端打印SQL语句在Django项目的settings.py文件中,在最后复制粘贴如下代码: LOGGING = { 'version': 1, 'disable_existing_lo ...
Django中对静态文件的支持（转）
英文原文:[http://agiliq.com/blog/2013/03/serving-static-files-in-django/] 译文:[http://segmentfault.com/a/ ...
django 项目使用setting文件里定义的变量方法
1.在Django项目的settings文件里定义里变量 REDIS_CONN = { 'HOST':'127.0.0.1', 'PORT':6379, 'DB':0,} 2.函数需要使用settin ...
django JsonResponse返回中文时显示unicode编码（\u67e5\u8be2）
django JsonResponse返回中文时显示unicode编码(\u67e5\u8be2) 关注公众号"轻松学编程"了解更多. 原因这个unicode编码,是python ...
django中的静态文件
静态文件 1.什么是静态文件在django中静态文件是指那些图片.css样式.js样式.视频.音频等静态资源. 2.为什么要配置静态文件这些静态文件往往不需要频繁的进行变动,如果我们将这些静态文件 ...
python后端向前台返回字节流文件
python后端向前台返回字节流文件,浏览器访问地址自动下载文件: from django.http.response import StreamingHttpResponse # 要下载的文件路径 ...

随机推荐

这个 Spring 循环依赖的坑，90% 以上的人都不知道
1. 前言这两天工作遇到了一个挺有意思的Spring循环依赖的问题,但是这个和以往遇到的循环依赖问题都不太一样,隐藏的相当隐蔽,网络上也很少看到有其他人遇到类似的问题.这里权且称他非典型Spring ...
【Java并发工具类】CountDownLatch和CyclicBarrier
前言下面介绍协调让多线程步调一致的两个工具类:CountDownLatch和CyclicBarrier. CountDownLatch和CyclicBarrier的用途介绍 CountDownLat ...
qt creator源码全方面分析(2-10-2)
目录 Creating Your First Plugin 创建一个插件项目构建并运行插件文件结构 qmake项目插件元数据模板插件类头文件源文件 Creating Your First ...
python学习Day27--time模块、sys模块、os模块和序列化模块
[知识点] 1.时间模块: (1)时间戳时间,格林威治时间,float数据类型英国伦敦的时间:1970.1.1 0:0:0 北京时间:1970.1.1 8:0:0 (2)结构化时间, ...
DNS 查询 - Domain Name Server
DNS 查询 - Domain Name Server socket.getaddrinfo("www.baidu.com",None) 返回时一个 tuple list - (f ...
k8s调度器kube-scheduler
kube-scheduler简介调度是容器编排的重要环节,需要经过严格的监控和控制,现实生产通常对调度有各类限制,譬如某些服务必须在业务独享的机器上运行,或者从灾备的角度考虑尽量把服务调度到不同机器 ...
VFP的数据策略：高级篇
VFP的数据策略:高级篇引语在“VFP中的数据策略:基础篇”一文中,我们研究了VFP应用程序中访问非VFP数据(如SQL Server)的不同机制:远程视图.SQL Passthrough.ADO ...
NCE L5
课文内容重点单词解析重点课文解析
Jmeter 连接Redis获取数据集
公司开展了新的业务活动,需要配合其他部门做压测,由于脚本中的手机号和用户的uid需要参数化而且每次均不能重复,最初的考虑使用csv的方式来获取数据,比较头疼的问题是集群节点需要维护测试数据,所以我将所 ...
普通版js运动框架
//获取样式 function getStyle(obj){ if(obj.currentStyle){ return obj.currentStyle[attr]; }else{ return ge ...

Django---Django返回HTML文件