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 10 Python
在Python的Flask框架中实现全文搜索功能
Apr 20 Python
Python实现的使用telnet登陆聊天室实例
Jun 17 Python
python 日志增量抓取实现方法
Apr 28 Python
Python静态类型检查新工具之pyright 使用指南
Apr 26 Python
python如何实现从视频中提取每秒图片
Oct 22 Python
基于Python安装pyecharts所遇的问题及解决方法
Aug 12 Python
Python 变量的创建过程详解
Sep 02 Python
python 子类调用父类的构造函数实例
Mar 12 Python
Pytorch学习之torch用法----比较操作(Comparison Ops)
Jun 28 Python
python设置表格边框的具体方法
Jul 17 Python
Python读写锁实现实现代码解析
Nov 28 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 addslashes 函数详细分析说明
2009/06/23 PHP
php验证是否是md5编码的简单代码
2014/04/01 PHP
用 Composer构建自己的 PHP 框架之设计 MVC
2014/10/30 PHP
PHP使用内置dir类实现目录遍历删除
2015/03/31 PHP
PHP文件上传操作实例详解
2016/09/27 PHP
php实现数据库的增删改查
2017/02/26 PHP
php中Redis的应用--消息传递
2017/03/28 PHP
PHP在同一域名下两个不同的项目做独立登录机制详解
2017/09/22 PHP
利用PHP计算有多少小于当前数字的数字方法示例
2020/08/26 PHP
Javascript模块化编程(一)模块的写法最佳实践
2013/01/17 Javascript
Java/JS获取flash高宽的具体方法
2013/12/27 Javascript
利用Jquery实现可多选的下拉框
2014/02/21 Javascript
让JavaScript中setTimeout支持链式操作的方法
2015/06/19 Javascript
Prototype框架详解
2015/11/25 Javascript
内容滑动切换效果jquery.hwSlide.js插件封装
2016/07/07 Javascript
html5+canvas实现支持触屏的签名插件教程
2017/05/08 Javascript
jquery插件开发之选项卡制作详解
2017/08/30 jQuery
Angular实现点击按钮控制隐藏和显示功能示例
2017/12/29 Javascript
JS实现自定义弹窗功能
2018/08/08 Javascript
微信小程序实现简单评论功能
2018/11/28 Javascript
原生JS封装拖动验证滑块的实现代码示例
2020/06/01 Javascript
vue实现员工信息录入功能
2020/06/11 Javascript
Vant 在vue-cli 4.x中按需加载操作
2020/11/05 Javascript
Element-ui upload上传文件限制的解决方法
2021/01/22 Javascript
基于python的字节编译详解
2017/09/20 Python
用python的requests第三方模块抓取王者荣耀所有英雄的皮肤实例
2017/12/14 Python
在PyCharm中实现关闭一个死循环程序的方法
2018/11/29 Python
python openvc 裁剪、剪切图片 提取图片的行和列
2019/09/19 Python
wxpython绘制圆角窗体
2019/11/18 Python
Python selenium自动化测试模型图解
2020/04/15 Python
python中if嵌套命令实例讲解
2021/02/25 Python
运动会广播稿300字
2014/01/10 职场文书
安全生产目标责任书
2014/04/14 职场文书
小学优秀班集体申报材料
2014/05/25 职场文书
三十年再续同学情倡议书
2019/11/27 职场文书
Nginx + consul + upsync 完成动态负载均衡的方法详解
2021/03/31 Servers