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中Random和Math模块学习笔记
May 18 Python
Windows下实现Python2和Python3两个版共存的方法
Jun 12 Python
详解python3百度指数抓取实例
Dec 12 Python
python实现rsa加密实例详解
Jul 19 Python
python实现分页效果
Oct 25 Python
flask框架实现连接sqlite3数据库的方法分析
Jul 16 Python
Python中作用域的深入讲解
Dec 10 Python
python 列表推导式使用详解
Aug 29 Python
python pyenv多版本管理工具的使用
Dec 23 Python
Python 实现键盘鼠标按键模拟
Nov 18 Python
利用python为PostgreSQL的表自动添加分区
Jan 18 Python
利用Opencv实现图片的油画特效实例
Feb 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
WinXP + Apache +PHP5 + MySQL + phpMyAdmin安装全功略
2006/07/09 PHP
PHP pathinfo()获得文件的路径、名称等信息说明
2011/09/13 PHP
php继承中方法重载(覆盖)的应用场合
2015/02/09 PHP
PHP数据库操作Helper类完整实例
2016/05/11 PHP
微信支付的开发流程详解
2016/09/13 PHP
php设计模式之单例模式用法经典示例分析
2019/09/20 PHP
javascript中IE浏览器不支持NEW DATE()带参数的解决方法
2012/03/01 Javascript
js+xml生成级联下拉框代码
2012/07/24 Javascript
javascript中的onkeyup和onkeydown区别介绍
2013/04/28 Javascript
js实现select跳转菜单新窗口效果代码分享(超简单)
2015/08/21 Javascript
使用jQuery制作Web页面遮罩层插件的实例教程
2016/05/26 Javascript
移动端滑动插件Swipe教程
2016/10/16 Javascript
ionic开发中点击input时键盘自动弹出
2016/12/23 Javascript
vue实现留言板todolist功能
2017/08/16 Javascript
Vue前后端不同端口的实现方法
2018/09/19 Javascript
详解react native页面间传递数据的几种方式
2018/11/07 Javascript
微信小程序云开发如何使用npm安装依赖
2019/05/18 Javascript
js实现转动骰子模型
2019/10/24 Javascript
这样回答继承可能面试官更满意
2019/12/10 Javascript
electron 如何将任意资源打包的方法步骤
2020/04/16 Javascript
python encode和decode的妙用
2009/09/02 Python
对dataframe数据之间求补集的实例详解
2019/01/30 Python
python tkinter窗口最大化的实现
2019/07/15 Python
Python爬虫 scrapy框架爬取某招聘网存入mongodb解析
2019/07/31 Python
django 解决扩展自带User表遇到的问题
2020/05/14 Python
Pycharm-community-2020.2.3 社区版安装教程图文详解
2020/12/08 Python
Keds官方网站:购买帆布运动鞋和经典皮鞋
2016/11/12 全球购物
Timex手表官网:美国运动休闲手表品牌
2017/01/28 全球购物
美国围栏公司:Walpole Outdoors
2019/11/19 全球购物
工作表扬信的范文
2014/01/10 职场文书
市三好学生主要事迹
2014/01/28 职场文书
珍惜水资源建议书
2014/03/12 职场文书
工程部岗位职责
2015/02/10 职场文书
Nginx服务器添加Systemd自定义服务过程解析
2021/03/31 Servers
用golang如何替换某个文件中的字符串
2021/04/25 Golang
以下牛机,你有几个
2022/04/05 无线电