zoukankan      html  css  js  c++  java
  • [django]Django的css、image和js静态文件生产环境配置

    前言:在Django中HTML文件如果采用外联的方式引入css,js文件或者image图片,一般采用<link rel="stylesheet" href="../css/lstyle.css">这个格式,但是django中需要配置一下,才能如此使用.

    关键词:django静态文件 django生产环境 django1.8

    正文:

           第一步,在django工程目录下建立static文件夹,同时在static文件夹下建立css img js三个不同名称的文件夹用来存放css和js静态文件以及image图片

           第二步,找到settings.py配置文件,修改如下:

    STATIC_URL = '/static/'
    STATICFILES_DIRS = (
         os.path.join(BASE_DIR, "static"),
    )

          配置完毕,然后在html文件中如下应用即可: 

          {% load staticfiles %}#html文件头部必须添加,然后下面调用才能生效
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head>  
        <!-- Basic Page Needs
        ================================================== -->
       <meta charset="utf-8">
       <title></title>
       <meta name="description" content="!">
       <meta name="keywords" content="">
       <meta name="author" content="CQ_LQJ">
        <!-- CSS
        ================================================== -->
        <link rel="stylesheet" href="{% static 'css/style.css' %}">  #第一种调用方式

        <link rel="stylesheet" href="/static/css/style.css">#第二种调用方式
    </head>
    <body>
    </body>
    </html>

  • 相关阅读:
    配置字段(居左,居中,居右,高度自适应)
    将添加的表格框中数据保存到_data中,
    一维数组变二维数组
    时间戳转换
    vue 前端生成二维码
    vue嵌套循环
    vue浏览器标题
    谷歌浏览器中安装JsonView扩展程序
    实现点击页面其他地方,隐藏div(vue)
    VUE模拟select
  • 原文地址:https://www.cnblogs.com/CQ-LQJ/p/5007438.html
Copyright © 2011-2022 走看看