如何通過Django使用本地css/js檔案
阿新 • • 發佈：2020-01-20
這篇文章主要介紹瞭如何通過Django使用本地css/js檔案,文中通過示例程式碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
在網上看了很多說Django如何使用本地css/js的文章,很多都是說的不是很清楚。
今天終於自己來驗證一個能用的了,記錄下
在manager.py同層級下建立static資料夾,裡面放上css,js,image等檔案或者資料夾
我的資料夾tree:
➜ FileService git:(master) ✗ tree
.
├── 2kill_port.sh
├── FileService
│ ├── __init__.py
│ ├── __pycache__
│ │ ├── __init__.cpython-37.pyc
│ │ ├── settings.cpython-37.pyc
│ │ ├── urls.cpython-37.pyc
│ │ └── wsgi.cpython-37.pyc
│ ├── settings.py
│ ├── urls.py
│ └── wsgi.py
├── db.sqlite3
├── en_bg.jpg
├── fileoperation
│ ├── __init__.py
│ ├── __pycache__
│ │ ├── __init__.cpython-37.pyc
│ │ ├── admin.cpython-37.pyc
│ │ ├── models.cpython-37.pyc
│ │ └── views.cpython-37.pyc
│ ├── admin.py
│ ├── apps.py
│ ├── migrations
│ │ ├── __init__.py
│ │ └── __pycache__
│ │ └── __init__.cpython-37.pyc
│ ├── models.py
│ ├── templates
│ │ ├── bg_homg.html
│ │ └── home.html
│ └── views.py
├── files
│ ├── 11.log
│ ├── 22.log
│ ├── 44.log
│ ├── th.jpeg
│ ├── �\217�\225快�\205�\ 2020-01-08\ �\213�\215\2101.50.03.png
│ └── �\235�\231��\212��\224\200�\207��\201.pdf
├── kill_port.sh
├── manage.py
└── static
├── images
│ └── en_bg.jpg
└── style
└── style.css然後只需在FileService/settings.py中進行設定就行,在末尾新增以下程式碼
STATIC_URL = '/static/' STATICFILES_DIRS=[ os.path.join(BASE_DIR,'static') ]
最後只需要在使用的html檔案中通過以下方式匯入：
<head> <link rel="stylesheet" type="text/css" href="../static/style/style.css" rel="external nofollow" /> <meta charset="UTF-8"> <title>檔案傳輸</title> </head>
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支援我們。