Django添加bootstrap框架时无法加载静态文件的解决方式


Posted in Python onMarch 27, 2020

项目结构如下:

Django添加bootstrap框架时无法加载静态文件的解决方式

开始时在setting.py中设置如下;

Django添加bootstrap框架时无法加载静态文件的解决方式

html文件中的写法如下:

Django添加bootstrap框架时无法加载静态文件的解决方式

这样设置一直无法加载静态文件,只需要修改setting.py文件如下:

Django添加bootstrap框架时无法加载静态文件的解决方式

就可以加载到静态文件了。

补充知识:Django-项目上线后,静态文件配置失效以及404、500页面的全局配置

一.项目上线后静态文件失效

1.因为项目还没上线的时候,django会默认从setting.py中这个设置

STATIC_URL = '/static/'

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

使静态文件生效

2.当setting.py中设置项目上线环境,代码如下

# 项目上线,生产模式设置False
DEBUG = False

ALLOWED_HOSTS = ['*']

# 项目没上线
# DEBUG = True
#
# ALLOWED_HOSTS = []

3.前端就找不到静态文件static文件夹了。

4.需要像MEDIA文件一样重新配置静态文件的url:

5.setting.py中加代码:

#项目上线后,static路径需要重新配置
STATIC_ROOT = os.path.join(BASE_DIR,'static')

6.项目下的总urls.py(不是app的urls.py)中:

#项目上线后,需要自己配置static静态文件路径
url(r'^static/(?P<path>.*)$', serve, {'document_root':STATIC_ROOT}),

7.这样静态文件就能访问到了

二、404、500页面的全局配置

1.因为这个配置需要项目改成生产环境(及上的debug=False,生产环境配置需设置好才有效)

2.项目下的总urls.py(不是app的urls.py)中,urlpatterns下面添加:

from XMJonline.settings import MEDIA_ROOT,STATIC_ROOT

urlpatterns = [
    ...
]

# 全局404,500配置
handler404 = 'users.views.page_not_found'
handler500 = 'users.views.page_error'

3.对应的user.views中:

def page_not_found(request):
  '''
  全局处理404页面

  '''
  from django.shortcuts import render_to_response
  response = render_to_response('404.html',{})
  response.status_code = 404
  return response


def page_error(request):
  '''
  全局处理500页面

  '''
  from django.shortcuts import render_to_response
  response = render_to_response('500.html',{})
  response.status_code = 500
  return response

4.项目的templates文件夹添加自己想要的404/500.html页面。

5.测试500的问题。

class IndexView(View):
  '''
  首页
  '''
  def get(self,request):
    # 取轮播图
    print(1/0)

6.访问首页。

7.成功跳转到自己配置的500页面。

以上这篇Django添加bootstrap框架时无法加载静态文件的解决方式就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Python 相关文章推荐
Python的re模块正则表达式操作
May 25 Python
Python3的urllib.parse常用函数小结(urlencode,quote,quote_plus,unquote,unquote_plus等)
Sep 18 Python
如何在python中使用selenium的示例
Dec 26 Python
使用Anaconda3建立虚拟独立的python2.7环境方法
Jun 11 Python
tensorflow 中对数组元素的操作方法
Jul 27 Python
python3.6.3安装图文教程 TensorFlow安装配置方法
Jun 24 Python
使用python对文件中的单词进行提取的方法示例
Dec 21 Python
Python3.5内置模块之random模块用法实例分析
Apr 26 Python
Python实现html转换为pdf报告(生成pdf报告)功能示例
May 04 Python
ubuntu 16.04下python版本切换的方法
Jun 14 Python
细数nn.BCELoss与nn.CrossEntropyLoss的区别
Feb 29 Python
记录模型训练时loss值的变化情况
Jun 16 Python
Python itertools.product方法代码实例
Mar 27 #Python
python实现图像全景拼接
Mar 27 #Python
如何在Python 游戏中模拟引力
Mar 27 #Python
Python 实现平台类游戏添加跳跃功能
Mar 27 #Python
django配置app中的静态文件步骤
Mar 27 #Python
使用卷积神经网络(CNN)做人脸识别的示例代码
Mar 27 #Python
django实现HttpResponse返回json数据为中文
Mar 27 #Python
You might like
php5 图片验证码实现代码
2009/12/11 PHP
php checkdate、getdate等日期时间函数操作详解
2010/03/11 PHP
php使用curl出现Expect:100-continue解决方法
2015/03/03 PHP
JS获取IUSR_机器名和IWAM_机器名帐号的密码
2006/12/06 Javascript
jQuery1.4.2与老版本json格式兼容的解决方法
2011/02/12 Javascript
js控制页面控件隐藏显示的两种方法介绍
2013/10/09 Javascript
javascript简单实现滑动菜单效果的方法
2015/07/27 Javascript
js图片跟随鼠标移动代码
2015/11/26 Javascript
jQuery获得字体颜色16位码的方法
2016/02/20 Javascript
JavaScript实现通过select标签跳转网页的方法
2016/09/29 Javascript
Bootstrap字体图标无法正常显示的解决方法
2016/10/08 Javascript
微信小程序 video组件详解
2016/10/25 Javascript
Angular.js实现注册系统的实例详解
2016/12/18 Javascript
关于微信上网页图片点击全屏放大效果
2016/12/19 Javascript
微信小程序 实战程序简易新闻的制作
2017/01/09 Javascript
微信小程序 video详解及简单实例
2017/01/16 Javascript
浅谈angular4生命周期钩子
2017/09/05 Javascript
Node.js爬取豆瓣数据实例分析
2018/03/05 Javascript
vue.js 图片上传并预览及图片更换功能的实现代码
2018/08/27 Javascript
AngularJs中$cookies简单用法分析
2019/05/30 Javascript
js 获取本周、上周、本月、上月、本季度、上季度的开始结束日期
2020/02/01 Javascript
Python生成个性签名图片获取GUI过程解析
2019/12/16 Python
Django admin管理工具TabularInline类用法详解
2020/05/14 Python
python打开文件的方式有哪些
2020/06/29 Python
python调用jenkinsAPI构建jenkins,并传递参数的示例
2020/12/09 Python
英国知名的护肤彩妆与时尚配饰大型综合零售电商:Unineed
2016/11/21 全球购物
C++:局部变量能否和全局变量重名
2014/03/03 面试题
外语专业毕业生自我评价分享
2013/10/05 职场文书
大学校运会广播稿
2014/02/03 职场文书
2014乡镇机关党员个人对照检查材料思想汇报
2014/10/09 职场文书
2015年敬老月活动总结
2015/03/27 职场文书
学校清洁工岗位职责
2015/04/15 职场文书
驻村工作简报
2015/07/20 职场文书
2016年社区国庆节活动总结
2016/04/01 职场文书
js实现自动锁屏功能
2021/06/02 Javascript
Java使用httpRequest+Jsoup爬取红蓝球号码
2021/07/02 Java/Android