　　前面我们简单的了解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 # 要下载的文件路径 ...

随机推荐

（三）Mybatis类型转换器，接口传参类型，一对一，一对多查询resultMap配置
Mybatis类型转换器首先明白什么时候用到它,当数据库的字段类型和java字段类型无法默认匹配时候进行转换,比如现在数据库类型是INTEGER,而java当中类型是Boolean,true表示1, ...
Java并发读书笔记：Lock与ReentrantLock
Lock位于java.util.concurrent.locks包下,是一种线程同步机制,就像synchronized块一样.但是,Lock比synchronized块更灵活.更复杂. 话不多说,我们 ...
Kittenblock画笔基础，移动留下痕迹的蝴蝶，图形化编程经验分享
Kittenblock画笔基础,移动留下痕迹的蝴蝶,图形化编程经验分享跟很多学生聊过,很多学生不是不努力,只是找不到感觉.有一点不可否认,同样在一个教室上课,同样是一个老师讲授,学习效果迥然不同.关 ...
移动端H5优化
H5前端优化收藏的网址: https://zhuanlan.zhihu.com/p/25176904 http://tgideas.qq.com/webplat/info/news_version3/ ...
我的一个配置redux（实现一次存储与调用方法）之旅
前言 : 今天呢,就配置一下redux,redux的重要性呢,就叭叭叭一大堆,什么也没有带着配置一次来的重要,因为许多涉及到的属性和方法,用法是活的,但格式是需要记忆的. 过程中不要嫌我唠叨,有的地方 ...
移植freertos到stm32 f103 的基本流程和总结
为什么要在stm32 f103上面移植freertos stm32 f103 以他的全面的文档,亲民的价格,强大的功能.成为无数微设备的方案首选.在市场上有极大的使用量.市场占有率也是非常的高.f ...
基于Go的马蜂窝旅游网分布式IM系统技术实践
一.引言即时通讯(IM)功能对于电商平台来说非常重要,特别是旅游电商. 从商品复杂性来看,一个旅游商品可能会包括用户在未来一段时间的衣.食.住.行等方方面面.从消费金额来看,往往单次消费额度较大.对 ...
javascript Date对象 js全部的时间属性和方法
Date() 返回当日的日期和时间. getTime() 返回 1970 年 1 月 1 日至今的毫秒数. getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31).天 getDa ...
C#中HashSet的重复性与判等运算重载
目录一个故事-- 一个繁荣的遥远国度:泛型容器但是我也不确定容器里能放些什么东西啊一个英勇的皇家骑士:HashSet 值类型的HashSet 引用类型的HashSet 另外一个--故--事?? ...
C语言结构体定义位域，从bit0开始，依次到最高bit位
位域是指信息在存储时,并不需要占用一个完整的字节, 而只需占几个或一个二进制位.例如在存放一个开关量时,只有0和1 两种状态, 用一位二进位即可.为了节省存储空间,并使处理简便,C语言又提供了一种数据 ...

Django---Django返回HTML文件