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实现类似ftp传输文件的网络程序示例
Apr 08 Python
Python lxml模块安装教程
Jun 02 Python
用python找出那些被“标记”的照片
Apr 20 Python
python使用itchat库实现微信机器人(好友聊天、群聊天)
Jan 04 Python
详解Django-restframework 之频率源码分析
Feb 27 Python
Python爬取视频(其实是一篇福利)过程解析
Aug 01 Python
Python操作excel的方法总结(xlrd、xlwt、openpyxl)
Sep 02 Python
python实现IOU计算案例
Apr 12 Python
Python-jenkins模块获取jobs的执行状态操作
May 12 Python
python3.6.5基于kerberos认证的hive和hdfs连接调用方式
Jun 06 Python
python logging 重复写日志问题解决办法详解
Aug 04 Python
python一些性能分析的技巧
Aug 30 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使用ereg验证文件上传的方法
2014/12/16 PHP
php简单实现MVC
2015/02/05 PHP
PHP中set error handler函数用法小结
2015/11/11 PHP
php创建图像具体步骤
2017/03/13 PHP
PHP基于方差和标准差计算学生成绩的稳定性示例
2017/07/04 PHP
yii2 开发api接口时优雅的处理全局异常的方法
2019/05/14 PHP
JS实现带提示的星级评分效果完整实例
2015/10/30 Javascript
JavaScript实现输入框与清空按钮联动效果
2016/09/09 Javascript
AngularJS全局scope与Isolate scope通信用法示例
2016/11/22 Javascript
DropDownList实现可输入可选择(两种版本可选)
2016/12/07 Javascript
Vue.js仿Metronic高级表格(二)数据渲染
2017/04/19 Javascript
JavaScript编写的网页小游戏,很给力
2017/08/18 Javascript
JavaScript中数组常见操作技巧
2017/09/01 Javascript
vue实现在表格里,取每行的id的方法
2018/03/09 Javascript
vue中的模态对话框组件实现过程
2018/05/01 Javascript
vue-video-player 通过自定义按钮组件实现全屏切换效果【推荐】
2018/08/29 Javascript
微信小程序框架的页面布局代码
2019/08/17 Javascript
JavaScript Dom 绑定事件操作实例详解
2019/10/02 Javascript
Python的函数嵌套的使用方法
2014/01/24 Python
使用Python下载歌词并嵌入歌曲文件中的实现代码
2015/11/13 Python
Python常见加密模块用法分析【MD5,sha,crypt模块】
2017/05/24 Python
对python多线程中互斥锁Threading.Lock的简单应用详解
2019/01/11 Python
浅谈PYTHON 关于文件的操作
2019/03/19 Python
对pyqt5之menu和action的使用详解
2019/06/20 Python
PyQt5的QWebEngineView使用示例
2020/10/20 Python
一篇文章带你搞定Ubuntu中打开Pycharm总是卡顿崩溃
2020/11/02 Python
上海中网科技笔试题
2012/02/19 面试题
盛大二次面试题
2016/11/18 面试题
实习生自荐信范文
2013/11/13 职场文书
竞争上岗演讲稿
2014/01/05 职场文书
军人违纪检讨书
2014/02/04 职场文书
怀念母亲教学反思
2014/04/28 职场文书
运动会方队口号
2014/06/07 职场文书
建筑工程材料员岗位职责
2015/04/11 职场文书
2015个人年度工作总结范文
2015/05/28 职场文书
2016年度基层党建工作公开承诺书
2016/03/25 职场文书