django模板中引入CSS和JS

django中的模板功能非常强大，但是在django的模板中引入css和js要怎么处理呢，这个还是真的和普通的网页不太一样。因为在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"></script>
<script type="text/javascript" src="/static/js/jquery01.js"></script>

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