分離django中的媒體文件，靜態文件和網頁

前言

文章會在github中持續更新

做者: knthony

github

聯繫我

django項目中，佔很大致積的是靜態文件，媒體文件還有html代碼，那咱們該如何把它們分離出來以方便咱們和服務器去管理和使用它們。

static 文件

static，顧名思義就是靜態文件，django自帶了一個命令講項目中全部的靜態文件提取出來
python3 manage.py collectstatic

我習慣將這些能夠從外部引入的文件放在項目的根目錄下

DemoProject
--DemoProject
--DemoApp
--static
--manage.py

是的，就是它，我喜歡的位置。
不過在此以前，咱們須要在項目的setting.py中去設置提取文件所要存儲的位置STATIC_ROOT

STATIC_ROOT = os.path.join(BASE_DIR, "static")

那這樣，咱們運行完上面的命令就會發現咱們的項目結構中會多一個static文件
而後配置DemoProject下的url，添加

from django.contrib.staticfiles.urls import staticfiles_urlpatterns
from django.conf.urls.static import static
from django.conf import settings


urlpatterns = [
    url(r'^admin/', admin.site.urls),
]


if settings.DEBUG or True:
    urlpatterns += staticfiles_urlpatterns()

固然這個if判斷是在debug爲true的時候支持這樣的訪問，那若是在真實生產環境中須要修改遮蓋判斷
不過到這裏尚未結束，爲了方便的引用咱們須要在setting.py中添加

STATICFILES_DIRS = [
    ('bootstrap',os.path.join(BASE_DIR, 'static/bootstrap').replace('\\','/')),
]

注意這種方式在html中能夠直接以以下方式訪問

<link rel="stylesheet" href="{% static "bootstrap/css/bootstrap.min.css" %}">

注意要在第一行加上{% load staticfiles %}

media文件

網站上老是會有音樂視頻或者圖片等體積比較大的文件，那咱們將這些也從django項目中分離出來並進行調用
首先咱們在和static同目錄下新建一個media文件夾，在media中新建一個image做爲咱們存放圖片的文件夾
結構以下：

DemoProject
--DemoProject
--DemoApp
--static
--media
---image
--manage.py

第一步：在setting.py最後添加

MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, "media")

第二部：在urls.py中
在 urlpatterns += staticfiles_urlpatterns()
下面添加
urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

說出來你可能不信，這樣就ok了

<img src="/media/image/test.png" alt="">

這樣就能夠訪問咱們的media/image下的圖片或者視頻了

templates

若是咱們想把項目中的網頁代碼文件歸類分離出來
第一步：

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [
            os.path.join(BASE_DIR, 'templates').replace('\\','/'),
        ],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

在上面代碼的DIRS中添加你網頁代碼的路徑，若是也想和我同樣放在根路徑下能夠和我同樣

os.path.join(BASE_DIR, 'templates').replace('\\','/'),

這是最近寫django項目總結的一點點，第一次寫文章，大牛勿噴，感謝大牛能指出文中的缺漏和錯誤