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不带重复的全排列代码
Aug 13 Python
python线程锁(thread)学习示例
Dec 04 Python
Python跳出循环语句continue与break的区别
Aug 25 Python
基于Python实现通过微信搜索功能查看谁把你删除了
Jan 27 Python
Python3计算三角形的面积代码
Dec 18 Python
Python学习之Django的管理界面代码示例
Feb 10 Python
对PyQt5中树结构的实现方法详解
Jun 17 Python
win10从零安装配置pytorch全过程图文详解
May 08 Python
python爬虫实例之获取动漫截图
May 31 Python
使用Python构造hive insert语句说明
Jun 06 Python
Numpy 多维数据数组的实现
Jun 18 Python
一些关于python 装饰器的个人理解
Aug 31 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实现读取和编写XML DOM代码
2010/04/07 PHP
PHP获取文件后缀名的三个函数
2012/10/15 PHP
php中将指针移动到数据集初始位置的实现代码[mysql_data_seek]
2012/11/01 PHP
js function定义函数使用心得
2010/04/15 Javascript
javascript跑马灯悬停放大效果实现代码
2012/12/12 Javascript
web的各种前端打印方法之jquery打印插件jqprint实现网页打印
2013/01/09 Javascript
利用JS进行图片的切换即特效展示图片
2013/12/03 Javascript
html dom节点操作(获取/修改/添加或删除)
2014/01/23 Javascript
node.js中的http.createClient方法使用说明
2014/12/15 Javascript
基于HTML+CSS,jQuery编写的简易计算器后续(添加了键盘监听)
2016/01/05 Javascript
javascript实现label标签跳出循环操作
2016/03/06 Javascript
详解jQuery中的事件
2016/12/14 Javascript
canvas绘制的直线动画
2017/01/23 Javascript
jQuery上传插件webupload使用方法
2017/08/01 jQuery
JavaScript Date对象应用实例分享
2017/10/30 Javascript
vue 实现走马灯效果
2019/10/28 Javascript
Vue 3.0 全家桶抢先体验
2020/04/28 Javascript
uniapp电商小程序实现订单30分钟倒计时
2020/11/01 Javascript
Python标准库urllib2的一些使用细节总结
2015/03/16 Python
使用Python读写及压缩和解压缩文件的示例
2016/07/08 Python
python编程通过蒙特卡洛法计算定积分详解
2017/12/13 Python
Python操作Redis之设置key的过期时间实例代码
2018/01/25 Python
Python实现针对给定字符串寻找最长非重复子串的方法
2018/04/21 Python
深入浅析python 中的匿名函数
2018/05/21 Python
Python魔法方法详解
2019/02/13 Python
今天学到的CSS最新技术(与图片背景相关)
2012/12/24 HTML / CSS
美国嘻哈文化生活方式品牌:GLD
2018/04/15 全球购物
博士生入学考试推荐信
2013/11/17 职场文书
分厂厂长岗位职责
2013/12/29 职场文书
工作保证书范文
2014/04/29 职场文书
苏州园林导游词
2015/02/03 职场文书
个人先进事迹总结
2015/02/26 职场文书
Python代码,能玩30多款童年游戏!这些有几个是你玩过的
2021/04/27 Python
python异常中else的实例用法
2021/06/15 Python
常用的MongoDB查询语句的示例代码
2021/07/25 MongoDB
解决Mysql报错 Table 'mysql.user' doesn't exist
2022/05/06 MySQL