Django HTML表单实例应用

目录

• 创建Django项目
• 创建应用并配置路由
• 创建表单模型
• 创建表单视图
• 创建表单模板
• 创建表单
• 总结：

Django HTML表单是Web开发中非常重要的一个部分，用于收集用户信息或者输入数据。在这篇文章中，我们将详细介绍Django HTML表单实例应用的方法并提供代码示例。

创建Django项目

首先，我们需要创建一个Django项目。如果没有安装Django，可以先进行安装。

django-admin startproject myproject

创建应用并配置路由

接下来，我们创建一个新的应用并配置路由。在终端运行以下命令：

python manage.py startapp myapp

然后，在myproject/myproject/urls.py文件中，添加以下代码：

from django.urls import path, include

urlpatterns = [
    path('admin/', admin.site.urls),
    path('', include('myapp.urls')),
]

在myapp文件夹中，创建urls.py文件，并添加以下代码：

from django.urls import path
from . import views

urlpatterns = [
    path('', views.index, name='index'),
]

这个路由设置将使得我们可以在http://localhost:8000/ 上访问我们的表单。

创建表单模型

下一步，我们需要创建表单模型。在myapp/models.py文件中，添加以下代码：

from django.db import models

class Contact(models.Model):
    name = models.CharField(max_length=200)
    subject = models.CharField(max_length=200)
    message = models.TextField()

    def __str__(self):
        return self.name

在这个模型中，我们定义了三个字段：name，subject和message。name和subject都是CharField，其可以存储最大长度为200个字符的文本，而message是一个TextField，其也可以存储多行文本。

创建表单视图

接下来，我们需要创建表单视图。在myapp/views.py文件中，添加以下代码：

from django.shortcuts import render
from django.http import HttpResponseRedirect
from .models import Contact
from .forms import ContactForm

def index(request):
    if request.method == 'POST':
        form = ContactForm(request.POST)
        if form.is_valid():
            name = form.cleaned_data['name']
            subject = form.cleaned_data['subject']
            message = form.cleaned_data['message']
            Contact.objects.create(name=name, subject=subject, message=message)
            return HttpResponseRedirect('/')
    else:
        form = ContactForm()
    return render(request, 'index.html', {'form': form})

在这个视图中，我们使用了ContactForm表单，并在表单提交时，将表单数据添加到我们的Contact模型中。如果表单提交成功，用户将会被重定向到主页。

创建表单模板

最后一步，我们需要创建表单模板。在myapp/templates文件夹中，创建一个名为index.html的文件，并添加以下代码：

{% extends 'base.html' %}

{% block content %}
<h1>Contact Us</h1>
<form method="post">
    {% csrf_token %}
    {{ form.as_p }}
    <button type="submit">Submit</button>
</form>
{% endblock %}

在这个模板中，我们扩展了base.html，然后使用Django的模板语言渲染了我们的表单。我们还添加了一个提交按钮，并且使用{% csrf_token %}来保证表单的安全性。

创建表单

最后，我们需要创建ContactForm表单。在myapp/forms.py文件中，添加以下代码：

from django import forms

class ContactForm(forms.Form):
    name = forms.CharField(label='Name', max_length=200)
    subject = forms.CharField(label='Subject', max_length=200)
    message = forms.CharField(label='Message', widget=forms.Textarea)

在这个表单中，我们定义了三个字段：姓名，主题和信息。

现在我们已经完成了Django HTML表单实例应用方法的所有步骤！

总结：

通过这篇文章的学习，我们已经了解了Django HTML表单实例应用的所有步骤。我们从创建Django项目开始，创建了一个新的应用并配置了路由。接着创建了一个表单模型、表单视图和表单模板。最后我们创建了ContactForm表单。Django HTML表单可以用于收集用户信息或者输入数据，这对于Web开发非常重要。在编写代码时，我们还学习了Django的模板语言和Django的表单工具。