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 相关文章推荐
详解Python3.1版本带来的核心变化
Apr 07 Python
Python中pygame安装方法图文详解
Nov 11 Python
Python爬虫模拟登录带验证码网站
Jan 22 Python
详解python调度框架APScheduler使用
Mar 28 Python
python中requests爬去网页内容出现乱码问题解决方法介绍
Oct 25 Python
python linecache 处理固定格式文本数据的方法
Jan 08 Python
对python 判断数字是否小于0的方法详解
Jan 26 Python
python爬虫爬取微博评论案例详解
Mar 27 Python
python中时间、日期、时间戳的转换的实现方法
Jul 06 Python
Flask框架实现的前端RSA加密与后端Python解密功能详解
Aug 13 Python
Python3列表List入门知识附实例
Feb 09 Python
Python序列化与反序列化相关知识总结
Jun 08 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 危险函数全解析
2009/09/09 PHP
linux下安装php的memcached客户端
2014/08/03 PHP
使用array_map简单搞定PHP删除文件、删除目录
2014/10/29 PHP
windows7下php开发环境搭建图文教程
2015/01/06 PHP
php实现模拟登陆方正教务系统抓取课表
2015/05/19 PHP
PHP7 标准库修改
2021/03/09 PHP
CSS3画一个阴阳八卦图
2021/03/09 HTML / CSS
JavaScript脚本语言在网页中的简单应用
2007/05/13 Javascript
借助script进行Http跨域请求:JSONP实现原理及代码
2013/03/19 Javascript
javaScript使用EL表达式的几种方式
2014/05/27 Javascript
Bootstrap图片轮播组件使用实例解析
2016/06/30 Javascript
AngularJs Scope详解及示例代码
2016/09/01 Javascript
JavaScript中使用webuploader实现上传视频功能(demo)
2017/04/10 Javascript
JS排序算法之冒泡排序,选择排序与插入排序实例分析
2017/12/13 Javascript
js+css实现打字效果
2020/06/24 Javascript
从0到1构建vueSSR项目之node以及vue-cli3的配置
2019/03/07 Javascript
vue css 引入asstes中的图片无法显示的四种解决方法
2020/03/16 Javascript
ant-design表单处理和常用方法及自定义验证操作
2020/10/27 Javascript
Python两个内置函数 locals 和globals(学习笔记)
2016/08/28 Python
Python使用Django实现博客系统完整版
2020/09/29 Python
Python cookbook(字符串与文本)针对任意多的分隔符拆分字符串操作示例
2018/04/19 Python
Django基础三之视图函数的使用方法
2019/07/18 Python
PyCharm+Pipenv虚拟环境开发和依赖管理的教程详解
2020/04/16 Python
解决jupyter运行pyqt代码内核重启的问题
2020/04/16 Python
python与pycharm有何区别
2020/07/01 Python
修复iPhone的safari浏览器上submit按钮圆角bug
2012/12/24 HTML / CSS
女子锻炼服装和瑜伽服装:Splits59
2019/03/04 全球购物
Puccini乌克兰:购买行李箱、女士手袋网上商店
2020/08/06 全球购物
PHP如何调用MYSQL存储过程
2014/05/30 面试题
建筑专业自我鉴定
2013/10/22 职场文书
《我的信念》教学反思
2014/02/15 职场文书
农村党员一句话承诺
2014/05/30 职场文书
2014年市场部工作总结
2014/11/25 职场文书
学习型家庭事迹材料
2014/12/20 职场文书
应届毕业生求职简历自我评价
2015/03/02 职场文书
2015年超市工作总结
2015/04/09 职场文书