前面我们简单的了解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文件的更多相关文章

  1. Django (七) token&静态文件&媒体文件

    token&静态文件&媒体文件 1. token 1. 会话技术 2. 服务端会话技术 3. 它实际上就是手动实现的session 4. 实现token 4.1 在models.py中 ...

  2. Django基础二静态文件和ORM

    Django基础二静态文件和ORM 目录 Django基础二静态文件和ORM 1. 静态文件 1.1 静态文件基本配置: 1.2 静态文件进阶配置 2. request参数 3. Django配置数据 ...

  3. Django中各目录文件的作用

    一般的项目结构如下(大同小异) my_site是一个项目,blog是项目下的应用之一,可以使用创建命令创建更多的应用. 最上层的django文件夹: 自己手动创建,名字随意. 第二层my_site文件 ...

  4. django之 使用py文件操作django项目中的表

    要想在一个另外的py文件中操作django,可以使用如下的代码 import os os.environ.setdefault("DJANGO_SETTINGS_MODULE",' ...

  5. 在Django中运行脚本文件以及打印出SQL语句。

    Django终端打印SQL语句 在Django项目的settings.py文件中,在最后复制粘贴如下代码: LOGGING = { 'version': 1, 'disable_existing_lo ...

  6. Django中对静态文件的支持（转）

    英文原文:[http://agiliq.com/blog/2013/03/serving-static-files-in-django/] 译文:[http://segmentfault.com/a/ ...

  7. django 项目使用setting文件里定义的变量方法

    1.在Django项目的settings文件里定义里变量 REDIS_CONN = { 'HOST':'127.0.0.1', 'PORT':6379, 'DB':0,} 2.函数需要使用settin ...

  8. django JsonResponse返回中文时显示unicode编码（\u67e5\u8be2）

    django JsonResponse返回中文时显示unicode编码(\u67e5\u8be2) 关注公众号"轻松学编程"了解更多. 原因 这个unicode编码,是python ...

  9. django中的静态文件

    静态文件 1.什么是静态文件 在django中静态文件是指那些图片.css样式.js样式.视频.音频等静态资源. 2.为什么要配置静态文件 这些静态文件往往不需要频繁的进行变动,如果我们将这些静态文件 ...

  10. python后端向前台返回字节流文件

    python后端向前台返回字节流文件,浏览器访问地址自动下载文件: from django.http.response import StreamingHttpResponse # 要下载的文件路径 ...

随机推荐

  1. mixin很难吗？

    实践类工作经常会遇到这样的问题,有些概念会用不会说,最近在学习Dart,遇到mixin便是如此.读了几篇网文总觉得良莠不齐,一群码友也说越读越懵,索性静下心来重新出发,一点一滴地弄明白.记录下来分享给 ...

  2. SLF4j 居然不是编译时绑定？日志又该如何正确的分文件输出？——原理与总结篇

    各位新年快乐,过了个新年,休(hua)息(shui)了三周,不过我又回来更新了,经过前面四篇想必小伙伴已经了解日志的使用以及最佳实践了,这个系列的文章也差不多要结束了,今天我们来总结一下. 概览 这篇 ...

  3. 源码编译安装MySQL5.7

    一.数据库 概述 什么是数据库?简单来说就是存储数据的仓库.这个仓库它会按照一定的数据结构来对数据进行组织和存储.我们可通过数据库提供的多种方法来管理其中的数据 说比较通俗一点就是计算机中的数据库就是 ...

  4. Language Model

    在某次会上的语言模型的ppt.

  5. 跨域的两种解决方法jsonp和CORS

    1.跨域 什么是跨域? 当你请求的url是不同源的数据的时候,浏览器一般会抛出请求跨域的错误,如下图: 造成跨域的原因? 即你违反了浏览器的同源策略的限制=>阻止一个域的js脚本和另外一个域的内 ...

  6. k8s系列---Service之ExternalName用法

    需求:需要两个不同的namespace之间的不同pod可以通过name的形式访问 实现方式: A:在其他pod内ping [svcname].[namespace] ping出来到结果就是svc的ip ...

  7. Apache 容器 Directory Location Files 及htaccess文件

    配置段容器的类型 相关模块 core mod_proxy 相关指令 <Directory> <DirectoryMatch> <Files> <FilesMa ...

  8. [Redis-CentOS7]Python操作Redis(十一)

    Python 操作redis #!/usr/bin/env pyhton # coding:utf-8 # @Time : 2020-02-16 21:36 # @Author : LeoShi # ...

  9. OpenLayers 6 学习笔记

    这个是真的学习笔记!不是教程 转载请声明:https://www.cnblogs.com/onsummer/p/12159366.html 基于openlayers 6.x api不太好查,就基于腾讯 ...

  10. mysql在建表语句中添加索引

    普通索引创建 创建普通索引,即不添加 UNIQUE.FULLTEXT 等任何参数. [例]创建表名为 score 的数据表,并在该表的 id 字段上建立索引,SQL 语句如下: CREATE tabl ...