Django套用现成模板,导入css,js,images等文件
2018-03-14 17:31
567 查看
环境
windows10pycharm2017.3.3 professional edition(必须专业版)
python3.6.4
django2.0.2
参考资料
http://blog.csdn.net/qq_21182587/article/details/69936510找了很多资料,就这个最全,使用最方便,感谢作者
方法
创建项目参考Django项目创建流程
从网络上下载模板,比如模板之家
将模板中的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" />
相关文章推荐
- django1.4模板中如何导入js、css等外部文件
- django模板中如何导入js、css等静态文件
- django模板导入js,css等外部文件
- Django模板中如何导入js、css等外部文件
- Django模板中如何导入js、css等外部文件
- django模板导入外部js和css等文件
- Python中使用django框架进行web开发,模板中无法导入css、js和图片的问题解决
- django整理(四)配置setting文件(CSS,JS,images,templates)路径
- Django1.4关于静态文件(css.js等)和模板路径的配置
- ThinkPHP3.2.3框架模板文件中导入css,js文件相关问题
- Django1.4关于静态文件(css.js等)和模板路径的配置
- django1.3中的static files 如何serve自己手动放进去的images,css,js等文件,解决404错误
- Django 导入静态文件js\css
- django调用css,js,images文件
- [Django模板系统]在模板中加载css/js等静态文件
- django模板:在子模板使用block引入CSS文件
- 在Django框架下使用静态文件(css/js/img等)
- Django调用css、img、js等静态文件
- Django调用css、img、js等静态文件
- JS导入文件与CSS导入文件的不同