前面我们简单的了解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. 20191228--python学习第四天

    今日内容: 列表 元组 内容回顾与补充 1.计算机基础 硬件:CPU/内存/硬盘/主板/网卡 操作系统:linux(免费/开源) centos/ubuntu/redhat   windows   ma ...

  2. 修改 ssh 远程连接 时间

           linux使用的是  红帽旗下 centos.         解释两个文件          /etc/ssh/sshd_config     配置ssh服务器端的          ...

  3. [WPF 自定义控件]在MenuItem上使用RadioButton

    1. 需求 上图这种包含多选(CheckBox)和单选(RadioButton)的菜单十分常见,可是在WPF中只提供了多选的MenuItem.顺便一提,要使MenuItem可以多选,只需要将MenuI ...

  4. matplotlib如何画子图

    目录 前言 常用的两种方式 方式一:通过plt的subplot 方式二:通过figure的add_subplot 方式三:通过plt的subplots 如何不规则划分 前言 Matplotlib的可以 ...

  5. Unity 编辑器开发SceneView GUI控制

    前几天项目需要就做了个类似于Collider EditCollider的功能 下面是我做的效果 基础代码如下: public class ExportCFGInputWindow : EditorWi ...

  6. table-cell设置宽高、居中

    table-cell默认宽高由内容决定 <style type="text/css" rel="stylesheet"> .content { co ...

  7. xmppmini 项目详解：一步一步从原理跟我学实用 xmpp 技术开发 2.登录的实现

    第二章登录的实现 金庸<倚天屠龙记> 张三丰缓缓摇头,说道:“少林派累积千年,方得达成这等绝技,决非一蹴而至,就算是绝顶聪明之人,也无法自创.”他顿了一顿,又道:“我当年在少林寺中住过,只 ...

  8. CSS选择器有哪些？选择器的优先级如何排序？

    CSS选择器分类: CSS的选择器分类可以分为三大类:id选择器,类选择器,标签选择器. 用法如下: 选择器   e.g. 说明 id选择器 #id #header 选择id="header ...

  9. mysql 使用 limit ，从指定条数读取完，-1失效

    , 原因很简单这种写法本身就是错的,虽然它可以在之前的版本中运行(低优先级),新版本的mysql对此做出了修复,现在的替代方法是第二个参数用一个较大的正数代替 比如你写个 , 感觉这方法很蠢,然鹅我并 ...

  10. ViewPager调用notifyDataSetChanged() 刷新问题解决方案

    一.问题来由 ViewPager控件很大程度上满足了开发者开发页面左右移动切换的功能,使用非常方便.但是使用中发现,在删除或者修改数据的时候,PagerAdapter无法像BaseAdapter那样仅 ...