Django使用CSS静态文件

最新推荐文章于 2024-03-29 14:38:19 发布
最新推荐文章于 2024-03-29 14:38:19 发布
阅读量875 收藏
点赞数
分类专栏： Python 文章标签： python django css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lsj308/article/details/39271459
版权

参考https://docs.djangoproject.com/en/1.6/howto/static-files/

1. 首先修改settings.py中的STATICFILES_DIRS项，添加：

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

2. 创建静态文件夹static，并放入CSS静态文件style.css；

3. 在Django模版中使用：

{% load staticfiles %}
<link rel="stylesheet" type="text/css" href="{% static "style.css" %}">

以上步骤适用于DEBUG=True状态，且Django网站是通过python startproject ***创建的情况。其他可参考上述链接的Django帮助页面。

JTCC
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Django中的静态文件管理过程解析
01-01
static files指一些用到的像css,javascript,images之类的文件。 在开发阶段： 1.在settings设置INSTALLED_APPS中添加’django.contrib.staticfiles’。 2.将STATIC_URL设置为’/static/’。 3.将某个app要用的静态...
Django压缩静态文件的实现方法详析
01-20
开发环境：使用django内置服务器处理静态文件 生产环境：使用apache2/nginx服务器处理静态文件映射 所以在配置时要分清楚开发环境还是生产环境，这个后面会详细介绍。 下面先介绍一下服务器查找静态文件的原理，...
Django学习(三)-------Django模板调用css、js、images文件
qq_43556844的博客
01-30 600
Django学习 结合css、js、images文件 1、创建新文件夹static，用来存储css、js、images文件 2、在settings.py文件中，注册APP 3、在settings.py文件最后，加入以下代码 STATIC_URL = ‘/static/’ STATICFILES_DIRS = [os.path.join(BASE_DIR, “static”)] 4、html中调用js、css文件 注意需要加入 {% load static %} 调用css <link rel=
Django引用CSS示例
iorijjw的专栏
01-01 563
我的目录结构是这样的： └─mysite │ settings.py │ urls.py │ wsgi.py │ __init__.py │ ├─mytemplate │ index.html │ └─static ├─css │ bootst
【Django学习笔记（二）】CSS语言介绍
最新发布
禾戊之昂的博客
03-29 1021
通过本篇文章，可以快速了解 CSS 、CSS的应用方式、选择器、样式等，并通过小米商城的案例进行展示，对于学习 Django 框架的后端开发者，可以快速了解前端相关的知识。
Django调用css、img、js等静态文件
热门推荐
我有我生活
04-12 1万+
开始准备用django做个小项目练手，记录开发中遇到的各种问题。 1. 在settings.py中配置如下： import os STATIC_ROOT = '' STATIC_URL = '/static/' STATICFILES_DIRS = ( os.path.join(os.path.dirname(__file__), '../static/').replace('\\',
django_css js调用，查了太多资料，记录下来备忘
进来看一眼嘛
05-26 112
1、utf-8格式输出给前端，特别注意这个点： class IndexView(APIView): def get(request, *args, **kwargs): return HttpResponse(content=open(XMLFILES_FOLDER + 'index111.html', encoding='utf-8').read()) retun下，open之后，一定要家encoding=‘utf-8’； 2、django下css的调用： 2.1：在项目文件下，
django模板加载静态文件的方法步骤
01-21
在 DTL 中，使用 static 标签来加载静态文件。要使用 static 标签，首先需要 {% load static %} 。加载静态文件的步骤如下： 首先确保 django.contrib.staticfiles 已经添加到 settings.INSTALLED_APPS 中。 确保在 ...
django静态文件加载的方法
12-23
在模板中往往要加载静态文件，如CSS， JavaScript，图片等。那么这些文件在django中如何才能正确加载呢？ 首先要在settings文件中进行设置，关于静态文件的设置选项主要由以下几项： 1. STATIC_URL = '/static/' ...
django中静态文件配置static的方法
09-20
我们可以使用Template 设置我们的网页，同时，一个完美的网页需要css，js，image 等静态文件的支持,这篇文章主要介绍了django中静态文件配置static的方法,感兴趣的小伙伴们可以参考一下
Django：static静态文件（css等）的处理
许进进的博客
01-20 5477
1 更目录下建立static包，把css文件拉进去 2 settings文件里添加： STATIC_ROOT = os.path.join(BASE_DIR, "static/") # STATICFILES_DIRS = ( os.path.join(BASE_DIR, 'static'), ) 然后在界面页快捷键option+r，打开manage.py shell，执行命令： ...
Django 引用css及js
W1948730080的博客
07-23 1544
在网上看了很多说Django如何使用本地css/js的文章, 但都不能用 今天终于找到一个可以用的, 记录下 在manager.py同层级下创建static文件夹, 里面放上css , js, image等文件或者文件夹 我的文件夹层级 然后很简单，只需在settings.py中进行设置就行, 在末尾添加以下代码   STATIC_URL = '/static/' HERE = ...
【Django】关于调用 css, js 的几个注意要点
qq_34438969的博客
03-12 202
1、运行以下两行命令，进行创建项目和应用 python django-admin.py startproject imageclassify-test # 创建项目 imageclassify-test python manage.py startapp imageupload # 在项目 imageclassify-test 中创建应用 imageupload 2、将创建的...
django使用css静态文件 配置
flasee
11-29 125
先不说，如图，灰常直观： 左面是我的项目的目录，右面是3个主要的文件1. 在 settings里面，配置MEDIA_ROOT，内容填写你的css目录具体的绝对路径。2. 在settings里面，配置MEDIA_URL， 内容可以随便起一个名子，我使用htm。3. 在主urls里 ，填写(r'^htm/(?P&lt;path&gt;.*)$', 'django.views.static.serve'...
Python3的Django中如何配置CSS文件给Html文件访问
qq_38680405的博客
07-13 466
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, '...
DJango配置css等静态文件
一个tester的自白
02-08 611
问题：最近在DJango项目目录下打开HTML文件，css等静态文件始终无法加载成功。出现两种报错情况：①css等静态资源，404②css等静态资源，200，但报错：Resource interpreted as Stylesheet but transferred with MIME type text/html原因：是因为DJango项目settings设置的路径，会直接从当前目录去寻找sta...
django使用static的配置-django官网说明
u010751834的专栏
07-03 562
详细说明：https://docs.djangoproject.com/en/1.7/howto/static-files/ Configuring static files Make sure that django.contrib.staticfiles is included in your INSTALLED_APPS. In your settings fi
django模板中引入CSS和JS
s586的专栏
01-14 2872
因为在django中一般用来存放的模板的目录为template目录(注意：这个需要在settings.py中设置)，但是template目录是外部不能直接访问的，所以我们必须要把css文件和js文件放在外部可以直接访问的目录中，最好的办法就是自己指定一个目录，一般我们是放在static目录中，详细的方法如下。参考如下的代码，把需要引用css文件的链接修改为从“/static/css/”下面的文件。见上面的图，然后把需要用到的的css文件全部复制到css目录中，需要用到的js文件全部复制到js目录中。
Django使用本地css/js文件
weixin_34187822的博客
08-19 333
在网上看了很多说Django如何使用本地css/js的文章, 但都不能用 今天终于找到一个可以用的, 记录下 在manager.py同层级下创建static文件夹, 里面放上css , js, image等文件或者文件夹 我的文件夹层级 然后很简单，只需在settings.py中进行设置就行, 在末尾添加以下代码 STATIC_URL = '/static/' HERE = o...
django如何访问静态文件
07-27
在Django中访问静态文件有几种方法。一种方法是在settings.py中设置STATIC_URL和STATIC_ROOT。STATIC_URL是静态文件的URL前缀，STATIC_ROOT是静态文件的根目录。你可以将静态文件放在STATIC_ROOT目录下，并通过STATIC_URL访问。例如，如果你的STATIC_URL设置为'/static/'，那么你可以通过'/static/css/style.css'来访问css文件。另一种方法是使用django.views.static.serve视图函数来提供静态文件的访问。你可以在urls.py中添加类似下面的代码来配置静态文件的访问路径： ``` from django.conf import settings from django.conf.urls.static import static urlpatterns = \[ # other url patterns \] + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT) ``` 这样，你就可以通过URL来访问静态文件了。例如，如果你的STATIC_URL设置为'/static/'，那么你可以通过'/static/css/style.css'来访问css文件。另外，你还可以使用django.views.static.serve视图函数来提供静态文件的访问。你可以在urls.py中添加类似下面的代码来配置静态文件的访问路径： ``` from django.conf.urls import url from django.views.static import serve urlpatterns = \[ # other url patterns url(r'^static/(?P<path>.*)$', serve, {'document_root': '/path/to/static/files'}), \] ``` 这样，你就可以通过URL来访问静态文件了。例如，如果你的静态文件存放在'/path/to/static/files'目录下，那么你可以通过'/static/css/style.css'来访问css文件。 #### 引用[.reference_title] - *1* *2* [Django关于访问静态文件总结](https://blog.csdn.net/WaitForFree/article/details/39815507)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [8-Django静态文件访问](https://blog.csdn.net/LOVEYSUXIN/article/details/122324842)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值