[关闭]
@breakerthb 2016-10-26T05:55:57.000000Z 字数 2235 阅读 1441

Django表单

Django


有时候我们需要在前台用 get 或 post 方法提交一些数据,所以自己写一个网页,用到 html 表单的知识。

Get方式

比如写一个计算 a和 b 之和的简单应用,网页上这么写

<!DOCTYPE html>
<html>
<body>
<p>请输入两个数字</p>

<form action="/add/" method="get">
    a: <input type="text" name="a"> <br>
    b: <input type="text" name="b"> <br>

    <input type="submit" value="提交">
</form>

</body>
</html>

把这些代码保存成一个index.html,放在 templates 文件夹中。

网页的值传到服务器是通过 或 标签中的 name 属性来传递的,在服务器端这么接收:

from django.http import HttpResponse
from django.shortcuts import render

def index(request):
    return render(request, 'index.html')

def add(request):
    a = request.GET['a']
    b = request.GET['b']
    a = int(a)
    b = int(b)
    return HttpResponse(str(a+b))

注意:request.GET 可以看成一个字典,用GET方法传递的值都会保存到其中,可以用 request.GET.get('key', None)来取值,没有时不报错。

再将函数和网址对应上,mysite/urls.py中添加

url(r'^add/', learn_views.add, name='add'),

这样就完成了基本的功能,基本上可以用了。

但是,比如用户输入的不是数字,而是字母,就出错了,还有就是提交后再回来已经输入的数据也会没了。

当然如果我们手动将输入之后的数据在 views 中都获取到再传递到网页,这样是可行的,但是很不方便,所以 Django 提供了更简单易用的 forms 来解决验证等这一系列的问题。

Post方式

新建一个tools应用。在tools文件夹中新建一个 forms.py 文件

from django import forms

class AddForm(forms.Form):
    a = forms.IntegerField()
    b = forms.IntegerField()

修改 views.py 中

# coding:utf-8
from django.shortcuts import render
from django.http import HttpResponse

# 引入我们创建的表单类
from forms import AddForm

def index(request):
    if request.method == 'POST':# 当提交表单时

        form = AddForm(request.POST) # form 包含提交的数据

        if form.is_valid():# 如果提交的数据合法
            a = form.cleaned_data['a']
            b = form.cleaned_data['b']
            return HttpResponse(str(int(a) + int(b)))

    else:# 当正常访问时
        form = AddForm()
    return render(request, 'index.html', {'form': form})

对应的模板文件 index.html

<form method='post'>
{% csrf_token %}
{{ form }}
<input type="submit" value="提交">
</form>

再在 urls.py 中对应写上这个函数

from django.conf.urls import patterns, include, url
from django.contrib import admin
from tools import views as tools_views

urlpatterns = patterns('',
    # 注意下面这一行
    url(r'^$', tools_views.index, name='index'),
    url(r'^admin/', include(admin.site.urls)),
)

如果找不到模板文件,可以做如下配置:

执行结果如下:

如果在html中需要手动排版,那么{{ form }}变量肯定是不能满足要求的,我们可以在index.html中做下面的修改:

<form method='post'>
    {% csrf_token %}
    <table>
        {% for field in form %} 
        <tr>
            <td>
                {{ field.label_tag }}
            </td>
            <td>
                {{ field }}
            </td>
            <td>
                {{ field.errors }}
            </td>
        </tr>
        {% endfor %}
    </table>
<input type="submit" value="提交">
</form>

效果是不是好了很多呢?

新手可能觉得这样变得更麻烦了,有些情况是这样的,但是 Django 的 forms 提供了:

也有一些将 Django forms 渲染成 Bootstrap 的插件,也很好用,很方便。

扩展:如果提交后在同一个页面显示结果呢?请看 Django Ajax

添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注