如何利用Django项目本地化地引入CSS和JavaScript文件？

2026-06-09 22:002阅读0评论SEO问题

内容介绍
文章标签
相关推荐

本文共计565个文字，预计阅读时间需要3分钟。

这篇文章主要介绍了如何通过Django使用本地CSS/JS文件。以下是一个简化的示例代码，展示如何实现这一功能：

python在Django视图中引入本地CSS/JS文件

from django.shortcuts import render

def home(request): # 渲染模板，同时传递CSS和JS文件路径 return render(request, 'home.', { 'css_file': 'styles.css', 'js_file': 'scripts.js' })

Home Page Welcome to the Home Page

这种方法对初学者或专业人士都有一定的学习参考价值。如果你需要进一步了解，可以参考以下资源：

- Django官方文档：https://docs.djangoproject.com/- CSS和JavaScript学习资源：https://www.w3schools.com/css/ https://www.w3schools.com/js/

需要的朋友可以参考以上资源进行学习。

这篇文章主要介绍了如何通过Django使用本地css/js文件,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

在网上看了很多说Django如何使用本地css/js的文章, 很多都是说的不是很清楚。

今天终于自己来验证一个能用的了, 记录下

在manager.py同层级下创建static文件夹, 里面放上css , js, image等文件或者文件夹

我的文件夹tree:

➜ FileService git:(master) ✗ tree . ├── 2kill_port.sh ├── FileService │ ├── __init__.py │ ├── __pycache__ │ │ ├── __init__.cpython-37.pyc │ │ ├── settings.cpython-37.pyc │ │ ├── urls.cpython-37.pyc │ │ └── wsgi.cpython-37.pyc │ ├── settings.py │ ├── urls.py │ └── wsgi.py ├── db.sqlite3 ├── en_bg.jpg ├── fileoperation │ ├── __init__.py │ ├── __pycache__ │ │ ├── __init__.cpython-37.pyc │ │ ├── admin.cpython-37.pyc │ │ ├── models.cpython-37.pyc │ │ └── views.cpython-37.pyc │ ├── admin.py │ ├── apps.py │ ├── migrations │ │ ├── __init__.py │ │ └── __pycache__ │ │ └── __init__.cpython-37.pyc │ ├── models.py │ ├── templates │ │ ├── bg_homg.html │ │ └── home.html │ └── views.py ├── files │ ├── 11.log │ ├── 22.log │ ├── 44.log │ ├── th.jpeg │ ├── �\217�\225快�\205�\ 2020-01-08\ �\213�\215\2101.50.03.png │ └── �\235�\231��\212��\224\200�\207��\201.pdf ├── kill_port.sh ├── manage.py └── static ├── images │ └── en_bg.jpg └── style └── style.css

然后只需在FileService/settings.py中进行设置就行, 在末尾添加以下代码

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

最后只需要在使用的html文件中通过以下方式导入：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持易盾网络。

标签：通过 django 使用本地 CSS