Django Forms 和 Bootstrap - CSS 类和 div

标签来创建漂亮的表单。我们将通过一个简单的案例来说明这个过程。

首先，让我们创建一个Django项目和应用程序。打开终端并运行以下命令：

Python
$ Django-admin startproject myproject
$ cd myproject
$ Python manage.py startapp myapp

我们现在有了一个名为myproject的Django项目和一个名为myapp的应用程序。接下来，我们需要在myapp应用程序的forms.py文件中定义我们的表单。在这个例子中，我们将创建一个简单的联系表单，其中包含姓名、电子邮件和消息字段。

Python
from Django import forms
class ContactForm(forms.Form):
    name = forms.CharField(label='姓名', max_length=100)
    emAIl = forms.EmAIlField(label='电子邮件', max_length=100)
    message = forms.CharField(label='消息', widget=forms.Textarea)

在这个表单类中，我们使用了Django的forms.Form作为基类，并定义了三个字段：name、emAIl和message。每个字段都有一个标签和一些可选的属性，例如max_length和widget。

接下来，我们需要在视图函数中使用这个表单类。在views.py文件中添加以下代码：

Python
from Django.shortcuts import render
from .forms import ContactForm
def contact(request):
    form = ContactForm()
    return render(request, 'myapp/contact.html', {'form': form})

在这个视图函数中，我们实例化了我们的表单类，并将它作为上下文变量传递给模板。接下来，我们需要创建一个模板来呈现表单。

在myapp应用程序的templates/myapp目录下创建一个名为contact.html的文件，并添加以下代码：

html
{% extends 'base.html' %}
{% block content %}
    <h2><strong>联系我们</strong></h2>
    <form method="post">
        {% csrf_token %}
        {{ form.as_p }}
        <button type="submit" class="btn btn-primary">提交</button>
    </form>
{% endblock %}

在这个模板中，我们使用了Bootstrap的CSS类来使表单看起来更好。我们还使用了{{ form.as_p }}模板标签来渲染整个表单作为一个段落。

最后，我们还需要更新我们的URL配置来指向我们的视图函数。在myproject项目的urls.py文件中添加以下代码：

Python
from Django.urls import path
from myapp import views
urlpatterns = [
    path('contact/', views.contact, name='contact'),
]

现在，我们已经完成了所有必要的设置。运行Django开发服务器，并访问/contact/路径，您应该能够看到我们创建的漂亮表单。

这个例子只是一个简单的展示，您可以根据自己的需求定制表单的样式和布局。通过使用Django Forms和Bootstrap的CSS类和