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

环境

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

参考资料

方法

  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" />
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值