如何通过Django使用本地css/js文件
这篇文章主要介绍了如何通过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>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持【听图阁-专注于Python设计】。