Django安装jquery包

最新推荐文章于 2025-03-10 10:41:33 发布

唐都工作室

最新推荐文章于 2025-03-10 10:41:33 发布

阅读量1.3k

点赞数

分类专栏： Python 文章标签： django jquery python

本文链接：https://blog.csdn.net/skyskyhaha/article/details/122950868

版权

Python 专栏收录该内容

22 篇文章

订阅专栏

本文介绍了如何在Django项目中创建'statics'文件夹，并下载jQuery库的压缩版。讲解了如何在settings.py中配置静态文件路径，以便在HTML中引用并优化线上部署。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在Django项目中创建一个文件夹，statics。这个文件夹和app文件夹、manage.py处在同一级。
从网上下载JQuery数据包。 http://www.jq22.com/jquery-info122
我这里下载的是jquery-3.0.0版本。下载后文件夹里有两个后缀js的文件：jquery-3.0.0.min.js，jquery-3.0.0。js。jquery-3.0.0.js文件比较大，200多kb。是开发版，适合阅读。.min.js是.js的压缩版，里面的变量都被压缩掉了，适合部署线上使用。因为开发版的体积要比压缩版大很多，通常开发调试时使用前者，部署上线时使用后者。所以我们可以只把jquery-3.0.0.min.js复制进statics文件夹。
在根目录setting.py中添加statics路径：

STATIC_URL = '/statics/'

STATICFILES_DIRS = [
    os.path.join(BASE_DIR,"statics"),
]

这就可以使用了。
jQuery代码主要是在HTML代码中使用。比如下面：

{% extends "myapp/0_base.html" %}

{% block content %}
<script src="/statics/jquery-3.0.0.min.js></script>
<script>
    alert('ok')
    $('h1').css({color:'red'})
</script>

{% for type in train_types %}
<h1>
<li>{{type}}</li>

{% empty %}

    <li>没有数据</li>
</h1>
{% endfor %}

{% endblock content %}