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

Posted 2021-02-11 dahuan

环境

• windows10
• pycharm2017.3.3 professional edition(必须专业版)
• python3.6.4
• django2.0.2

参考资料
http://blog.csdn.net/qq_21182587/article/details/69936510
找了很多资料，就这个最全，使用最方便，感谢作者

方法

1、创建项目

　　参考Django项目创建流程

2、从网络上下载模板，比如模板之家

3、将模板中的html文件放入项目的template文件夹下，其实也可以放到其他目录下，只是设置的时候改一下目录即可。

4、在项目的根目录或APP下创建一个文件夹命名为static用于保存css、js、images等文件

5、打开项目，在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(‘\‘, ‘/‘)),
)

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

　　from django.contrib.staticfiles.urls import staticfiles_urlpatterns

　　在文件尾部添加

　　urlpatterns += staticfiles_urlpatterns()

7、修改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" />
---------------------
作者：Uncle_Gen
来源：CSDN
原文：https://blog.csdn.net/mildddd/article/details/79557803
版权声明：本文为博主原创文章，转载请附上博文链接！