Django返回HTML文件的实现方法


Posted in Python onSeptember 17, 2020

前面我们简单的了解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.pyfrom 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重启服务

Django返回HTML文件的实现方法

打开浏览器,输入对应的路径,发现页面已经完全展示出来了。

Django返回HTML文件的实现方法

异常报错

当我们在输入框中输入一些数据后,点击提交会发现,页面出现了404,那么这是什么原因呢?

Django返回HTML文件的实现方法

我们可以看到图片异常报错为,找不到index路径,原来是我们这边没有在代码中写入index的路径渲染内容,所以找不到,属于正常,所有呢,大家在遇到报错的时候不要着急,Django都会把报错的一些信息全部返回给我们的。

到此这篇关于Django返回HTML文件的实现方法的文章就介绍到这了,更多相关Django返回HTML文件内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Python 相关文章推荐
python实现爬虫统计学校BBS男女比例之数据处理(三)
Dec 31 Python
编写Python小程序来统计测试脚本的关键字
Mar 12 Python
HTML中使用python屏蔽一些基本功能的方法
Jul 07 Python
python实现八大排序算法(2)
Sep 14 Python
微信小程序跳一跳游戏 python脚本跳一跳刷高分技巧
Jan 04 Python
python解析html提取数据,并生成word文档实例解析
Jan 22 Python
python中abs&amp;map&amp;reduce简介
Feb 20 Python
在python中pandas读文件,有中文字符的方法
Dec 12 Python
详解python 3.6 安装json 模块(simplejson)
Apr 02 Python
python数据类型可变不可变知识点总结
Mar 06 Python
python爬虫beautifulsoup解析html方法
Dec 07 Python
pycharm 使用tab跳出正在编辑的括号(){}{}等问题
Feb 26 Python
Pycharm新手使用教程(图文详解)
Sep 17 #Python
Django修改app名称和数据表迁移方案实现
Sep 17 #Python
Python request中文乱码问题解决方案
Sep 17 #Python
python如何使用腾讯云发送短信
Sep 17 #Python
通俗易懂了解Python装饰器原理
Sep 17 #Python
Python字符串三种格式化输出
Sep 17 #Python
python判断变量是否为列表的方法
Sep 17 #Python
You might like
php对mongodb的扩展(初出茅庐)
2012/11/11 PHP
用 Composer构建自己的 PHP 框架之设计 MVC
2014/10/30 PHP
PHP网络操作函数汇总
2015/05/18 PHP
yii2.0数据库迁移教程【多个数据库同时同步数据】
2016/10/08 PHP
js form action动态修改方法
2008/11/04 Javascript
JQuery 国际象棋棋盘 实现代码
2009/06/26 Javascript
javascript错误的认识不用关心内存管理
2012/12/15 Javascript
javascript屏蔽右键代码
2014/05/15 Javascript
js实现楼层效果的简单实例
2016/07/15 Javascript
AngularJs html compiler详解及示例代码
2016/09/01 Javascript
jQuery插件echarts实现的多折线图效果示例【附demo源码下载】
2017/03/04 Javascript
vue的全局提示框组件实例代码
2018/02/26 Javascript
JavaScript 对引擎、运行时、调用堆栈的概述理解
2018/10/22 Javascript
Vue.js 中 axios 跨域访问错误问题及解决方法
2018/11/21 Javascript
vue中的mvvm模式讲解
2019/01/31 Javascript
关于JS解构的5种有趣用法
2019/09/05 Javascript
Elasticsearch实现复合查询高亮结果功能
2019/09/10 Javascript
JSON stringify方法原理及实例解析
2020/10/23 Javascript
详解python之简单主机批量管理工具
2017/01/27 Python
python 获取字符串MD5值方法
2018/05/29 Python
python中ASCII码和字符的转换方法
2018/07/09 Python
500行代码使用python写个微信小游戏飞机大战游戏
2019/10/16 Python
django框架基于queryset和双下划线的跨表查询操作详解
2019/12/11 Python
python关闭占用端口方式
2019/12/17 Python
ET Mall东森购物网:东森严选
2017/03/06 全球购物
Sneaker Studio匈牙利:购买运动鞋
2018/03/26 全球购物
英国日常交易网站:Wowcher
2018/09/04 全球购物
日本整理专家Marie Kondo的官方在线商店:KonMari
2020/06/29 全球购物
运行时异常与一般异常有何异同?
2014/01/05 面试题
儿科主治医生个人求职信
2013/09/23 职场文书
商标侵权律师函
2015/05/27 职场文书
2015年暑期社会实践总结
2015/07/13 职场文书
应届生个人的求职(自荐信范文2篇)
2019/08/23 职场文书
利用javaScript处理常用事件详解
2021/04/14 Javascript
解决mysql:ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: NO/YES)
2021/06/26 MySQL
JavaScript 中for/of,for/in 的详细介绍
2021/11/17 Javascript