本文介绍: 因为在django中一般用来存放模板目录template目录(注意:这个需要settings.py设置),但是template目录外部不能直接访问的,所以我们必须要把css文件js文件放在外部可以直接访问目录中,最好的办法就是自己指定一个目录,一般我们是放在static目录中,详细的方法如下参考如下的代码,把需要引用css文件链接修改为从“/static/css/”下面的文件。见上面的图,然后需要用到的的css文件全部复制css目录中,需要用到js文件全部复制js目录中。

django中的模板功能非常强大,但是在django模板引入cssjs要怎么处理呢,这个还是真的和普通的网页不太一样。因为在django中一般用来存放的模板的目录为template目录(注意:这个需要在settings.py设置),但是template目录是外部不能直接访问的,所以我们必须要把css文件和js文件放在外部可以直接访问的目录中,最好的办法就是自己指定一个目录,一般我们是放在static目录中,详细的方法如下。

一步项目根目录下面新建一个目录,命名为“static”,注意和manage.py同级可以了。如图

第二步,找到settings.py文件,在最底下添加代码

STATIC_URL = '/static/'
STATICFILES_DIRS = (    os.path.join(BASE_DIR, 'static'),)

第三步,在static目录中,新建两个文件夹分别命名为“css”和“js

见上面的图,然后把需要用到的的css文件全部复制css目录中,需要用到的js文件全部复制js目录中。

第四步,在template引入参考如下的代码,把需要引用css文件的链接修改为从“/static/css/”下面的文件。

<link rel="stylesheet" type="text/css" href="/static/css/basic.css">
<link rel="stylesheet" type="text/css" href="/static/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="/static/css/main.css">

把需要引入js代码链接修改为“/static/js/”下面的文件。

<script type="text/javascript" src="/static/js/main.js"&gt;</script&gt;
<script type="text/javascript" src="/static/js/jquery01.js"&gt;</script&gt;

如此一来,就可以完美的使用css和js啦。

原文地址:https://blog.csdn.net/s586/article/details/128685985

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_34022.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注