美文网首页
Django套用现成模板,导入css,js,images等文件

Django套用现成模板,导入css,js,images等文件

作者: 海天启航 | 来源:发表于2021-09-01 10:37 被阅读0次

环境
windows10
python3.6.4
django2.0.2

将模板中的html文件放入项目的template文件夹下,其实也可以放到其他目录下,只是设置的时候改一下目录即可。
在项目的根目录或APP下创建一个文件夹命名为static用于保存css、js、images等文件
打开项目,在settings.py文件里寻找TEMPLATES选项,添加static文件

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

在settings.py最底部添加

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
<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" />

原文链接:https://blog.csdn.net/mildddd/article/details/79557803

相关文章

网友评论

      本文标题:Django套用现成模板,导入css,js,images等文件

      本文链接:https://www.haomeiwen.com/subject/uwdxwltx.html