搞了一个星期，终于完成了利用Django框架搭建一个简单的html界面，那么接下来的问题是，如何在在Django框架的项目中引用css、js、image等静态文件呢，往下看。
image.png
STATIC_URL
这个字段的值可以为空，也可以为一个string类型的url.主要作用就是当我们想要引用在STATIC_ROOT中静态文件时可以使用该url值，不过该字段值不为空的话，必须在最后加上一个斜杠，不然会报错。
STATICFILES_DIRS
静态文件目录，类似于template的目录设置，注意BASE_DIR就是项目根目录，static是我们在根目录下创建的一个文件夹，用来存放工程的静态文件。
2、在html头部添加一句话{% load static %}，然后引用，代码如下：
<!DOCTYPE html>
{% load static %}
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>首页</title>
<link rel="stylesheet" href="{% static 'myWeb/css/index.css' %}" />
</head>
<body>
<img class="headImg" src="{% static 'myWeb/images/one.jpg' %}" alt="picture of django">
</body>
</html>
如此便完成了静态文件的引用，js文件类似的方法。
感觉对你有帮助，记得点赞哦！！！
网友评论