Django之旅：配置静态文件

配置static：

1、在工程目录下创建static目录、templates目录

2、下载bootstrap ，将css、js、fronts文件放在static目录中

3、将下载的bootsrap目录中的html文件放在templates目录中

4、在工程目录-setting文件中设置相关信息

• 在INSTALLED_APPS中添加'django.contrib.staticfiles',

• 设置Debug为True，如图所示

  
  DEBUG = True
  
  ALLOWED_HOSTS = ['*']
  
  # Application definition
  
  INSTALLED_APPS = [
  
      'django.contrib.admin',
  
      'django.contrib.auth',
  
      'django.contrib.contenttypes',
  
      'django.contrib.sessions',
  
      'django.contrib.messages',
  
      'django.contrib.staticfiles',
  
      'ApiTest.apps.ApitestConfig',
  
  ]
  
  

• 调整html内容，在模版开头添加{% load static%}，在模版中使用{{static_url}}作为静态文件的路径前缀，例如your_app/static/css/bootsraps.min.css,模版中对应的代码为

<link href = "{% static 'css/bootstrap.min.css' %}" rel="stylesheet"/>

• 测试样式是否可访问，在浏览器地址栏中输入http://127.0.0.1:8000/static/css/bootstrap.min.css，结果如图

  image.png

• 设置staticfiles_dirs ,配置一些额外的静态文件的地址

STATIC_URL = '/static/'

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

配置templates：

• 在setting.py中设置tempaltes的相关内容

TEMPLATE_DIRS = (

        os.path.join(BASE_DIR,  'templates'),

        'Automationplatfrom',

    )

 TEMPLATES = [

        {

            'BACKEND': 'django.template.backends.django.DjangoTemplates',

            'DIRS': [BASE_DIR+'/templates'],

            'APP_DIRS': True,

            'OPTIONS': {

                'context_processors': [

                    'django.template.context_processors.debug',

                    'django.template.context_processors.request',

                    'django.contrib.auth.context_processors.auth',

                    'django.contrib.messages.context_processors.messages',

                ],

            },

        },

    ]