django怎么加载js(2023年最新分享)

导读:本篇文章首席CTO笔记来给大家介绍有关django怎么加载js的相关内容,希望对大家有所帮助,一起来看看吧。

Django中html引用js文件报错。

方法就是把你所需求的js和css放入一个文件夹common下!

link type=\"text/css\" rel=\"stylesheet\" href=\"common/test.css\"/link

script type=\"text/javascript\" src=\"common/test.js\"/script

这样两者引入以后就可以使用了 当然文件夹的路径应该要设置好,

我的例子是common文件和你要引用的文件在同一目录下的!

那你可以把

link type=\"text/css\" rel=\"stylesheet\" href=\"common/test.css\"/link

script type=\"text/javascript\" src=\"common/test.js\"/script

引用的文件都放入一个文件include.php当中,然后在需要的里面加上

include (\"include.php\"); 就可以在里面使用。如果需要更改的话,只要改include.php里面的就行了!希望是你要的!

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 1.6.6 如何引入CSS.JS,试了很多方法都报错了。编码错误等

去找官方文档。明白不,django官方文档已经十分详细了。

学django,以官方文档为主,你想知道,绝大部分都能找到。

django怎么加载js(2023年最新分享)  第1张

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

Django1.8中应该怎么配置js静态资源

1、先在你的app文件中新建一个文件夹static,再分别建立三个子文件夹js,style,images。

2、在settings.py中,加入:

STATIC_URL = \'/static/\'

STATICFILES_DIRS = (

os.path.join(BASE_DIR, \"static\"),

)

3、在html页面头部加入:

{% load staticfiles %}

html

head

title麦子学院/title

/head

body

4、

在html模版页面,可以用如下两种方式调用:

img src=\"{% static \'images/logo.gif\' %}\" alt=\"\"/

img src=\"/static/images/acer.gif\" alt=\"\"/

推荐使用第二种,因为如果图片名称是动态的,可以通过views这么绑定:

img src=\"/static/images/{{name}}.gif\" alt=\"\"/

css的引用同样如此:

link rel=\"stylesheet\" href=\"{% static ‘style/base.css’ %}\" type=\"text/css\"

link rel=\"stylesheet\" href=\"/static/style/base.css\" type=\"text/css\"

js的引用同样如此:

script type=\"text/javascript\" src=\"{% static ‘js/jquery-1.8.3.min.js\' %}\"/

script type=\"text/javascript\" src=\"/static/js/jquery-1.8.3.min.js\"/

python——Django项目开发:配置项目/static/路径,调用css、img、js等静态文件

在Django项目开发中,不能像正常web开发一样通过 \'imgs/bg.jpg\' 访问本地静态文件,需要做一些配置,才能实现静态文件的访问。

一、首先在项目根路径下新建一个static文件夹,然后在static文件夹下可以新建相应的css、imgs、js等文件夹,用于存放css、img、js等静态文件。

二、项目配置

1、打开settings.py,在底部添加:

2、打开urls.py,在 urlpatterns 中添加:(注意,如果你在blog目录下也建立了urls.py,那么就得在blog/urls.py中做修改。别忘了import settings):

(不过我经过实测,不加这一个,也可以完成静态文件的访问)

3、在html模板最上面添加:

然后在需要的地方按照这个格式进行调用,如:

最后重新运行项目,img等本地静态文件就可以被django找到了,这时模板对应的页面就可以显示使用img等文件了。

结语:以上就是首席CTO笔记为大家整理的关于django怎么加载js的相关内容解答汇总了,希望对您有所帮助!如果解决了您的问题欢迎分享给更多关注此问题的朋友喔~

以上内容为新媒号(sinv.com.cn)为大家提供!新媒号,坚持更新大家所需的互联网后端知识。希望您喜欢!

版权申明:新媒号所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流,不声明或保证其内容的正确性,如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 k2#88.com(替换@) 举报,一经查实,本站将立刻删除。

(0)
上一篇 2023-09-24
下一篇 2023-09-24

相关推荐

发表回复

登录后才能评论