Django配置Bootstrap, js实现过程详解

1、首先在APP目录下创建一个static文件夹

如图:

Django配置Bootstrap, js实现过程详解_第1张图片

# Application definition

INSTALLED_APPS = [
  'django.contrib.admin',
  'django.contrib.auth',
  'django.contrib.contenttypes',
  'django.contrib.sessions',
  'django.contrib.messages',
  'django.contrib.staticfiles',
  'appBook.apps.AppbookConfig',
  
]

2、在settings.py中 最底部添加如下:

# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/1.11/howto/static-files/

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

3、在html页面头部添加:

Django配置Bootstrap, js实现过程详解_第2张图片

{% load staticfiles %}




  
  Title
  
  

4、在html模版页面,可以用如下方式调用:

 
 
推荐使用第二种,因为如果图片名称是动态的,可以通过views这么绑定: 
 css的引用同样如此:   js的引用同样如此: 
                    
                    

你可能感兴趣的:(Django配置Bootstrap, js实现过程详解)