分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

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

发布时间:2023-09-06 02:34责任编辑:董明明关键词:js

环境

  • 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
版权声明:本文为博主原创文章,转载请附上博文链接!

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

原文地址:https://www.cnblogs.com/dahuan/p/10471652.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved