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的词法分析与语法分析
May 18 Python
python使用PyGame播放Midi和Mp3文件的方法
Apr 24 Python
python中as用法实例分析
Apr 30 Python
python Selenium爬取内容并存储至MySQL数据库的实现代码
Mar 16 Python
python 请求服务器的实现代码(http请求和https请求)
May 25 Python
在vscode中配置python环境过程解析
Sep 28 Python
python打印n位数“水仙花数”(实例代码)
Dec 25 Python
python GUI库图形界面开发之PyQt5结合Qt Designer创建信号与槽的详细方法与实例
Mar 08 Python
python安装dlib库报错问题及解决方法
Mar 16 Python
tensorflow基于CNN实战mnist手写识别(小白必看)
Jul 20 Python
python xlwt模块的使用解析
Apr 13 Python
教你怎么用python selenium实现自动化测试
May 27 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
初学CAKEPHP 基础教程
2009/11/02 PHP
php根据一个给定范围和步进生成数组的方法
2015/06/19 PHP
PHP静态成员变量
2017/02/14 PHP
php-fpm服务启动脚本的方法
2018/04/27 PHP
Javascript的IE和Firefox兼容性汇编(zz)
2007/02/02 Javascript
js修改table中Td的值(定义td的单击事件)
2013/01/10 Javascript
jQuery实现带遮罩层效果的blockUI弹出层示例【附demo源码下载】
2016/09/14 Javascript
js实现炫酷的左右轮播图
2017/01/18 Javascript
js实现按座位号抽奖
2017/04/05 Javascript
vue数字类型过滤器的示例代码
2017/09/07 Javascript
详解webpack-dev-server使用方法
2018/09/14 Javascript
使用VUE+iView+.Net Core上传图片的方法示例
2019/01/04 Javascript
总结4个方面优化Vue项目
2019/02/11 Javascript
js中switch语句的学习笔记
2020/03/25 Javascript
webpack 如何同时输出压缩和未压缩的文件的实现步骤
2020/06/05 Javascript
解决vue elementUI 使用el-select 时 change事件的触发问题
2020/11/17 Vue.js
python计算两个矩形框重合百分比的实例
2018/11/07 Python
Python 保存矩阵为Excel的实现方法
2019/01/28 Python
如何安装并使用conda指令管理python环境
2019/07/10 Python
django Admin文档生成器使用详解
2019/07/22 Python
Django+zTree构建组织架构树的方法
2019/08/21 Python
python 使用pygame工具包实现贪吃蛇游戏(多彩版)
2019/10/30 Python
复化梯形求积分实例——用Python进行数值计算
2019/11/20 Python
使用OpenCV circle函数图像上画圆的示例代码
2019/12/27 Python
部署Django到阿里云服务器教程示例
2020/06/03 Python
解决Pycharm双击图标启动不了的问题(JetBrains全家桶通用)
2020/08/07 Python
基于Python爬取搜狐证券股票过程解析
2020/11/18 Python
药学专业毕业生求职信
2013/10/20 职场文书
架构师岗位职责
2013/11/18 职场文书
简历里的自我评价
2014/01/31 职场文书
《威尼斯的小艇》教学反思
2014/02/17 职场文书
服务承诺书格式
2014/05/21 职场文书
机关干部四风问题自查报告及整改措施
2014/10/26 职场文书
检举信的写法
2019/04/10 职场文书
javascript函数式编程基础
2021/09/15 Javascript
Java实现简单小画板
2022/06/10 Java/Android