### Django全局的Static和Templates使用详解
#### 一、引言
在Django项目中，全局的`static`和`templates`目录对于管理和组织前端资源（如CSS、JavaScript文件和图片等静态文件）以及HTML模板至关重要。这不仅有助于提高代码的可维护性和可读性，还能简化项目的整体结构。本文将详细介绍如何在Django项目中设置和使用全局的`static`和`templates`目录，并通过示例代码来帮助理解。
#### 二、全局静态文件(static)的使用
##### 1. 修改settings.py文件中的静态文件路径配置
要在Django项目中使用全局静态文件，首先需要在项目的`settings.py`文件中正确配置静态文件的路径。具体步骤如下：
- **添加静态文件基础路径**：在`settings.py`文件中添加或修改`STATIC_URL`和`STATICFILES_DIRS`配置项。
```python
STATIC_URL = '/static/' # 静态文件访问URL
STATICFILES_DIRS = [
os.path.join(BASE_DIR, 'static'), # 全局静态文件目录
]
```
- **确保已安装静态文件收集命令**：Django提供了一个名为`collectstatic`的管理命令，用于收集所有应用中的静态文件到一个统一的位置。确保已安装此命令，并且知道如何使用它。
- **在HTML中引用静态文件**：在HTML模板中，可以使用Django的模板语言中的`{% static %}`标签来引用静态文件。
```html
<link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}">
<script src="{% static 'js/app.js' %}"></script>
```
##### 2. 实战示例
假设项目结构如下所示：
```
myproject/
myapp/
static/
css/
style.css
js/
app.js
images/
pk_1.jpg
templates/
main.html
views.py
settings.py
```
- 在`settings.py`中配置静态文件路径：
```python
STATIC_URL = '/static/'
STATICFILES_DIRS = [
os.path.join(BASE_DIR, 'myapp/static'),
]
```
- 在`main.html`模板中引用静态文件：
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Main</title>
<link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}">
</head>
<body>
<img src="{% static 'images/pk_1.jpg' %}" height="500" width="500">
<script src="{% static 'js/app.js' %}"></script>
</body>
</html>
```
#### 三、全局模板(templates)的使用
##### 1. 修改settings.py文件中的模板路径配置
要在Django项目中使用全局模板，同样需要在`settings.py`文件中配置模板引擎的相关路径。具体步骤如下：
- **添加模板基础路径**：在`settings.py`文件中添加或修改`TEMPLATES`配置项中的`DIRS`选项。
```python
TEMPLATES = [
{
...
'DIRS': [os.path.join(BASE_DIR, 'myapp/templates')],
...
},
]
```
- **创建全局模板目录**：根据上述配置，在指定位置创建全局模板目录。
##### 2. 实战示例
继续使用上面的项目结构，假设需要创建一个全局模板`main.html`，并在其中嵌套其他模板。
- 在`settings.py`中配置模板路径：
```python
TEMPLATES = [
{
...
'DIRS': [os.path.join(BASE_DIR, 'myapp/templates')],
...
},
]
```
- 创建全局模板`main.html`：
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Main</title>
</head>
<body>
{% block content %}
{% endblock %}
</body>
</html>
```
- 在某个视图函数中渲染模板并传递上下文数据：
```python
from django.shortcuts import render
def index(request):
context = {'message': 'Hello, world!'}
return render(request, 'main.html', context)
```
- 在具体的应用模板中使用全局模板：
```html
{% extends 'main.html' %}
{% block content %}
<h1>{{ message }}</h1>
{% endblock %}
```
#### 四、成果展示
通过上述步骤，我们可以成功地在Django项目中使用全局的`static`和`templates`目录。具体表现为静态文件和模板能够被正确加载和显示，从而提高了项目的可维护性和灵活性。
#### 五、总结
本文详细介绍了如何在Django项目中设置和使用全局的`static`和`templates`目录。通过这些配置，不仅可以更好地组织和管理项目的前端资源，还能提高项目的可扩展性和可维护性。在实际开发过程中，可以根据项目的具体需求灵活调整相关配置。
#### 六、参考资料
- 官方文档：[Django Static Files](https://docs.djangoproject.com/en/2.1/howto/static-files/)
- 官方文档：[Django Templates](https://docs.djangoproject.com/en/2.1/topics/templates/)
