django配置本地css，js，img等静态文件方法

于 2021-10-10 18:18:09 发布
阅读量338 收藏
点赞数
文章标签： django css html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bilibilidicks/article/details/120689735
版权
"本文详细介绍了在Django项目中设置静态文件目录的步骤，包括在manage.py同级目录创建static文件夹，将该路径添加到settings.py的STATICFILES_DIRS列表中，并在模板中使用{% loadstatic %}
摘要由CSDN通过智能技术生成

首先在manage.py同级目录下创建static文件夹，里面创建你想要存放的文件夹名字，例如img、css等

然后在项目的setting文件中的static下加入

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

之后在想要显示图片cssjs的网页模板的！doctype标签与html标签之间加上

{% load static %}

之后在显示静态文件的标签的src改为

<img src='{% static "imgs/test1.jpg" %}'/>

imgs是static文件夹下的名字，只需要改动双引号内部的内容即可

bilibilidicks
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
django添加css文件,Django使用本地css/js文件
weixin_42414213的博客
08-03 1246
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中配置css、js
Mason's Blog
07-28 6351
要在django的tempalte file中引用css、js、gif等静态文件，首先一条setting.py中DEBUG开关打开。 1、在project目录下建立一个存放静态文件的目录，如：medias 2、在url.py patterns中增加一行：    (r'^site_media/(?P.*)$','django.views.static.serve',{'document_roo
Django配置css\js等静态文件(本地与宝塔)
songzillll的博客
07-20 755
为什么要配置静态文件 为了HTML在使用css、js或者图片等静态文件时找到相关的位置 HTML可以通过模板语法直接调用相关的文件 如何配置静态资源 在项目根目录中新建一个static文件夹 在settings.py中添加static路径，其中BASE_DIR代表的是你项目的路径 STATIC_URL = '/static/' STATIC_ROOT = os.path.join(BASE_DIR,"static") 如果是宝塔，需要再多一个步骤，在你的uwsgi.ini文件中添加static路
Django中如何配置CSS文件
qq_23366365的博客
02-21 1万+
Django中如何配置css文件 我的编辑器是pycharm，Django版本是2.1.0 1、在项目中manage.py同级目录下新建static文件夹，在static文件夹下新建css文件夹，在css文件夹下新建我们的css文件mysheet.css。我的文件目录如下图所示： mysheet.css具体内容如下图所示： 2、在与项目同名的包MyTest下的settings.py中配置静态文...
Django引入css,js,images
南栀子。的博客
02-06 397
方法一 settings最后添加 STATICFILES_DIRS = [ os.path.join(BASE_DIR, 'static/images'), os.path.join(BASE_DIR, 'static/css'), os.path.join(BASE_DIR, 'static/js'), ] # global_settings index.html 软编码 {% load static %} <!DOCTYPE html> <html lang
django中静态文件配置static的方法
09-20
静态文件通常包括CSS样式表、JavaScript脚本、图像和其他非动态内容，它们对于构建一个功能完备且美观的网页至关重要。本文将详细介绍如何在Django中配置静态文件，以确保这些资源能够正确地被浏览器加载。 首先，...
详解Django模版中加载静态文件配置方法
09-19
静态文件通常包括CSS样式表、JavaScript脚本、图片等资源，它们不涉及数据库交互，由浏览器直接加载。Django提供了灵活的方式来处理这些文件，使得在开发和生产环境中都能正确地加载。以下是关于Django模板中加载...
django配置app中的静态文件步骤
09-17
1. **静态文件**：在Web开发中，静态文件指的是不通过服务器动态生成的文件，如CSS样式表、JavaScript文件、图片等。这些文件直接由浏览器请求并显示在页面上。 2. **Django中的静态文件管理**：Django提供了内置的...
解决django无法访问本地static文件(js,css,img)网页里js,cs都加载不了
09-17
在开发基于Django框架的Web应用过程中，经常会遇到静态文件(js, css, img等)无法正确加载的情况，尤其是在本地开发环境中。本文将详细介绍如何解决Django无法访问本地static文件的问题，并提供一些实用的解决方案。 ...
django添加css文件,Django添加JS，CSS，图片等外部文件的方法
weixin_29865939的博客
08-03 895
Django添加JS，CSS，图片等外部文件的方法在使用Django搭建网站时，往往需要使用一些js，css或者图片等外部文件，这里给出使用它们的用法。 我的django版本为：1Django添加JS，CSS，图片等外部文件的方法By 白熊花田() 转载需注明出处，，谢谢。在使用Django搭建网站时，往往需要使用一些js，css或者图片等外部文件，这里给出使用它们的用法。我的django版本为：...
如何通过Django使用本地css/js文件
12-23
这篇文章主要介绍了如何通过Django使用本地css/js文件,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 在网上看了很多说Django如何使用本地css/js的文章, 很多都是说的不是很清楚。 今天终于自己来验证一个能用的了, 记录下 在manager.py同层级下创建static文件夹, 里面放上css , js, image等文件或者文件夹 我的文件夹tree: ➜ FileService git:(master) ✗ tree . ├── 2kill_port.sh ├── FileService │ ├── __init__.
Django<加载static目录下的CSS-JS>
Gpwner的博客
07-25 1475
博主之前没有接触过Django,最近有一个项目需求要做一个可视化的展示，但是一直无法加载static文件下的JS和CSS，经过一番折腾，最后终于搞定了。下面是完整的过程：1.我的项目结构：2.在与settings.py文件的统计目录下，新建static文件夹，然后在新建两个子目录（static_dirs、static_root）,然后在settings.py文件中添加以下代码：STATIC_URL
Python3的Django中如何配置CSS文件给Html文件访问
qq_38680405的博客
07-13 476
1、在项目中manage.py同级目录下新建static文件夹，在static文件夹下新建css文件夹，在css文件夹下新建一个css文件mysheet.css。我的文件目录如下图所示： xxxx.css具体内容如下图所示： 2、在与项目同名的包的settings.py中配置静态文件路径，在settings.py的最后面，STATIC_URL = '/static/'这一行后面添加： STATICFILES_DIRS = [ (os.path.join(BASE_DIR, '...
路径manager html,django整理（四）配置setting文件（CSS,JS，images,templates)路径
weixin_35662085的博客
06-15 134
关于django配置静态文件的问题，官方文档讲的不太清楚,整理如下：在manager.py同层级下创建static文件夹添加到INSTALED_APPS配置templates路径配置STATICFILES_DIRSHTML中调用1.在manager.py同层级下创建static文件夹, 里面放上css , js, image等文件或者文件夹2.将app添加到INSTALED_APPS3.配置tem...
小猿圈python之Django怎么使用本地css/js文件
qq_42210792的博客
06-27 598
刚接触Django框架时，往往好多小伙伴想做出很炫的页面，梦想总是好的，但是一下手，感觉css特效都不知道怎么插进去，js也不会，这可咋整，别担心，其实很简单，小猿圈今天带大家学习一下Django下使用本地css和js。 在manager.py同层级下创建static文件夹, 里面放上css , js, images等文件或者文件夹 我的文件夹层级 然后只需在settings.py中进行设置...
django整理（四）配置setting文件（CSS,JS，images,templates)路径
IT届的小学生
11-16 4052
关于django配置静态文件的问题，官方文档讲的不太清楚,整理如下： 在manager.py同层级下创建static文件夹 添加到INSTALED_APPS 配置templates路径 配置STATICFILES_DIRS HTML中调用 1.在manager.py同层级下创建static文件夹, 里面放上css , js, image等文件或者文件夹 2.将app添加到INSTALED_AP
Django项目配置/static/路径，调用css、img、js等静态文件
热门推荐
林海
05-15 1万+
1. 创建目录 static 和 templates 首先你需要在自己的app下面创建2个目录 static 和 templates，static下存放静态文件，templates下存放网页模板文件 2. settings.py设置STATICFILES_DIRS 打开settings.py,在底部添加： STATIC_URL = '/static/' STATICFILES_DIRS...
django static 静态文件（css,js,image）处理机制
沉浮
11-16 1671
首先Django在开发版本中并不支持
Django使用本地css，js，iamge资源（或网上下载的）
Weeds的博客
07-10 220
1-创建static 在manager.py同层级下创建static文件夹, 分别创建上css , js, image等文件夹 如下图： 2-指令路径 在settings.py中进行设置就行, 在末尾添加以下代码 STATIC_URL = '/static/' STATICFILES_DIRS=[ os.path.join(BASE_DIR,'static') 3-html文件中引用 <!--引入本地css & js--> <link
怎么在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、付费专栏及课程。

余额充值