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 22 Python
python中黄金分割法实现方法
May 06 Python
Python利用Nagios增加微信报警通知的功能
Feb 18 Python
给你选择Python语言实现机器学习算法的三大理由
Nov 15 Python
python读取文件名称生成list的方法
Apr 27 Python
基于python实现的百度新歌榜、热歌榜下载器(附代码)
Aug 05 Python
Django 1.10以上版本 url 配置注意事项详解
Aug 05 Python
python使用 request 发送表单数据操作示例
Sep 25 Python
python实现字符串和数字拼接
Mar 02 Python
Python小整数对象池和字符串intern实例解析
Mar 21 Python
python中openpyxl和xlsxwriter对Excel的操作方法
Mar 01 Python
python必学知识之文件操作(建议收藏)
May 30 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实现文件下载详解
2014/11/27 PHP
PHP 实现人民币小写转换成大写的方法及大小写转换函数
2017/11/17 PHP
JavaScript 关键字屏蔽实现函数
2009/08/02 Javascript
JS获取后台Cookies值的小例子
2013/03/04 Javascript
用Jquery.load载入页面后样式没了页面混乱的解决方法
2014/10/20 Javascript
BAT及各大互联网公司2014前端笔试面试题--JavaScript篇
2014/10/29 Javascript
node.js中的url.resolve方法使用说明
2014/12/10 Javascript
jQuery创建自定义的选择器用以选择高度大于100的超链接实例
2015/03/18 Javascript
Javascript实现的简单右键菜单类
2015/09/23 Javascript
基于jQuery实现淡入淡出效果轮播图
2020/07/31 Javascript
nodejs实例解析(输出hello world)
2017/01/03 NodeJs
jQuery实现简单的回到顶部totop功能示例
2017/10/16 jQuery
Vue组件实现触底判断
2019/06/26 Javascript
JSON获取属性值方法代码实例
2020/06/30 Javascript
Vue通过阿里云oss的url连接直接下载文件并修改文件名的方法
2020/12/25 Vue.js
[52:37]完美世界DOTA2联赛循环赛 Forest vs DM BO2第一场 10.29
2020/10/29 DOTA
python在指定目录下查找gif文件的方法
2015/05/04 Python
简单介绍使用Python解析并修改XML文档的方法
2015/10/15 Python
Python实现计算两个时间之间相差天数的方法
2017/05/10 Python
你真的了解Python的random模块吗?
2017/12/12 Python
Python代码实现删除一个list里面重复元素的方法
2019/04/02 Python
python+openCV利用摄像头实现人员活动检测
2019/06/22 Python
画pytorch模型图,以及参数计算的方法
2019/08/17 Python
TensorFlow学习之分布式的TensorFlow运行环境
2020/02/05 Python
Pycharm pyuic5实现将ui文件转为py文件,让UI界面成功显示
2020/04/08 Python
PyTorch 导数应用的使用教程
2020/08/31 Python
Python+OpenCV图像处理——图像二值化的实现
2020/10/24 Python
简单html5代码获取地理位置
2014/03/31 HTML / CSS
英国领先的酒杯和水晶玻璃器皿制造商:Dartington Crystal
2019/06/23 全球购物
美国爆米花工厂:The Popcorn Factory
2019/09/14 全球购物
C#中类(class)与结构(struct)的异同
2013/11/03 面试题
讲座主持词
2014/03/20 职场文书
习近平在党的群众路线教育实践活动总结大会上的讲话
2014/10/21 职场文书
学习委员竞选稿
2015/11/20 职场文书
Vue3.0写自定义指令的简单步骤记录
2021/06/27 Vue.js
MySQL中CURRENT_TIMESTAMP的使用方式
2021/11/27 MySQL