您当前的位置:首页 > 电脑百科 > 程序开发 > 语言 > Python

最全面的Django静态文件教程,教你轻松加载图片

时间:2021-11-23 11:39:46  来源:  作者:Python教程初学详解

前几节课我们学习了Django加载网页数据的相关知识,今天我们讲一下怎么加载静态文件,我们以加载图片为例,学习怎么配置静态文件。

 

1.思路讲解

 

首先我们需要新建文件(test2)作为我们今天练习Django的主文件,还需要新建一个模板文件(templates)和一个存储图片的文件(static),为方便视图的配置,我们需要在test2文件夹下的test2文件下新建一个视图文件(views.py)文件。所有需要的文件创建好以后,我们进行设置--urls路由设置--视图函数设置--模板设置等步骤。

 

最全面的Django静态文件教程,教你轻松加载图片

 

2.Django静态文件加载步骤讲解

 

第一步。准备图片

 

我们在新建的static文件中,新建一个images文件并放置一张图片,作为图片加载的素材。

最全面的Django静态文件教程,教你轻松加载图片

 

第二步,设置

 

打开setting文件,进行如下配置:TEMPLATES中dir参数的修改以及在STATIC_URL下增加如下代码:

 

最全面的Django静态文件教程,教你轻松加载图片

最全面的Django静态文件教程,教你轻松加载图片

 

第三步,路由的配置

 

设置好路径以及对应的视图函数,需要注意要先导入视图函数,再通过点的方式将视图文件导入

 

最全面的Django静态文件教程,教你轻松加载图片

 

第四步。视图函数配置

 

打开views文件,进行如下的配置,render的第二个参数是,模板中需要设置的html文件,因此我们需要在模板文件夹(templates)中新建名为'tupian.html'的文件

 

最全面的Django静态文件教程,教你轻松加载图片

 

第五步。模板的设置

 

我们可以设置title,在主体内容显示中添加图片的位置,并设置图片的大小

 

最全面的Django静态文件教程,教你轻松加载图片

 

注意:在模板中书写路径有两种方式,我们可以回忆下上节课的内容,上节课子链接地址可以用{% url "别名"%}的方式写入,那么图片地址的填写的方式也是大同小异,如下,需要先加载static({% load static %})然后再使用静态资源({% static '静态资源的路径'%})

 

最全面的Django静态文件教程,教你轻松加载图片

第六步,最终显示结果

最全面的Django静态文件教程,教你轻松加载图片

 



Tags:Django   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系(Email:2595517585@qq.com),我们将及时更正、删除,谢谢。
▌相关推荐
前几节课我们学习了Django加载网页数据的相关知识,今天我们讲一下怎么加载静态文件,我们以加载图片为例,学习怎么配置静态文件。 1.思路讲解 首先我们需要新建文件(test2)作为我...【详细内容】
2021-11-23  Tags: Django  点击:(43)  评论:(0)  加入收藏
在本教程中,我们将介绍如何使用 Django 发送电子邮件。我们将介绍如何配置 Django SMTP 连接,如何为您的电子邮件提供商设置应用程序密码,以及如何通过 Django shell 发送电子...【详细内容】
2021-11-10  Tags: Django  点击:(21)  评论:(0)  加入收藏
1. 安装python3.81.1 安装相关依赖包yum -y install zlib-devel bzip2-devel openssl-devel ncurses-devel sqlite-devel readline-devel tk-devel gdbm-devel db4-devel li...【详细内容】
2021-10-13  Tags: Django  点击:(43)  评论:(0)  加入收藏
最近工作中需要开发前端操作远程虚拟机的功能,简称 WebShell。基于当前的技术栈为 react+django,调研了一会发现大部分的后端实现都是 django+channels 来实现 websocket 服务。...【详细内容】
2021-09-13  Tags: Django  点击:(52)  评论:(0)  加入收藏
一、MySQL主从搭建主从配置原理: 主库写日志到 BinLog 从库开个 IO 线程读取主库的 BinLog 日志,并写入 RelayLog 再开一个 SQL 线程,读 RelayLog 日志,回放到从库中主从配置流...【详细内容】
2021-08-03  Tags: Django  点击:(46)  评论:(0)  加入收藏
django 编写数据接口django-admin•django-shell 新增文章太复杂•创建管理员用户•登陆页面进行管理创建超级用户python manage.py createsuperuser访问:http:/...【详细内容】
2021-06-16  Tags: Django  点击:(139)  评论:(0)  加入收藏
装饰器的作用(简而言之):让其他函数在不需要做任何代码变动的前提下增加额外的功能FBV加装饰器例:以统计时间的装饰器为例def timer(func): def inner(*args, **kwargs):...【详细内容】
2021-05-07  Tags: Django  点击:(220)  评论:(0)  加入收藏
在介绍 Django 内置的响应类之前,读者需要了解 HTTP 的响应方式。首先:网站的运行原理是遵从 HTTP 协议,分为 HTTP 请求和 HTTP 响应。HTTP 响应方式也称为 HTTP 状态码,分为5中...【详细内容】
2021-04-20  Tags: Django  点击:(247)  评论:(0)  加入收藏
HTTP的弊端及HTTPS的由来众所周知HTTP协议是以TCP协议为基石诞生的一个用于传输Web内容的一个网络协议,在"网络分层模型"中属于"应用层协议"的一种.那么在这里我们并不研究...【详细内容】
2021-04-01  Tags: Django  点击:(250)  评论:(0)  加入收藏
Django框架是PythonWeb三大主流框架之一,以其功能强大全面而受到众多开发者追捧,现如今Django已经更新到3版本,但是并不推荐使用,更多建议使用1版本。Django版本Python版本1.112...【详细内容】
2020-09-27  Tags: Django  点击:(68)  评论:(0)  加入收藏
▌简易百科推荐
Python 是一个很棒的语言。它是世界上发展最快的编程语言之一。它一次又一次地证明了在开发人员职位中和跨行业的数据科学职位中的实用性。整个 Python 及其库的生态系统使...【详细内容】
2021-12-27  IT资料库    Tags:Python 库   点击:(0)  评论:(0)  加入收藏
菜单驱动程序简介菜单驱动程序是通过显示选项列表从用户那里获取输入并允许用户从选项列表中选择输入的程序。菜单驱动程序的一个简单示例是 ATM(自动取款机)。在交易的情况下...【详细内容】
2021-12-27  子冉爱python    Tags:Python   点击:(0)  评论:(0)  加入收藏
有不少同学学完Python后仍然很难将其灵活运用。我整理15个Python入门的小程序。在实践中应用Python会有事半功倍的效果。01 实现二元二次函数实现数学里的二元二次函数:f(x,...【详细内容】
2021-12-22  程序汪小成    Tags:Python入门   点击:(32)  评论:(0)  加入收藏
Verilog是由一个个module组成的,下面是其中一个module在网表中的样子,我只需要提取module名字、实例化关系。module rst_filter ( ...); 端口声明... wire定义......【详细内容】
2021-12-22  编程啊青    Tags:Verilog   点击:(7)  评论:(0)  加入收藏
运行环境 如何从 MP4 视频中提取帧 将帧变成 GIF 创建 MP4 到 GIF GUI ...【详细内容】
2021-12-22  修道猿    Tags:Python   点击:(5)  评论:(0)  加入收藏
面向对象:Object Oriented Programming,简称OOP,即面向对象程序设计。类(Class)和对象(Object)类是用来描述具有相同属性和方法对象的集合。对象是类的具体实例。比如,学生都有...【详细内容】
2021-12-22  我头秃了    Tags:python   点击:(9)  评论:(0)  加入收藏
所谓内置函数,就是Python提供的, 可以直接拿来直接用的函数,比如大家熟悉的print,range、input等,也有不是很熟,但是很重要的,如enumerate、zip、join等,Python内置的这些函数非常...【详细内容】
2021-12-21  程序员小新ds    Tags:python初   点击:(5)  评论:(0)  加入收藏
Hi,大家好。我们在接口自动化测试项目中,有时候需要一些加密。今天给大伙介绍Python实现各种 加密 ,接口加解密再也不愁。目录一、项目加解密需求分析六、Python加密库PyCrypto...【详细内容】
2021-12-21  Python可乐    Tags:Python   点击:(7)  评论:(0)  加入收藏
借助pyautogui库,我们可以轻松地控制鼠标、键盘以及进行图像识别,实现自动抢课的功能1.准备工作我们在仓库里提供了2个必须的文件,包括: auto_get_lesson_pic_recognize.py:脚本...【详细内容】
2021-12-17  程序员道道    Tags:python   点击:(13)  评论:(0)  加入收藏
前言越来越多开发者表示,自从用了Python/Pandas,Excel都没有打开过了,用Python来处理与可视化表格就是四个字——非常快速!下面我来举几个明显的例子1.删除重复行和空...【详细内容】
2021-12-16  查理不是猹    Tags:Python   点击:(20)  评论:(0)  加入收藏
最新更新
栏目热门
栏目头条