Django添加js

本文介绍在Django项目中如何添加和配置JS文件,通过创建视图、URL映射实现前端下拉框选择触发后台数据响应,展示了Django与前端交互的基本流程。当在下拉框中选择不同选项时,页面会显示对应后台字典中的值。
摘要由CSDN通过智能技术生成

我们之前完整的搭建了一个app,同时能够使数据库中的数据在前台页面中显示出来。那么,我们如何将用户在前台页面中的操作返回给后台呢?

这篇文章展示一个demo

Django搭建第一个应用
的基础上,我们继续。

引入js库

我们写页面很多时候需要外部js库的支持,那么这些文件应该放在哪里呢?又该如何配置呢?

  • 建立static文件夹:
    这里写图片描述
    注意上图里面static文件夹的路径,再在里面添加js文件夹,js文件夹里面就可以放我们需要的js文件了。
  • 配置相关文件
    接下来,想要使用这些js我们还需要进行一些配置:
    settings.py
STATIC_URL = '/static/'

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

templates/hello.html

{% load staticfiles %}#这句添加在html文件的最上面
<script src="{% static "js/jquery-3.1.1.min.js" %}" type="text/javascript"></script>
#注意看这里面的script标签和我们之前的script标签之间的不同

到这基本上我们的配置就结束了。
其实我也不是很懂jQuery,昨

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值