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爬虫之抓取糗事百科代码分享
Nov 06 Python
python下读取公私钥做加解密实例详解
Mar 29 Python
Python利用itchat对微信中好友数据实现简单分析的方法
Nov 21 Python
python绘制双柱形图代码实例
Dec 14 Python
python pandas 如何替换某列的一个值
Jun 09 Python
Python后台开发Django会话控制的实现
Apr 15 Python
python使用turtle绘制国际象棋棋盘
May 23 Python
python找出一个列表中相同元素的多个索引实例
Jun 11 Python
Python3 文章标题关键字提取的例子
Aug 26 Python
Python使用__new__()方法为对象分配内存及返回对象的引用示例
Sep 20 Python
Lombok插件安装(IDEA)及配置jar包使用详解
Nov 04 Python
Elasticsearch 数据类型及管理
Apr 19 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
VB中的RasEnumConnections函数返回632错误解决方法
2014/07/29 PHP
php使用substr()和strpos()联合查找字符串中某一特定字符的方法
2015/05/12 PHP
Laravel5.1自定义500错误页面示例
2016/10/09 PHP
php 后端实现JWT认证方法示例
2018/09/04 PHP
Laravel框架Eloquent ORM修改数据操作示例
2019/12/03 PHP
幻宇的层模拟窗口效果-提供演示和下载
2007/01/20 Javascript
JavaScript 特殊字符
2007/04/05 Javascript
html数组字符串拼接的最快方法
2009/09/16 Javascript
JS阻止冒泡事件以及默认事件发生的简单方法
2014/01/17 Javascript
AngularJS国际化详解及示例代码
2016/08/18 Javascript
Jquery组件easyUi实现表单验证示例
2016/08/23 Javascript
原生js实现无缝轮播图效果
2017/01/11 Javascript
JS扩展String.prototype.format字符串拼接的功能
2018/03/09 Javascript
vue-cli项目中使用Mockjs详解
2018/05/14 Javascript
浅谈webpack性能榨汁机(打包速度优化)
2019/01/09 Javascript
vue在响应头response中获取自定义headers操作
2020/07/24 Javascript
vue print.js打印支持Echarts图表操作
2020/11/13 Javascript
如何搜索查找并解决Django相关的问题
2014/06/30 Python
python操作sqlite的CRUD实例分析
2015/05/08 Python
python实现12306火车票查询器
2017/04/20 Python
cmd运行python文件时对结果进行保存的方法
2018/05/16 Python
Python中的单下划线和双下划线使用场景详解
2019/09/09 Python
python实现超市管理系统(后台管理)
2019/10/25 Python
python检查目录文件权限并修改目录文件权限的操作
2020/03/11 Python
CSS3实现渐变背景兼容问题
2020/05/06 HTML / CSS
实例讲解HTML5的meta标签的一些应用
2015/12/08 HTML / CSS
英国最大的奢侈品零售网络商城:Flannels
2016/09/16 全球购物
英国独特礼物想法和个性化礼物网站:notonthehighstreet.com
2018/04/16 全球购物
德国家具购物网站:Möbel Höffner
2019/08/26 全球购物
俄罗斯在线手表和珠宝商店:AllTime
2019/09/28 全球购物
哈曼俄罗斯官方网上商店:Harman.club
2020/07/24 全球购物
教师演讲稿范文
2014/01/08 职场文书
安全生产承诺书
2014/03/26 职场文书
乡镇个人对照检查材料
2014/08/22 职场文书
Python 绘制多因子柱状图
2022/05/11 Python
TS 类型收窄教程示例详解
2022/09/23 Javascript