django使用本地jquery

  1. 下载query
    网页输入: https://www.bootcdn.cn/jquery/ 然后复制链接,如图一。
    打开新的网页,将链接粘贴,如图二。
    右击另存在。如图三。
    图1

图2
图3

  1. 放到django项目中。在创建的sign应用下面新建static文件夹,将上面的js文件放进去。如图4.对项目的setting.py进行修改。如图5。在自己写的html文件加上文件位置。如图6。这样就做好啦。
    图4
STATIC_URL = '/static/'
HERE = os.path.dirname(os.path.abspath(__file__))
HERE = os.path.join(HERE, '../')
STATICFILES_DIRS = (
    # Put strings here, like "/home/html/static" or "C:/www/django/static".
    # Always use forward slashes, even on Windows.
    # Don't forget to use absolute paths, not relative paths.
    os.path.join(HERE, 'static/'),
)

图5

图6

### 如何在Django项目中使用jQuery插件 为了使 jQuery 插件能够在 Django 项目中正常工作,需遵循特定的配置步骤来加载静态文件并集成这些资源。 #### 配置 `settings.py` 文件中的静态文件路径 确保项目的设置文件已正确定义了STATICFILES_DIRS 和 STATIC_URL 变量以便于管理前端资产如 JavaScript 库和样式表[^1]。这一步骤对于让 Django 能够找到并提供静态文件至关重要: ```python import os from pathlib import Path BASE_DIR = Path(__file__).resolve().parent.parent STATIC_URL = '/static/' STATICFILES_DIRS = [ BASE_DIR / "static", ] ``` #### 创建静态文件夹结构 按照约定,在应用程序根目录内建立名为 `static` 的子文件夹用于存放所有的外部库及其依赖项;如果要引入第三方 jQuery 插件,则应将其放置在此处的一个适当位置下,比如 `your_app/static/js/plugins/jquery-plugin-name.js`[^3]。 #### 加载 jQuery 到模板中 编辑HTML模板以包含指向所需版本的 jQuery CDN 或本地副本以及任何附加插件脚本标签之前先确认已经通过 `{% load static %}` 来启用对静态资源的支持。接着利用 `<script>` 标签按顺序依次引入必要的JS文件: ```html {% load static %} <!DOCTYPE html> <html lang="en"> <head> <!-- Other head elements --> </head> <body> {% block content %} <!-- Page Content Here --> {% endblock %} <script src="{% static 'js/jquery.min.js' %}"></script> <script src="{% static 'js/plugins/some-jquery-plugin.min.js' %}"></script> <script type="text/javascript"> $(document).ready(function(){ // Initialize your plugin here. }); </script> </body> </html> ``` 上述代码片段展示了如何在一个基础页面布局里安全地嵌入所需的JavaScript源码,并初始化所选的jQuery扩展组件。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值