栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Python

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

Python 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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

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

如图:

# 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页面头部添加:

{% load staticfiles %}




  
  Title
  
  
    .container{
      margin-top: 80px;
    }
  

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

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