【django轻量级框架】Django项目导入css,js,images等静态文件

1 环境

windows10
python3.6.8
django2.0

2 方法

创建项目
从网络上下载模板，比如模板之家
将模板中的html文件放入项目的template文件夹下，其实也可以放到其他目录下，只是设置的时候改一下目录即可。
在项目的根目录（与manage.py）或APP下创建一个文件夹命名为static用于保存css、js、images等文件
打开项目，在settings.py文件里寻找TEMPLATES选项，添加static文件
（Base_dir表示项目目录，根据自己项目实际情况修改）

'DIRS': [os.path.join(BASE_DIR, 'templates'),
         os.path.join(BASE_DIR, 'static').replace('\\', '/')],

在settings.py最底部添加（根据你自己CSS等文件名字修改）

STATIC_ROOT = os.path.join(BASE_DIR, 'static').replace('\\', '/')
STATICFILES_DIRS = (
    ('css', os.path.join(STATIC_ROOT, 'css').replace('\\', '/')),
    ('images', os.path.join(STATIC_ROOT, 'images').replace('\\', '/')),
    ('fonts', os.path.join(STATIC_ROOT, 'fonts').replace('\\', '/')),
    ('js', os.path.join(STATIC_ROOT, 'js').replace('\\', '/')),
)

修改urls.py文件在文件头添加

from django.contrib.staticfiles.urls import staticfiles_urlpatterns

在文件尾部添加

urlpatterns += staticfiles_urlpatterns()

修改HTML文件里面的路径
导入css
重点是添加/static/，根据实际情况修改。

<link href="/static/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="/static/css/style.css" rel="stylesheet" type="text/css" media="all" />

导入js

<script src="/static/js/jquery-1.11.1.min.js"></script>

插图

<img src="/static/images/4.jpg" alt=" " class="img-responsive" />

3 效果预览

我自己搭了一个是可行的。

http://39.106.66.222:8000/