Django的html怎么导入css等(2023年最新解答)
发布网友
发布时间：2024-10-06 09:18
共1个回答
热心网友
时间：2024-10-10 11:25
导读：很多朋友问到关于Django的html怎么导入css等的相关问题，本文首席CTO笔记就来为大家做个详细解答，供大家参考，希望对大家有所帮助！一起来看看吧！
如何在Python web django中显示css样式呢？在 template 的html文件的头部 做 css样式的引入，或者在新建页面（html）的时候（你可能引用template 或者不使用），在新建页面的 头部 引入css样式。
简单来说，就和你普通html 网页引入css样式一样的方式
django1.9中怎么引入js和css文件参考如下
假如项目的目录tree为：
mysite：
manage.py
mysite:
__init__.py settings.py urls.pywsgi.py
blog(建立的应用程序)：
models.py views.py test.py __init__.pytemplates
开始配置：
1、在外部的mysite目录下（也就是项目的根目录）建立static目录
2、打开settings.py，添加：
import os
STATIC_URL = '/static/'
STATICFILES_DIRS = (
os.path.join(os.path.dirname(__file__), '../static/').replace('\\','/'),
(
3、打开urls.py,添加(注意：假如在blog应用中新建了一个urls.py文件，那么应该添加到blog目录下的urls.py文件，我曾经在这个坑里纠结了很久)：
import settings
urlpatterns = patterns(
url( r'^static/(?Ppath.*)$', 'django.views.static.serve',
{ 'document_root':settings.STATIC_ROOT }),
)
使用：
假设要在模板(存放在templates文件中的)里面导入外部/home/fudaoji/mysite/static/js/jequery.js文件，那么可以直接
script type="text/javascript"src='../../static/js/jquery.js'/javascript
如何在django的逯惺褂胋lock引入CSS应该是django模板引入css吧：
link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}main/css/easyui/icon.css"
按照html的引入方式就可以了。
django怎么使用js和css态的资源通常放入static文件夹中：static/css/djquery.csssamples/hello.cssjs/jquery-1.7.1.min.jssamples/hello.js其中css和js都按照应用名称（这里是samples）划分文件夹，如果文件较多，还可以再划分子文件夹。Django通常使用模板来展现html，而且我们通常使用继承的模板，所以需要将共用的元素，比如全局的css，对jquery.js的引入等，写到base模板中，而将具体页面的元素放到具体的模板中。这就牵涉到如何嵌套的问题。看下面的例子：
django中怎么载入css等静态文件
在app文件夹下建立static文件夹，用来放置静态文件资源
模板中这么写
{% load static %}
!DOCTYPE html
html
head
meta charset="utf-8"
title/title
script src="{% static 'js/jquery-3.1.1.min.js' %}"/script
最后在关闭debug开关时，在settings文件中配置static_url等
STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'static/')
在工程中建立static文件夹，执行收集static命令就行
manage.py collectstatic
结语：以上就是首席CTO笔记为大家整理的关于Django的html怎么导入css等的相关内容解答汇总了，希望对您有所帮助！如果解决了您的问题欢迎分享给更多关注此问题的朋友喔～
