[django]Django的css、image和js静态文件生产环境配置

最新推荐文章于 2024-07-15 15:37:59 发布
最新推荐文章于 2024-07-15 15:37:59 发布
阅读量80 收藏
点赞数
文章标签： xhtml python
原文链接：http://www.cnblogs.com/CQ-LQJ/p/5007438.html
版权

前言:在Django中HTML文件如果采用外联的方式引入css,js文件或者image图片,一般采用<link rel="stylesheet" href="../css/lstyle.css">这个格式,但是django中需要配置一下,才能如此使用.

关键词:django静态文件 django生产环境 django1.8

正文:

       第一步,在django工程目录下建立static文件夹,同时在static文件夹下建立css img js三个不同名称的文件夹用来存放css和js静态文件以及image图片

       第二步,找到settings.py配置文件,修改如下:

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

      配置完毕,然后在html文件中如下应用即可: 

      {% load staticfiles %}#html文件头部必须添加,然后下面调用才能生效
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>  
    <!-- Basic Page Needs
    ================================================== -->
   <meta charset="utf-8">
   <title></title>
   <meta name="description" content="!">
   <meta name="keywords" content="">
   <meta name="author" content="CQ_LQJ">
    <!-- CSS
    ================================================== -->
    <link rel="stylesheet" href="{% static 'css/style.css' %}">  #第一种调用方式

    <link rel="stylesheet" href="/static/css/style.css">#第二种调用方式
</head>
<body>
</body>
</html>

转载于:https://www.cnblogs.com/CQ-LQJ/p/5007438.html

weixin_30329623
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
django添加css文件,Django使用本地css/js文件
weixin_42414213的博客
08-03 1238
Django使用本地css/js文件在manager.py同层级下创建static文件夹, 里面放上css , js, images等文件或者文件夹我的文件夹层级然后只需在settings.py中进行设置就行, 在末尾添加以下代码：STATIC_URL = '/static/'HERE = os.path.dirname(os.path.abspath(__file__))HERE = os.pa...
【Django】Django中静态资源(css，js，image等)申请URL编写技巧
piano7heart的专栏
05-26 9085
在Django中，所有通过url申请的资源，都要在urls.py文件中进行配置。所以css，js，image等静态资源也不例外。 网上大部分给出的方案为： settings.py中： STATIC_ROOT=你的静态文件存放根目录 urls.py中： urlpatterns = patterns('django.views', url(r'^css/(?P.*)$',
Django生产环境部署时css，js加载404
qq_41387609的博客
10-29 1576
setting # 关闭debug模式 DEBUG = False # 设置这个，允许所有ip访问 ALLOWED_HOSTS = ['*'] # 设置静态文件配置 STATIC_URL = '/static/' STATICFILES_DIRS = ( os.path.join(BASE_DIR, 'static/'), ) STATIC_ROOT = os.path.join(os.path.dirname(BASE_DIR), 'static') urls from django.v
Django_生产环境静态文件配置
weixin_30906425的博客
09-01 384
需求： 　　当Django项目运行在线上的时候，需要关闭debug模式，那么Django设置中，静态文件路径配置将会失效，如何解决这个问题？ 问题原因： 　　Django默认关闭debug模式，Django错误信息将不会返回给请求，setting中静态文件的设置将会自动失效，Django会认为这个是上线的环境 那，如何解决这个问题？ 　　方法1： 把静态文件按照协议，存放在ap...
【Django 2021年最新版教程4】为项目添加资源文件（css,js,image)
软件工程小施同学 的专栏
05-31 417
参考https://www.cnblogs.com/lone5wolf/p/13826626.html
Django2.2.1使用CSS
qq_35090060的博客
08-22 551
Django2.2.1使用CSSDjango的静态文件目录CSS文件html文件 Django的静态文件目录 Django的静态文件目录默认存储于“项目路径/当前app/static/当前app名称/”路径下 注意：这个app必须在settings 中的INSTALLED_APPS里 此时，可以看到settings.py文件中有如下代码 # Static files (CSS, JavaScrip...
django中静态文件配置static的方法
09-20
在Django框架中，处理静态文件是Web...通过以上步骤，你已经学会了如何在Django中配置静态文件，以及如何在生产环境中有效地部署和处理这些文件。请确保在实际操作时根据自己的项目结构和服务器配置进行相应的调整。
如何分离django中的媒体、静态文件和网页
09-18
在Django项目中，有效地管理和分离媒体文件（如用户上传的图片或视频）、静态文件（如CSS、JavaScript和图片）以及网页模板对于优化性能和提高可维护性至关重要。以下是如何在Django中实现这一目标的详细步骤： 1. ...
Django压缩静态文件的实现方法详析
01-20
静态文件：css,js，image等 开发环境：使用django内置服务器处理静态文件 生产环境：使用apache2/nginx服务器处理静态文件映射 所以在配置时要分清楚开发环境还是生产环境，这个后面会详细介绍。 下面先介绍一下...
快速解决Django关闭Debug模式无法加载media图片与static静态文件
09-17
此时，Django不再自动处理静态文件（如CSS、JavaScript、图片）和媒体文件（如用户上传的图片）。本文将详细介绍如何在Debug模式关闭后，正确地加载和处理Django项目中的media图片和static静态文件。 首先，了解...
HTML的文档类型与字符集＜!DOCTYPE html＞
m0_65696193的博客
07-15 224
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">我们使用的是 html 5 的版本。
【持续集成_05课_Linux部署SonarQube及结合开发项目部署】
weixin_42333261的博客
07-12 225
前置条件：sonarQube不能使用root账号进行启动，所以需要创建普通用户及。3）CMD上传qube文件-不能传到home路径下哦。2）添加用户、组名、密码。4）检查并解压上传的包。
Nginx七层（应用层）反向代理：UWSGI代理uwsgi_pass篇
jclee95的个人博客
07-10 1106
Nginx提供了多种应用层反向代理支持，包括proxy_pass、uwsgi_pass、fastcgi_pass和scgi_pass等。其中，proxy_pass指令可以接受一个URL参数，用于实现对HTTP/HTTPS协议的反向代理；uwsgi_pass用于代理到uWSGI应用服务器；fastcgi_pass用于代理到FastCGI服务器；而scgi_pass则用于代理到SCGI（Simple Common Gateway Interface）应用。这些指令使Nginx能够灵活地处理不同类型的后端服务和应
java集合工具类
药的博客
07-12 439
【代码】java集合工具类。
聊聊如何在内网下构建大模型微调环境
python1234567_的博客
07-12 866
LlamaFactory新版更新后，还是比较方便，只是说llamafactory-cli命令的确是有点蒙，踩个坑就好了。对于LlamaFactory微调来说，本身不难，毕竟都是配置；主要是在内网环境下的依赖包拉取安装是真麻烦，但其实也还好。走一遍的话，还是可以学到很多的。​。
CV06_Canny边缘检测算法和python实现
https://github.com/foxpup11?tab=repositories
07-11 861
https://www.bilibili.com/video/BV1qU4y1U7aK/?spm_id_from=333.337.search-card.all.click&vd_source=7dace3632125a1ef7fd32c285eb2fbac
httpx 的使用
最新发布
qq_39217312的博客
07-15 493
httpx 是一个可以支持 HTTP/2.0 的库还有一个是： hyper 库这里有一个由HTTP/2.0的网站： https://spa16.scrape.center/使用 requests 库 进行爬取 报错：安装： httpx pip3 install httpx 这样安装并不能支持 HTTP/2.0如果想要支持，需要这样安装：pip3 install httpx[http2]输出：这里访问的HTTP/1.0的网站，并且依次打印除了 ， 响应状态码(status_code),响应头信息(header
Gradio从入门到精通（1）---快速入门
疯狂飙车的蜗牛的博客
07-15 551
Gradio 是一个开源 Python 包，允许您为机器学习模型、API 或任何任意 Python 函数快速构建演示或 Web 应用程序。然后，您可以使用 Gradio 的内置共享功能在几秒钟内共享指向演示或 Web 应用程序的链接。无需 JavaScript、CSS 或 Web 托管经验！Gradio最大的特点就是简单，便捷，短短几行代码就可以快速构建大模型web应用程序；当前很多人工智能模型的演示都是使用Gradio打造的；您会注意到，为了制作第一个演示，您创建了该类的实例。
sklearn基础教程：掌握机器学习入门的钥匙
AIGC绘图领域探索者，热衷于将创意与技术融合，致力于分享前沿AI绘图技巧与心得，让我们一起开启视觉艺术的新篇章。
07-13 874
是基于Python的一个开源机器学习库，它建立在NumPy、SciPy和matplotlib之上，提供了大量的算法和工具，用于数据挖掘和数据分析。无论是简单的线性回归，还是复杂的神经网络，sklearn都能提供直观易用的接口。作为Python中最为流行的机器学习库之一，以其简洁的API、丰富的算法和强大的功能赢得了广大用户的青睐。通过本文的介绍，相信你已经对sklearn有了初步的了解，并能够开始进行一些基础的机器学习任务。
怎么在Django中导入静态资源文件
06-11
在 Django 中导入静态资源文件，可以按照以下步骤进行操作： 1. 在 Django 项目的根目录下创建一个名为 `static` 的文件夹，用于存放静态文件，例如 CSS、JavaScript、图片等。 2. 在 `settings.py` 文件中，将 `STATIC_URL` 设置为静态文件的 URL 前缀，例如： ```python # settings.py STATIC_URL = '/static/' ``` 3. 在需要使用静态文件的模板或视图中，使用 `{% load static %}` 加载静态文件标签库，并使用 `static` 模板标签生成静态文件的 URL。 例如，在模板中加载 CSS 文件： ```html <!-- templates/base.html --> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>{% block title %}My Website{% endblock %}</title> <link rel="stylesheet" href="{% static 'css/style.css' %}"> </head> <body> {% block content %} {% endblock %} </body> </html> ``` 在视图中加载图片文件： ```python # views.py from django.shortcuts import render def my_view(request): context = {'img_url': '/static/images/my-image.jpg'} return render(request, 'my_template.html', context) ``` 在模板中使用 `img` 标签加载图片： ```html <!-- templates/my_template.html --> {% extends 'base.html' %} {% block content %} <h1>My Page</h1> <img src="{{ img_url }}" alt="My Image"> {% endblock %} ``` 以上是在 Django 中导入静态资源文件的基本步骤。需要注意的是，Django 会在应用程序目录下查找静态文件，例如 `myapp/static/`，如果找不到，会在根目录下的 `static` 文件夹中查找。另外，在生产环境中，建议使用专业的 Web 服务器来处理静态文件，例如 Nginx 或 Apache。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值