Django 静态文件的实例和案例分析

2023-04-11 00:00:00 静态 实例 案例分析

Django中的静态文件主要指的是网站中的CSS、JavaScript、图片等静态资源文件。这些文件相对于动态生成的HTML文件而言,内容是固定不变的。

配置静态文件路径
在Django中,需要在settings.py文件中配置静态文件的路径。可以通过STATIC_URL和STATIC_ROOT两个变量指定静态文件的URL路径和存储路径。

例如:

STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'static')
这样,静态文件就会被存储在项目根目录下的static文件夹中。

在模板中使用静态文件
在模板中使用静态文件需要引用{% load staticfiles %}模板标签,并使用{% static %}标签来指定静态文件的路径。

例如:

{% load staticfiles %}

logo
在这里,我们加载了staticfiles模板标签,并分别在标签中使用{% static %}标签来引用样式表和图片。

实例演示
接下来,让我们通过一个简单的实例演示如何使用Django中的静态文件。

首先,在项目的根目录中创建一个static文件夹,在其中创建一个css文件夹,并在其中创建一个style.css文件,内容如下:

body {
background-color: #f0f0f0;
}
在templates文件夹中新建一个base.html文件,内容如下:




{% block title %}pidancode.com{% endblock %}
{% load staticfiles %}

{% block content %}{% endblock %}


这里创建了一个模板基础文件,并在其中加载静态文件。

接着,我们在templates文件夹中再新建一个index.html文件,内容如下:

{% extends 'base.html' %}

{% block title %}皮蛋编程{% endblock %}

{% block content %}

欢迎来到皮蛋编程!


logo
{% endblock %}
这里通过继承base.html模板,并在{% block content %}标签中放置了网站的内容和图片。

最后,在static文件夹中创建一个img文件夹,并在其中放置一个logo.jpg图片。这个图片就是我们在模板中引用的静态文件。

在浏览器中运行本地服务器,即可看到网站中的静态文件已经被正确加载了。

以上就是Django中静态文件的基本使用方法,通过配置静态文件路径和在模板中使用静态文件,可以使网站更加丰富和美观。

相关文章