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 用户登录验证的小例子
Mar 06 Python
详解在Python的Django框架中创建模板库的方法
Jul 20 Python
Python文件和流(实例讲解)
Sep 12 Python
Python3实现简单可学习的手写体识别(实例讲解)
Oct 21 Python
Python退火算法在高次方程的应用
Jul 26 Python
在pycharm中python切换解释器失败的解决方法
Oct 29 Python
Django处理Ajax发送的Get请求代码详解
Jul 29 Python
python中的数组赋值与拷贝的区别详解
Nov 26 Python
python基于event实现线程间通信控制
Jan 13 Python
python 日志模块 日志等级设置失效的解决方案
May 26 Python
基于CentOS搭建Python Django环境过程解析
Aug 24 Python
关于python中导入文件到list的问题
Oct 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
PHP面向对象教程之自定义类
2014/06/10 PHP
php动态添加url查询参数的方法
2015/04/14 PHP
PHP开发中csrf攻击的简单演示和防范
2017/05/07 PHP
thinkPHP显示不出验证码的原因与解决方法分析
2017/05/20 PHP
CI(CodeIgniter)框架中URL特殊字符处理与SQL注入隐患分析
2019/02/28 PHP
PHP Swoole异步Redis客户端实现方法示例
2019/10/24 PHP
javascript下arguments,caller,callee,call,apply示例及理解
2009/12/24 Javascript
Jquery多选框互相内容交换的实例代码
2013/07/04 Javascript
JavaScript获得指定对象大小的方法
2015/07/01 Javascript
jquery获取复选框checkbox的值的简单实现方法
2016/05/26 Javascript
js中class的点击事件没有效果的解决方法
2016/10/13 Javascript
JavaScript面向对象分层思维全面解析
2016/11/22 Javascript
关于使用axios的一些心得技巧分享
2017/07/02 Javascript
vue+ElementUI实现订单页动态添加产品数据效果实例代码
2017/07/13 Javascript
js禁止Backspace键使浏览器后退的实现方法
2017/09/01 Javascript
requireJS模块化实现返回顶部功能的方法详解
2017/10/16 Javascript
利用Vue-draggable组件实现Vue项目中表格内容的拖拽排序
2019/06/07 Javascript
微信小程序对图片进行canvas压缩的方法示例详解
2020/11/12 Javascript
[51:22]Fnatic vs IG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
[36:20]完美世界DOTA2联赛PWL S3 access vs Rebirth 第一场 12.17
2020/12/18 DOTA
python获取当前时间对应unix时间戳的方法
2015/05/15 Python
在win和Linux系统中python命令行运行的不同
2016/07/03 Python
Python实现一个服务器监听多个客户端请求
2018/04/12 Python
详解django2中关于时间处理策略
2019/03/06 Python
django最快程序开发流程详解
2019/07/19 Python
Python3中的f-Strings增强版字符串格式化方法
2020/03/04 Python
keras之权重初始化方式
2020/05/21 Python
pycharm 实现本地写代码,服务器运行的操作
2020/06/08 Python
智能旅行箱:Horizn Studios
2018/04/30 全球购物
英国排名第一的冲浪店:Ann’s Cottage
2020/06/21 全球购物
什么是数据抽象
2016/11/26 面试题
歌唱比赛获奖感言
2014/01/21 职场文书
2014两会优秀的心得体会范文
2014/03/17 职场文书
2015年教师节贺卡寄语
2015/03/24 职场文书
基于CSS3画一个iPhone
2021/04/21 HTML / CSS
Anaconda安装pytorch及配置PyCharm 2021环境
2021/06/04 Python