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进行数据科学工作的简单入门教程
Apr 01 Python
python实现支持目录FTP上传下载文件的方法
Jun 03 Python
python调用fortran模块
Apr 08 Python
Python实现字典去除重复的方法示例
Jul 31 Python
python itchat实现微信好友头像拼接图的示例代码
Aug 14 Python
python中使用xlrd读excel使用xlwt写excel的实例代码
Jan 31 Python
numpy中实现ndarray数组返回符合特定条件的索引方法
Apr 17 Python
Python 互换字典的键值对实例
Feb 12 Python
pytorch中tensor张量数据类型的转化方式
Dec 31 Python
python中使用paramiko模块并实现远程连接服务器执行上传下载功能
Feb 29 Python
Python爬虫基础之爬虫的分类知识总结
May 13 Python
Jupyter Notebook内使用argparse报错的解决方案
Jun 03 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
文件上传类
2006/10/09 PHP
推荐php模板技术[转]
2007/01/04 PHP
php中$_REQUEST、$_POST、$_GET的区别和联系小结
2011/11/23 PHP
iis下php mail函数的sendmail配置方法(官方推荐)
2012/04/25 PHP
深入HTTP响应状态码速查表的详解
2013/06/07 PHP
关于PHP内存溢出问题的解决方法
2013/06/25 PHP
php mysql_real_escape_string函数用法与实例教程
2013/09/30 PHP
PHP+swoole实现简单多人在线聊天群发
2016/01/19 PHP
PHP getallheaders无法获取自定义头(headers)的问题
2016/03/23 PHP
PNG背景在不同浏览器下的应用
2009/06/22 Javascript
为JavaScript添加重载函数的辅助方法
2010/07/04 Javascript
JavaScript的Module模式编程深入分析
2013/08/13 Javascript
js加载之使用DOM方法动态加载Javascript文件
2013/11/08 Javascript
Jquery Uploadify上传带进度条的简单实例
2014/02/12 Javascript
Node.js中调用mysql存储过程示例
2014/12/20 Javascript
JavaScript获取一个范围内日期的方法
2015/04/24 Javascript
解决node.js安装包失败的几种方法
2016/09/02 Javascript
vue 页面加载进度条组件实例
2018/02/05 Javascript
jQuery实现的移动端图片缩放功能组件示例
2020/05/01 jQuery
Vue的props父传子的示例代码
2020/05/20 Javascript
[34:10]Secret vs VG 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.24
2019/09/10 DOTA
pyramid配置session的方法教程
2013/11/27 Python
Python for循环生成列表的实例
2018/06/15 Python
Python3.8中使用f-strings调试
2019/05/22 Python
python基于gevent实现并发下载器代码实例
2019/11/01 Python
python多进程重复加载的解决方式
2019/12/13 Python
python默认参数调用方法解析
2020/02/09 Python
解决python中import文件夹下面py文件报错问题
2020/06/01 Python
Python如何将将模块分割成多个文件
2020/08/04 Python
Python如何测试stdout输出
2020/08/10 Python
python openCV实现摄像头获取人脸图片
2020/08/20 Python
css3 旋转按钮 使用CSS3创建一个旋转可变色按钮
2012/12/31 HTML / CSS
养殖人员的创业计划书范文
2013/12/26 职场文书
Java常用工具类汇总 附示例代码
2021/06/26 Java/Android
java泛型通配符详解
2021/07/25 Java/Android
PHP 时间处理类Carbon
2022/05/20 PHP