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 修改文件指定行的方法
May 15 Python
详解Python发送邮件实例
Jan 10 Python
浅谈numpy数组中冒号和负号的含义
Apr 18 Python
Python数据预处理之数据规范化(归一化)示例
Jan 08 Python
Django框架首页和登录页分离操作示例
May 28 Python
Python八皇后问题解答过程详解
Jul 29 Python
python 3.74 运行import numpy as np 报错lib\site-packages\numpy\__init__.py
Oct 06 Python
matplotlib.pyplot画图并导出保存的实例
Dec 07 Python
使用Python爬虫库requests发送请求、传递URL参数、定制headers
Jan 25 Python
Eclipse配置python默认头过程图解
Apr 26 Python
python 实现非极大值抑制算法(Non-maximum suppression, NMS)
Oct 15 Python
安装Anaconda3及使用Jupyter的方法
Oct 27 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 无限分类三种方式 非函数的递归调用!
2011/08/26 PHP
php列出一个目录下的所有文件的代码
2012/10/09 PHP
php calender(日历)二个版本代码示例(解决2038问题)
2013/12/24 PHP
php使用explode()函数将字符串拆分成数组的方法
2015/02/17 PHP
用js脚本控制asp.net下treeview的NodeCheck的实现代码
2010/03/02 Javascript
JavaScript高级程序设计 阅读笔记(十三) js定义类或对象
2012/08/14 Javascript
js使用setTimeout实现定时炸弹的方法
2015/04/10 Javascript
JS功能代码集锦
2016/05/04 Javascript
JavaScript简单计算人的年龄示例
2017/04/15 Javascript
详解JavaScript调用栈、尾递归和手动优化
2017/06/03 Javascript
微信小程序三级联动地址选择器的实例代码
2017/07/12 Javascript
详解基于vue-cli优化的webpack配置
2017/11/06 Javascript
微信小程序实现导航栏选项卡效果
2020/06/19 Javascript
JavaScript如何对图片进行黑白化
2018/04/10 Javascript
Canvas实现微信红包照片效果
2018/08/21 Javascript
用npm-run实现自动化任务的方法示例
2019/01/14 Javascript
vue中过滤器filter的讲解
2019/01/21 Javascript
从0到1构建vueSSR项目之路由的构建
2019/03/07 Javascript
vue实现表格合并功能
2020/12/01 Vue.js
[02:40]2018年度DOTA2最佳新人-完美盛典
2018/12/16 DOTA
python中的colorlog库使用详解
2019/07/05 Python
Python学习笔记之For循环用法详解
2019/08/14 Python
Python pickle模块实现对象序列化
2019/11/22 Python
简单了解python filter、map、reduce的区别
2020/01/14 Python
Python实现投影法分割图像示例(二)
2020/01/17 Python
python爬虫利用代理池更换IP的方法步骤
2021/02/21 Python
移动端html5 meta标签的神奇功效
2016/01/06 HTML / CSS
Alba Moda德国网上商店:意大利时尚女装销售
2016/11/14 全球购物
福克斯租车:Fox Rent A Car
2017/04/13 全球购物
lookfantastic荷兰:在线购买奢华护肤、护发和化妆品
2018/11/27 全球购物
意大利火车票和铁路通行证专家:ItaliaRail
2019/01/22 全球购物
《小石潭记》教学反思
2014/02/13 职场文书
高中生评语大全
2014/04/25 职场文书
大学生活动总结怎么写
2014/04/29 职场文书
2014年销售内勤工作总结
2014/12/01 职场文书
java实现自定义时钟并实现走时功能
2022/06/21 Java/Android