Django(13)-静态文件

Django(1)-简介

Django(2)-创建项目及默认项目目录结构介绍

Django(3)-配置文件详解

Django(4)-URL和视图

Django(5)-路由配置实例

Django(6)-请求及响应

Django(7)-Get请求和Post请求

Django(8)-设计模式

Django(9)-模板层简介与入门实例

Django(10)-模板层的变量和标签

Django(11)-模板层的过滤器和继承

Django(12)-url反向解析

Django(13)-静态文件

Django(14)-应用及分布式路由

Django(15)-模型层及ORM介绍

Django(16)-ORM基础字段及选项

Django(17)-ORM创建数据

Django(18)-ORM常用的查询函数详解及实例演示

Django(19)-ORM条件查询

Django(20)-ORM更新操作及实例演示

Django(21)-ORM删除操作及实例演示

Django(22)-ORM中F对象和Q对象

Django(23)-ORM聚合查询和原生数据库操作

Django(24)-admin后台管理设置步骤以及常见样式详解

Django实战技巧(1)-开发测试生产环境配置切换处理技巧

Django实战技巧(2)-git代码仓分支管理技巧

Django实战技巧(3)-项目配置

1、静态文件

  • 静态文件包括图片,css,js,视频,音频等等文件
  • 在setting.py中配置静态文件配置
    • STATIC_URL:‘/static/’
    • 含义:指定访问静态文件时通过/static/xxx,此类请求不需要走视图函数,而是直接去静态文件目录下去静态文件
    • STATICFILES_DIRS:保存的是静态文件在服务器端的存储位置
    STATICFILES_DIRS=(
    				BASE_DIR / static
    )
    

如下图所示,此处需要在配置文件中手工增加配置
在这里插入图片描述
实例:
设计路由如下:
在这里插入图片描述
视图函数如下:

from django.shortcuts import render

def test_image(request):
    return render(request,"test_html.html")

然后在templates目录下创建test_html.html文件,内容如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试url</title>
</head>
<img src="/static/image/django.jpg" width="800" height="400">
</html>

然后在/static/image/目录下放置一张图片
然后在浏览器打开 http://127.0.0.1:8080/test/image/,结果如下:
在这里插入图片描述

  • 还可以通过{% static %}标签方式访问静态文件
    • 需要先加载static:{% load static %}
    • 使用静态资源标签:{% static ‘静态资源路径’ %}
    • 如:
     <img src="{% static 'image/django.jpg' %">
    

实例:
设计如下路由:
在这里插入图片描述
视图函数如下:

from django.shortcuts import render

def test_image(request):
    return render(request,"test_html.html")

在templates目录下创建test_html.html文件,内容如下:,这里就使用了django风格的load static方式的

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试url</title>
</head>
{% load static %}
<img src="{% static 'image/django.jpg' %}" width="800" height="400">
</html>

在static/image/目录下存放一张照片
然后在浏览器打开:http://127.0.0.1:8080/test/image/,结果如下:
在这里插入图片描述

  • 请求静态资源上面提供了三种方式,即绝对路径、相对路径、django风格标签加载的方式,这里推荐使用django风格load static方式,这种方式可以解决当static目录需要发生变更的时候,能最少的修改代,相对来说更加灵活
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

redrose2100

您的鼓励是我最大的创作动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值