Django form组件 - 神奇的后端直接渲染HTML

在Django中，可以使用FormMedia类来将表单的媒体（例如CSS和JavaScript）直接嵌入到HTML中，而不是使用外部链接。这样可以减少HTTP请求，并提高页面加载性能。

以下是一个简单的示例，演示如何在Django的表单中使用FormMedia：

from django import forms
from django.forms import Media, MediaDefiningClass
from django.forms.utils import flatatt
 
class MyForm(forms.Form):
    my_field = forms.CharField()
 
    def media(self):
        media = super().media
        media.add_js(MediaDefiningClass, 'custom-form-script.js')
        media.add_css(MediaDefiningClass, {'all': ('custom-form-style.css',)})
        return media
 
# 在视图中使用MyForm
def my_view(request):
    form = MyForm()
    return render(request, 'my_template.html', {'form': form})
 
# 在模板中直接渲染带有嵌入式媒体的表单
<form action="" method="post">
    {% csrf_token %}
    {{ form.as_p }}
    {{ form.media.js.inline }}
    {{ form.media.css.inline }}
</form>

在这个例子中，MyForm 类定义了一个额外的 media 方法，该方法添加了自定义的JavaScript和CSS文件。在模板中，使用 {{ form.media.js.inline }} 和 {{ form.media.css.inline }} 来直接嵌入这些媒体文件。这样，当页面加载时，JavaScript 和 CSS 会直接与 HTML 一起输出，无需额外的HTTP请求。