【1】模版文件#

• 我们将html文件默认都放在templates文件夹下

【2】资源文件#

• 我们将网站所使用的静态文件默认都放在static文件夹下

1
静态文件：前段已经写好，能直接使用的文件
2
  网站写好的JS文件
3
  网站写好的CSS文件
4
  网站用到的图片文件
5
  第三方框架
6
  ...
7
拿来直接就可以使用的文件

• 一般情况我们再static文件夹下还会对文件进行划分
  • js文件夹
  • css文件夹
  • img文件夹
  • plugins文件夹
• 在浏览器中输入url能够看到对应的资源
• 是因为后端提前开设了相关的接口
• 如果访问不到资源，说明后端没有开设相关资源的端口

【1】配置文件增加配置#

1
STATIC_URL = '/static/'  # 类似于访问静态文件的令牌
2

3
# 静态文件配置
4
# 默认查找位置是当前APP的目录下
5
# 这个配置定义了静态文件应用在启用 FileSystemFinder 查找器时将穿越的额外位置
6
STATICFILES_DIRS  = [
7
    os.path.join(BASE_DIR, 'static')
8
]

1
{% load static %}
2
<img src="{% static 'my_app/example.jpg' %}" alt="My image">

【2】配置文件说明#

• 如果想要访问static静态文件，就必须以static开头
  • 如：/static/plugins/Bootstrap/js/bootstrap.js/bootstrap.min.js

【1】前缀#

• 如果你想用一个额外的命名空间来引用其中一个位置的文件，你可以 可选的 提供一个前缀作为 (prefix, path) 的元组
• 例如：

1
STATICFILES_DIRS = [
2
    # ...
3
    ("downloads", "/opt/webfiles/stats"),
4
]

• 例如，假设你将 STATIC_URL 设置为 ‘/static/‘，则 collectstatic 管理命令将收集 STATIC_ROOT 的 ‘downloads’ 子目录中的“stats”文件。
• 这将允许你在你的模板中用 ‘/static/downloads/polls_20101022.tar.gz’ 引用本地文件 ‘/opt/webfiles/stats/polls_20101022.tar.gz’，例如：

1
<a href="{% static 'downloads/polls_20101022.tar.gz' %}">

【2】存储引擎#

• 默认： ‘django.contrib.staticfiles.storage.StaticFilesStorage’

1
class StaticFilesStorage(FileSystemStorage):
2
    """
3
    Standard file system storage for static files.
4

5
    The defaults for ``location`` and ``base_url`` are
6
    ``STATIC_ROOT`` and ``STATIC_URL``.
7
    """
8
    def __init__(self, location=None, base_url=None, *args, **kwargs):
9
        if location is None:
10
            location = settings.STATIC_ROOT
11
        if base_url is None:
12
            base_url = settings.STATIC_URL
13
        check_settings(base_url)
14
        super().__init__(location, base_url, *args, **kwargs)
15
        # FileSystemStorage fallbacks to MEDIA_ROOT when location
16
        # is empty, so we restore the empty value.
17
        if not location:
18
            self.base_location = None
19
            self.location = None
20

21
    def path(self, name):
22
        if not self.location:
23
            raise ImproperlyConfigured("You're using the staticfiles app "
24
                                       "without having set the STATIC_ROOT "
25
                                       "setting to a filesystem path.")
26
        return super().path(name)

• 使用 collectstatic 管理命令收集静态文件时要使用的文件存储引擎。
• 在此配置中定义的存储后端的即用实例可以在 django.contrib.staticfiles.storage.staticfiles_storage 中找到。
• 默认情况下，将查找存储在 STATICFILES_DIRS 配置中的文件（使用 django.contrib.staticfiles.finders.FileSystemFinder）和每个应用程序的 static 子目录中的文件（使用 django.contrib.staticfiles.finders.AppDirectoriesFinder）。如果存在多个同名文件，将使用第一个找到的文件。
• 有一个查找器是默认禁用的： django.contrib.staticfiles.finders.DefaultStorageFinder。如果添加到你的 STATICFILES_FINDERS 配置中，它将在 DEFAULT_FILE_STORAGE 配置所定义的默认文件存储中查找静态文件。

【1】引言#

• 以登录注册功能为例
• 我们之所以可以在浏览器地址栏中输入不同的路由访问到不同的资源
• 是因为我们在后端框架中提前开设了相应的访问接口所以用户才能访问
• 言外之意就是我们没有开设接口 那么肯定访问不到

【2】解决方案#

1
# 静态文件资源访问接口固定配置
2
STATICFILES_DIRS = [
3
    os.path.join(BASE_DIR, 'static')
4
]
5
# html页面路径
6
  /static/mycss.css