Day59:Django模板静态文件处理和媒体文件处理

本文详细介绍了Django中处理静态文件(如CSS)和媒体文件(如图片)的步骤。包括在settings.py中配置静态文件路径、在HTML中引入静态资源、处理用户上传图片的表单验证及存储、以及如何访问上传的媒体文件。同时,提到了在不同步骤中涉及的Django配置、视图和模板文件的修改。
摘要由CSDN通过智能技术生成

1.Django 对css静态文件的处理

我们先来看Django 对css静态文件是怎么处理的,一起来实现一下:

  • 第一步:首先需要在settings文件中指定静态文件的存储路径,可以使用Django模板引擎语法提示,如STATICFILES_DIRS = (os.path.join(BASE_DIR, "static"), ),需要注意的是这种方式必须要在 DEBUG模型下使用,也就是让DEBUG等于True,这个是在settings.py文件中设置的;

  • 第二步:在static目录中创建一个css目录,创建一个base.css文件, 将之前的base.html页面中的 css样式复制进来;

.header{
    color: red;
    font-size: 60px;
    background-color: black;
    height: 100px;
    text-align: center;
    line-height: 100px;
}
.content{
    color: green;
    font-size: 60px;
    background-color: #eeeeee;
    height: 800px;
    text-align: center;
    line-height: 800px;
}
.footer{
    color: green;
    font-size: 60px;
    background-color: black;
    height: 100px;
    text-align: center;
}
  • 第三步:编辑base.html页面,将内联的css样式删除使用外链的css文件,可以先通过{% load staticfiles %}引入加载器staticfiles ,然后再使用模版语法<link rel="stylesheet" href="{% static 'css/base.css' %}">的形式导入外部css文件,static表示现在的路径目录;
<!doctype html>
{% load staticfiles %}
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scal
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值