浅谈Django如何加载JS和CSS

浅谈Django如何加载JS和CSS

1.在settings.py 设置如下

STATIC_URL = '/static/'

# 加载css必须设置
STATICFILES_DIRS = (
    os.path.join(BASE_DIR, 'static/'),
)

在项目根目录下新建static文件夹，把JS和CSS文件放入static文件夹中。

2.在HTML文件中引入静态文件

{% load staticfiles %}

在HTML文件中引入JS和CSS

<script src="{% static 'macarons.js' %}"></script>
<link rel="stylesheet" type="text/css" href="{% static 'css/styles.css' %}">

---

English Version

Introduction of JS and CSS Files into Django.

Step 1: Writting the following codes in the settings.py, which is located in /projectname/projectname/

STATIC_URL = '/static/'

# if loading the CSS files, this block is necessary.
STATICFILES_DIRS = (
    os.path.join(BASE_DIR, 'static/'),
)

Create a new folder named “static”, under the project root directory and put JS and CSS files into the static folder.

Step 2: importing the staticfiles to HTML files.

{% load staticfiles %}
<script src="{% static 'macarons.js' %}"></script>
<link rel="stylesheet" type="text/css" href="{% static 'css/styles.css' %}">

赏

谢谢你请我喝奶茶

支付宝

微信