用django-crispy-forms设计Django表单的样式

用django-crispy-forms设计Django表单的样式

Django默认没有提供任何Django表单样式的方法,因此需要花费大量的精力和宝贵的时间来美化一个表单。它可以让你以一种非常优雅和简洁的方式来控制你的Django表单的渲染行为。

Installing django-crispy-forms:

pip install django-crispy-forms
Python

配置Django设置:

在settings.py中的INSTALLED_APPS中加入’crispy_forms’。

并且还添加了

CRISPY_TEMPLATE_PACK = 'bootstrap4'
Python

在INSTALLED_APPS之后。

用django-crispy-forms设计Django表单的样式

到现在为止,我们已经配置了django-crispy-forms所需的设置。

在Django模板中使用django-crispy-forms:

首先,我们需要在我们的django模板中加载django-crispy-forms标签。

对于加载django-crispy-forms标签,添加

{%load crispy_forms_tags %} 
Python

在你的django模板的顶部

现在要用django-crispy-forms设计任何表格,请替换为

{{ form }}
Python

with

{{ form|crispy }}
Python

用django-crispy-forms设计Django表单的样式

Bingo,你已经成功地用django-crispy-forms设计了你的表单样式。

现在你可以通过运行服务器看到你的Django表格的变化

python manage.py runserver
Python

用django-crispy-forms设计Django表单的样式

使用django-crispy-forms设计的注册页面的例子

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程

登录

注册