django怎么使用js和css

JavaScript016

django怎么使用js和css,第1张

态的资源通常放入static文件夹中：static/css/djquery.csssamples/hello.cssjs/jquery-1.7.1.min.jssamples/hello.js其中css和js都按照应用名称（这里是samples）划分文件夹，如果文件较多，还可以再划分子文件夹。Django通常使用模板来展现html，而且我们通常使用继承的模板，所以需要将共用的元素，比如全局的css，对jquery.js的引入等，写到base模板中，而将具体页面的元素放到具体的模板中。这就牵涉到如何嵌套的问题。看下面的例子：

1. 选择正确的echarts.js，开发版选择echarts.baidu.com上的源码版，避免出现问题

2. 在项目主目录中新建static文件夹，里面建立js、css、images文件夹

3. 在settings文件中新增如下代码配置：

复制代码

STATIC_URL = '/static/'

STATIC_ROOT = os.path.join(BASE_DIR, 'static')

STATICFILES_DIRS = (

('css', os.path.join(STATIC_ROOT, 'css').replace('\\', '/')),

('js', os.path.join(STATIC_ROOT, 'js').replace('\\', '/')),

('images', os.path.join(STATIC_ROOT, 'images').replace('\\', '/')),

)

复制代码

4. 在html页面引入本地js文件static/js/echarts.js

<script type="text/javascript" src="/static/js/echarts.js"></script>

5. 启动python Django服务器

python3 manage.py runserver

6. 刷新页面，OK

成功将网络echarts.js文件改成引用本地echarts.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里面的就行了！希望是你要的！