如何通过Django使用本地css/js文件

使用Django开发web应用时，需要将网页的HTML、CSS和JavaScript等文件组合在一起生成静态网页。本地样式和脚本文件是网页元素的重要组成部分，下面是如何通过Django使用本地CSS/JS的完整攻略。

1. 创建Django项目

首先，创建一个新的Django项目。在命令行中进入自己选择的项目目录，然后执行下面的命令：

django-admin startproject myproject

2. 在项目中创建静态文件夹

接下来，需要在项目中创建一个静态文件夹，用于存储CSS和JS文件。在项目的根目录下，执行以下命令创建文件夹：

mkdir myproject/static

3. 修改Django的设置

在项目中的settings.py文件中，需要修改STATIC_URL和STATICFILES_DIRS两个设置。将STATIC_URL修改为/static/，用于指定静态文件URL的前缀。将STATICFILES_DIRS修改为本地静态文件所在的目录，如下所示：

STATIC_URL = '/static/'

STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'static')
]

4. 创建静态文件

在static文件夹中，分别创建css和js文件夹，并在其中添加需要使用的CSS和JS文件。例如，可以在static/css文件夹中添加一个样式文件style.css，在static/js文件夹中添加一个脚本文件script.js。

5. 在HTML中引用静态文件

最后，在网页的HTML文件中，通过{% load static %}标签加载静态文件，并使用{% static 'file_path' %}标签引用静态文件。例如，在HTML文件中添加下面的代码：

{% load static %}

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

其中，{% load static %}标签用于加载静态文件模板标签，{% static 'file_path' %}标签用于引用静态文件路径。

示例1：修改样式文件

假设需要修改style.css文件中的样式，可以在文件中添加如下代码：

body {
    background-color: #f2f2f2;
}

然后，在运行Django应用时打开相应的网页，可以看到页面的背景颜色已经改变了。

示例2：添加脚本文件

假设需要添加一个JavaScript脚本，用于显示当前的日期和时间。可以在script.js文件中添加如下代码：

window.onload = function() {
    var today = new Date();
    var date = today.getDate() + '/' + (today.getMonth() + 1) + '/' + today.getFullYear();
    var time = today.getHours() + ':' + today.getMinutes() + ':' + today.getSeconds();
    document.getElementById('datetime').innerHTML = date + ' ' + time;
}

在网页中添加一个<span>元素，用于显示当前的日期和时间：

<span id="datetime"></span>

然后，在运行Django应用时打开相应的网页，会自动加载脚本文件并显示当前的日期和时间。

通过上述步骤，在Django项目中引用本地CSS和JS文件就变得非常简单，而且具有良好的可维护性和可重用性。