Django模板

加载静态文件

如何管理静态文件(如图片、JavaScript、CSS) | Django 文档 | Django
django在html中显示图片【实测成功】_django 显示图片-CSDN博客
Django基础篇-模板加载静态文件-腾讯云开发者社区-腾讯云
在Django的templates中,我们可以存放html文件,但静态文件如图片、CSS和Javascript不能与html放在同一目录下。需要在app目录下新建一个static文件夹,用来存放静态文件。

修改settings文件

确保settings文件中INSTALLED_APPS包含了django.contrib.staticfiles,并需要在settings中添加STATIC_URL = "static/"来定义静态文件的链接。
除了在 apps 中使用 static/ 目录,你可以在配置文件中定义一个目录列表 (STATICFILES_DIRS) ,Django 会从中寻找静态文件:

1
2
3
4
STATICFILES_DIRS = [
BASE_DIR / "static",
"/var/www/static/",
]

修改html文件

在html中需要添加一行{% load static %}在调用静态文件之前。
然后在调用静态文件时,使用{% static '文件路径' %}

前后端通信

表单传参

使用表单 | Django 文档 | Django
前端可以使用表单将参数传递给后端接收

1
2
3
4
5
<form id="表单名" action="{% url '接收表单的函数' %}" method="post" >
{% csrf_token %}
<!-- ... 其他表单字段 ... -->
<button type="submit">提交</button>
</form>

url中的函数需要在views中定义,用来接受表单中的信息并进行处理,接收方式常用getpost

Django使用CSRF令牌保护机制,用于防止恶意网站利用用户的登录状态进行伪造请求。在表单中需要添加{% csrf_token %}标签,它会生成一个包含 CSRF 令牌的隐藏字段。

使用javascript函数返回布尔值,可以控制表单是否被提交:

1
<button type="submit" onclick="return submitForm()">提交</button>

Django模板
http://example.com/2024/11/27/Notes/编程/Django/Django模板/
许可协议