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最长公共子串算法实例
Mar 07 Python
一些Python中的二维数组的操作方法
May 02 Python
json跨域调用python的方法详解
Jan 11 Python
Python cookbook(数据结构与算法)字典相关计算问题示例
Feb 18 Python
使用python绘制二元函数图像的实例
Feb 12 Python
PyTorch中Tensor的维度变换实现
Aug 18 Python
Python 共享变量加锁、释放详解
Aug 28 Python
python manage.py runserver流程解析
Nov 08 Python
基于python实现地址和经纬度转换
May 19 Python
浅谈pytorch 模型 .pt, .pth, .pkl的区别及模型保存方式
May 25 Python
python中 _、__、__xx__()区别及使用场景
Jun 30 Python
python脚本使用阿里云slb对恶意攻击进行封堵的实现
Feb 04 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
匹配csdn用户数据库与官方用户的重合度并将重叠部分的用户筛选出来
2011/12/25 PHP
apache mysql php 源码编译使用方法
2012/05/03 PHP
php头像上传预览实例代码
2017/05/02 PHP
ubutu 16.04环境下,PHP与mysql数据库,网页登录验证实例讲解
2017/07/20 PHP
在 Laravel 中动态隐藏 API 字段的方法
2019/10/25 PHP
CSDN轮换广告图片轮换效果
2007/03/27 Javascript
如何确保JavaScript的执行顺序 之实战篇
2011/03/03 Javascript
document.createElement()用法
2013/03/13 Javascript
使用javascript实现雪花飘落的效果
2015/01/13 Javascript
angularJS 中$attrs方法使用指南
2015/02/09 Javascript
jQuery ajax应用总结
2016/06/02 Javascript
jQuery插件实现文件上传功能(支持拖拽)
2020/08/27 Javascript
vue从使用到源码实现教程详解
2016/09/19 Javascript
JavaScript登录验证码的实现
2016/10/27 Javascript
微信小程序 wxapp内容组件 text详细介绍
2016/10/31 Javascript
求js数组的最大值和最小值的四种方法
2017/03/03 Javascript
关于vue的语法规则检测报错问题的解决
2018/05/21 Javascript
详解webpack打包后如何调试的方法步骤
2018/11/07 Javascript
jQuery模仿ToDoList实现简单的待办事项列表
2019/12/30 jQuery
python下函数参数的传递(参数带星号的说明)
2010/09/19 Python
python分析网页上所有超链接的方法
2015/05/08 Python
详解Django中的ifequal和ifnotequal标签使用
2015/07/16 Python
python正则表达式爬取猫眼电影top100
2018/02/24 Python
Python实现的直接插入排序算法示例
2018/04/29 Python
Python笔记之工厂模式
2019/11/20 Python
Python:合并两个numpy矩阵的实现
2019/12/02 Python
如何实现在jupyter notebook中播放视频(不停地展示图片)
2020/04/23 Python
请假条范文大全
2014/04/10 职场文书
机械机修工岗位职责
2014/08/03 职场文书
学习张林森心得体会
2014/09/10 职场文书
2014全年工作总结
2014/11/27 职场文书
优秀共青团员事迹材料
2014/12/25 职场文书
求职简历自我评价2015
2015/03/10 职场文书
大学生如何逃脱“毕业季创业队即散伙”魔咒?
2019/08/19 职场文书
Pytorch 如何实现常用正则化
2021/05/27 Python
输入框跟随文字内容适配宽实现示例
2022/08/14 Javascript