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函数形参用法实例分析
Aug 04 Python
Python简单遍历字典及删除元素的方法
Sep 18 Python
python基础_文件操作实现全文或单行替换的方法
Sep 04 Python
从django的中间件直接返回请求的方法
May 30 Python
Python中按值来获取指定的键
Mar 04 Python
用Python实现将一张图片分成9宫格的示例
Jul 05 Python
flask框架路由常用定义方式总结
Jul 23 Python
django之从html页面表单获取输入的数据实例
Mar 16 Python
Python pandas 列转行操作详解(类似hive中explode方法)
May 18 Python
Python库安装速度过慢解决方案
Jul 14 Python
pyqt5 textEdit、lineEdit操作的示例代码
Aug 12 Python
python 如何把docker-compose.yaml导入到数据库相关条目里
Jan 15 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生成静态HTML文档的原理
2012/10/29 PHP
PHP得到mssql的存储过程的输出参数功能实现
2012/11/23 PHP
10个超级有用值得收藏的PHP代码片段
2015/01/22 PHP
PHP实现的redis主从数据库状态检测功能示例
2017/07/20 PHP
PHP中的Iterator迭代对象属性详解
2019/04/12 PHP
CL vs ForZe BO5 第四场 2.13
2021/03/10 DOTA
Prototype使用指南之dom.js
2007/01/10 Javascript
跟着JQuery API学Jquery 之三 筛选
2010/04/09 Javascript
jQuery 表单验证扩展代码(二)
2010/10/20 Javascript
Javascript 类型转换方法
2010/10/24 Javascript
AJAX异步从优酷专辑中采集所有视频及信息(JavaScript代码)
2010/11/20 Javascript
jQuery页面图片伴随滚动条逐渐显示的小例子
2013/03/21 Javascript
Javascript中 关于prototype属性实现继承的原理图
2013/04/16 Javascript
今天抽时间给大家整理jquery和ajax的相关知识
2015/11/17 Javascript
easyui validatebox验证
2016/04/29 Javascript
基于JavaScript实现鼠标箭头移动图片跟着移动
2016/08/30 Javascript
微信网页登录逻辑与实现方法
2019/04/29 Javascript
一些可能会用到的Node.js面试题
2019/06/15 Javascript
Openlayers学习之地图比例尺控件
2020/09/28 Javascript
基于Linux系统中python matplotlib画图的中文显示问题的解决方法
2017/06/15 Python
Python探索之静态方法和类方法的区别详解
2017/10/27 Python
安装python及pycharm的教程图解
2019/10/10 Python
如何通过命令行进入python
2020/07/06 Python
详解HTML5 window.postMessage与跨域
2017/05/11 HTML / CSS
Spartoo葡萄牙鞋类网站:线上销售鞋履与时尚配饰
2017/01/11 全球购物
Desigual德国官网:在线购买原创服装
2018/03/27 全球购物
市优秀教师事迹材料
2014/02/05 职场文书
网络技术专业求职信
2014/07/13 职场文书
机械机修工岗位职责
2014/08/03 职场文书
创先争优个人承诺书
2014/08/30 职场文书
2015年超市工作总结
2015/04/09 职场文书
因身体原因离职的辞职信范文
2015/05/12 职场文书
导游词之塘栖古镇
2019/12/04 职场文书
pytorch训练神经网络爆内存的解决方案
2021/05/22 Python
分布式架构Redis中有哪些数据结构及底层实现原理
2022/03/13 Redis
mysql序号rownum行号实现方式
2022/12/24 MySQL