配置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,结果如图
设置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',
],
},
},
]