Django4全栈进阶之路9 STATIC静态文件路径设置、MEDIA媒体文件路径设置

在 Django 4 中，可以在 settings.py 文件中设置 STATICFILES_DIRS 来指定应用程序静态文件所在的文件夹路径，设置 STATIC_ROOT 来指定收集所有应用程序静态文件的目标文件夹路径。例如：

# settings.py
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'static'),
]

STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')

其中，STATICFILES_DIRS 是一个列表，包含应用程序静态文件所在的文件夹路径，STATIC_ROOT 是一个字符串，指定收集所有应用程序静态文件的目标文件夹路径。

在生产环境中，需要运行 collectstatic 命令来收集所有应用程序静态文件到 STATIC_ROOT 文件夹。可以使用以下命令：

python manage.py collectstatic

对于媒体文件，可以在 settings.py 文件中设置 MEDIA_ROOT 和 MEDIA_URL，如下所示：

# settings.py
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
MEDIA_URL = '/media/'

其中，MEDIA_ROOT 指定媒体文件的本地存储路径，MEDIA_URL 指定媒体文件的 URL 前缀。

需要注意的是，在生产环境中，需要配置 Web 服务器（如 Nginx 或 Apache）来提供静态文件和媒体文件的服务，而不是使用 Django 4 提供的服务。在开发环境中，Django 4 会自动提供静态文件和媒体文件的服务。

示例：

# 设置静态资源的保存路径
STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')]

STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, '/static')
# 设置媒体资源的保存路径
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
MEDIA_URL = '/media/'

在 Django 4 中，可以在主路由文件（通常是 urls.py）中设置 STATIC 和 MEDIA 路径，以确保能够正确地访问静态文件和媒体文件。

对于静态文件，可以使用以下代码：

# urls.py
from django.conf import settings
from django.conf.urls.static import static

urlpatterns = [
    # ... 其他 URL 模式 ...
]

# 只在开发环境中使用，生产环境需要通过 Web 服务器提供静态文件服务
if settings.DEBUG:
    urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

这段代码使用了 static() 函数来将静态文件路径和 URL 绑定在一起，settings.STATIC_URL 是静态文件 URL 的前缀，settings.STATIC_ROOT 是静态文件的本地存储路径。

对于媒体文件，可以使用以下代码：

# urls.py
from django.conf import settings
from django.conf.urls.static import static

urlpatterns = [
    # ... 其他 URL 模式 ...
]

# 只在开发环境中使用，生产环境需要通过 Web 服务器提供媒体文件服务
if settings.DEBUG:
    urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

这段代码使用了 static() 函数来将媒体文件路径和 URL 绑定在一起，settings.MEDIA_URL 是媒体文件 URL 的前缀，`settings.MEDIA_ROOT` 是媒体文件的本地存储路径。

需要注意的是，以上代码中的 if settings.DEBUG 是一个条件语句，只有在开发环境中才需要使用。在生产环境中，通常会使用 Web 服务器（如 Apache 或 Nginx）来提供静态文件和媒体文件的服务，而不是让 Django 直接提供。

因此，如果您的 Django 应用程序将在生产环境中运行，您需要在 Web 服务器配置中设置静态文件和媒体文件的路径，而不是在 Django 项目中进行设置。

BootStrap:

BootStrap官网：https://www.bootcss.com/

本次使用Bootstrap 4.6.2版本

要在 Django 中使用 Bootstrap 4.6 的静态文件，可以按照以下步骤操作：

2、首先，将 Bootstrap 4.6 的 CSS 和 JavaScript 文件下载到您的 Django 项目中的某个静态文件目录中，例如 static 文件夹下的 css 和 js 文件夹中。这里我们直接将整个文件拷贝到static.

2、然后，在 base.html 模板文件中，通过以下方式引用 Bootstrap 的 CSS 和 JavaScript 文件：

{% load static %}

<!-- 引入 Bootstrap 的 CSS 文件 -->
<link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">

<!-- 在页面底部引入 jQuery 和 Bootstrap 的 JavaScript 文件 -->
<script src="{% static 'js/jquery.min.js' %}"></script>
<script src="{% static 'js/bootstrap.min.js' %}"></script>

这里，我们使用 Django 内置的 {% static %} 模板标签来生成静态文件的 URL，这个标签会根据您在 settings.py 中设置的静态文件路径来生成 URL。

Bootstrap 4.6还依赖jquery.min.js吗？

是的，Bootstrap 4.6 仍然依赖 jQuery。在使用 Bootstrap 4.6 的 JavaScript 组件之前，您需要先引入 jQuery。

在您的 Django 项目中，您可以在 static 文件夹中的 js 文件夹中，将 jQuery 的 JavaScript 文件下载到本地。然后，在您的模板文件中，可以按照以下方式引入 jQuery 和 Bootstrap 的 JavaScript 文件：

{% load static %}

<!-- 引入 jQuery 的 JavaScript 文件 -->
<script src="{% static 'js/jquery.min.js' %}"></script>

<!-- 引入 Bootstrap 的 JavaScript 文件 -->
<script src="{% static 'js/bootstrap.min.js' %}"></script>

注意，jQuery 必须在 Bootstrap 的 JavaScript 文件之前被引入，因为 Bootstrap 的 JavaScript 代码依赖于 jQuery。

希望这个回答能够帮助您理解 Bootstrap 4.6 仍然依赖于 jQuery。

Bootstrap 4.6 兼容 jQuery 3.x 版本，您可以从 jQuery 官网（https://jquery.com/）下载最新的 jQuery 3.x 版本。

在下载页面上，您可以找到“Download”按钮，然后选择需要的版本进行下载。推荐下载 jQuery 3.6.x 版本，这是目前的最新稳定版本。

如果您想下载压缩版本的 jQuery，可以选择下载“Production version”，如果您想下载未压缩版本的 jQuery，可以选择下载“Development version”。

以下是 jQuery 3.6.0 压缩版和未压缩版的下载链接：