Django配置Bootstrap和 js的方法
创始人
2024-11-16 16:42:29
0次

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

如图：

Django配置Bootstrap和 js的方法

# 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的方法

{% load staticfiles %}




  
  Title

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

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