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启动办公软件进程(word、excel、ppt、以及wps的et、wps、wpp)
Apr 09 Python
Python配置文件解析模块ConfigParser使用实例
Apr 13 Python
Python3访问并下载网页内容的方法
Jul 28 Python
Python的Socket编程过程中实现UDP端口复用的实例分享
Mar 19 Python
python正则表达式爬取猫眼电影top100
Feb 24 Python
Python基于滑动平均思想实现缺失数据填充的方法
Feb 21 Python
使用python来调用CAN通讯的DLL实现方法
Jul 03 Python
Python实现多线程/多进程的TCP服务器
Sep 03 Python
python+requests接口压力测试500次,查看响应时间的实例
Apr 30 Python
基于python实现ROC曲线绘制广场解析
Jun 28 Python
解决jupyter notebook启动后没有token的坑
Apr 24 Python
Python 统计序列中元素的出现频度
Apr 26 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 Mysql编程之高级技巧
2008/08/27 PHP
PHP伪造referer实例代码
2008/09/20 PHP
PHP数组实例总结与说明
2011/08/23 PHP
php ajax 静态分页过程形式
2011/09/02 PHP
php错误级别的设置方法
2013/06/17 PHP
php中运用http调用的GET和POST方法示例
2014/09/29 PHP
JS动画效果代码3
2008/04/03 Javascript
JavaScript 的方法重载效果
2009/08/07 Javascript
JQuery 插件制作实践 xMarquee插件V1.0
2010/04/02 Javascript
jquery向.ashx文件post中文乱码问题的解决方法
2011/03/28 Javascript
jquery仿百度百科底部浮动导航特效
2015/08/08 Javascript
JS实现同一个网页布局滑动门和TAB选项卡实例
2015/09/23 Javascript
Node.js中使用socket创建私聊和公聊聊天室
2015/11/19 Javascript
前端学习笔记style,currentStyle,getComputedStyle的用法与区别
2016/05/28 Javascript
微信小程序 教程之WXML
2016/10/18 Javascript
Node.js连接mongodb实例代码
2017/06/06 Javascript
BACKBONE.JS 简单入门范例
2017/10/17 Javascript
微信小程序之分享页面如何返回首页的示例
2018/03/28 Javascript
jquery使用FormData实现异步上传文件
2018/10/25 jQuery
ionic3双击返回退出应用的方法
2019/09/17 Javascript
bootstrap实现嵌套模态框的实例代码
2020/01/10 Javascript
[48:12]Secret vs Optic Supermajor 胜者组 BO3 第三场 6.4
2018/06/05 DOTA
Python切片知识解析
2016/03/06 Python
Python统计单词出现的次数
2018/04/04 Python
Python中py文件转换成exe可执行文件的方法
2019/06/14 Python
用Python实现最速下降法求极值的方法
2019/07/10 Python
在PyCharm的 Terminal(终端)切换Python版本的方法
2019/08/02 Python
python中调试或排错的五种方法示例
2019/09/12 Python
简单掌握CSS3将文字描边及填充文字颜色的方法
2016/03/07 HTML / CSS
HTML5 placeholder属性详解
2016/06/22 HTML / CSS
SHEIN香港:价格实惠的女性时尚服装
2018/08/14 全球购物
应届毕业生求职信
2014/05/26 职场文书
园林技术专业求职信
2014/07/28 职场文书
无私奉献演讲稿
2014/09/04 职场文书
结婚主持人致辞
2015/07/28 职场文书
小学数学继续教育研修日志
2015/11/13 职场文书