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中的条件判断语句基础学习教程
Feb 07 Python
详解Python list 与 NumPy.ndarry 切片之间的对比
Jul 24 Python
python如何实现内容写在图片上
Mar 23 Python
numpy实现合并多维矩阵、list的扩展方法
May 08 Python
Python基于scipy实现信号滤波功能
May 08 Python
Python3 JSON编码解码方法详解
Sep 06 Python
自定义Django Form中choicefield下拉菜单选取数据库内容实例
Mar 13 Python
Python中内建模块collections如何使用
May 27 Python
使用python批量修改XML文件中图像的depth值
Jul 22 Python
python 多进程和协程配合使用写入数据
Oct 30 Python
Python 利用flask搭建一个共享服务器的步骤
Dec 05 Python
Python利用FlashText算法实现替换字符串
Mar 31 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
《破坏领主》销量已超100万 未来将继续开发新内容
2020/03/08 其他游戏
php使用正则过滤js脚本代码实例
2014/05/10 PHP
php实现根据字符串生成对应数组的方法
2014/09/22 PHP
Zend Framework基本页面布局分析
2016/03/19 PHP
postfixadmin忘记密码后的修改密码方法详解
2016/07/20 PHP
php封装的smartyBC类完整实例
2016/10/19 PHP
php 如何禁用eval() 函数实例详解
2016/12/01 PHP
Yii框架批量插入数据扩展类的简单实现方法
2017/05/23 PHP
php7性能提升的原因详解
2019/10/13 PHP
JQuery小知识
2010/10/15 Javascript
让js弹出窗口居前显示的实现方法
2013/07/10 Javascript
收集json解析的四种方法分享
2014/01/17 Javascript
jQuery多级手风琴菜单实例讲解
2015/10/22 Javascript
jqueryMobile使用示例分享
2016/01/12 Javascript
js手动播放图片实现图片轮播效果
2016/09/17 Javascript
JS实现的JSON数组去重算法示例
2018/04/11 Javascript
如何在 JavaScript 中更好地利用数组
2018/09/27 Javascript
javascript 数组精简技巧小结
2020/02/26 Javascript
[02:51]2018年度DOTA2最佳中单位选手-完美盛典
2018/12/17 DOTA
[52:07]完美世界DOTA2联赛PWL S3 LBZS vs access 第二场 12.10
2020/12/13 DOTA
一则python3的简单爬虫代码
2014/05/26 Python
python 巧用正则寻找字符串中的特定字符的位置方法
2018/05/02 Python
自学python用什么系统好
2020/06/23 Python
python将字典内容写入json文件的实例代码
2020/08/12 Python
Hotels.com加拿大:领先的在线住宿网站
2018/10/05 全球购物
SmartBuyGlasses荷兰:购买太阳镜和眼镜
2020/03/16 全球购物
毕业生简单求职信
2013/11/19 职场文书
教育专业个人求职信
2013/12/02 职场文书
保安的辞职报告怎么写
2014/01/20 职场文书
《罗布泊,消逝的仙湖》教学反思
2014/03/01 职场文书
贷款委托书怎么写
2014/08/02 职场文书
孔庙导游词
2015/02/04 职场文书
2016年优秀团支部事迹材料
2016/02/26 职场文书
详解MySQL的半同步
2021/04/22 MySQL
面试必问:圣杯布局和双飞翼布局的区别
2021/05/13 HTML / CSS
Go语言编译原理之变量捕获
2022/08/05 Golang