首页>>后端>>Python->Django的html怎么导入css等(2023年最新解答)

Django的html怎么导入css等(2023年最新解答)

时间:2023-12-07 本站 点击:0

导读:很多朋友问到关于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.py wsgi.py

blog(建立的应用程序):

models.py views.py test.py __init__.py templates

开始配置:

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等的相关内容解答汇总了,希望对您有所帮助!如果解决了您的问题欢迎分享给更多关注此问题的朋友喔~


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:/Python/18488.html