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多线程下的变量问题
Apr 28 Python
pymongo给mongodb创建索引的简单实现方法
May 06 Python
Python实现登录人人网并抓取新鲜事的方法
May 11 Python
Python中文分词实现方法(安装pymmseg)
Jun 14 Python
详解Python如何获取列表(List)的中位数
Aug 12 Python
pyqt5实现俄罗斯方块游戏
Jan 11 Python
Python实现点阵字体读取与转换的方法
Jan 29 Python
python tkinter canvas 显示图片的示例
Jun 13 Python
python pickle存储、读取大数据量列表、字典数据的方法
Jul 07 Python
python3光学字符识别模块tesserocr与pytesseract的使用详解
Feb 26 Python
Python __slots__的使用方法
Nov 15 Python
Python激活Anaconda环境变量的详细步骤
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
虫族 Zerg 历史背景
2020/03/14 星际争霸
php 购物车实例(申精)
2009/05/11 PHP
PHP配置把错误日志以邮件方式发送方法(Windows系统)
2015/06/23 PHP
PHP检测用户是否关闭浏览器的方法
2016/02/14 PHP
解决微信授权回调页面域名只能设置一个的问题
2016/12/11 PHP
详解laravel安装使用Passport(Api认证)
2018/07/27 PHP
jQuery 可以拖动的div实现代码 脚本之家修正版
2009/06/26 Javascript
jQuery中:visible选择器用法实例
2014/12/30 Javascript
即将发布的jQuery 3 有哪些新特性
2016/04/14 Javascript
AngularJS 与百度地图的结合实例
2016/10/20 Javascript
微信小程序 轮播图swiper详解及实例(源码下载)
2017/01/11 Javascript
Angular2 父子组件数据通信实例
2017/06/22 Javascript
Angular简单验证功能示例
2017/12/22 Javascript
Vue.js进阶知识点总结
2018/04/01 Javascript
[01:03]DOTA2新的征程 你的脚印值得踏上
2014/08/13 DOTA
python复制文件的方法实例详解
2015/05/22 Python
python写日志封装类实例
2015/06/28 Python
Python中read()、readline()和readlines()三者间的区别和用法
2017/07/30 Python
Django如何实现内容缓存示例详解
2017/09/24 Python
Python实现mysql数据库更新表数据接口的功能
2017/11/19 Python
python多线程下信号处理程序示例
2019/05/31 Python
基于python框架Scrapy爬取自己的博客内容过程详解
2019/08/05 Python
python分布式计算dispy的使用详解
2019/12/22 Python
python对XML文件的操作实现代码
2020/03/27 Python
Python-jenkins模块获取jobs的执行状态操作
2020/05/12 Python
Tretorn美国官网:瑞典外套和鞋类品牌,抵御风雨
2018/07/19 全球购物
材料物理专业大学毕业生求职信
2013/10/15 职场文书
电信专业毕业生推荐信
2013/11/18 职场文书
30年同学聚会邀请函
2014/01/25 职场文书
微信营销策划方案
2014/02/24 职场文书
2014年社区个人工作总结
2014/12/02 职场文书
大学学习委员竞选稿
2015/11/20 职场文书
继续教育心得体会(共6篇)
2016/01/19 职场文书
MySQL图形化管理工具Navicat安装步骤
2021/12/04 MySQL
解析MySQL索引的作用
2022/03/03 MySQL
JavaScript前端面试组合函数
2022/06/21 Javascript