前言

通常我们需要在html页面上输入框里面输入数据，比如登录的时候，输入账号和密码，点提交按钮。
从html把数据提交到服务端，服务端接收数据后判断提交的数据，然后做出对应的响应，这么一整个流程就是表单相关的知识点，涉及到数据的交互。

form表单

表单在html中由<form>标签实现，一个完整的表单包含四个部分：提交地址、请求方式、元素控件、提交按钮，简单的html表单如下

action 提交地址，设置用户提交的数据由哪个url接收和处理
method 请求方式，get或post请求
input 元素控件，输入文本信息
submit 提交按钮，触发提交动作

<!DOCTYPE html>
<html>
<head> <meta charset="UTF-8"> <title>测试你的QQ号</title> </head> <body> <p>请输入你的QQ号</p> <form action="/result" method="get"> qq: <input type="text" name="q"> <br> <br> <input type="submit" value="提交"> </form> </body> </html>

get请求提交

把上面的html报错为get_demo.html,放到templates目录下，views.py写个访问

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

# Create your views here.

# 测试QQ号访问页面
def test_qq(request):
    return render(request, 'get_demo.html') # 提交后返回页面 def result_qq(request): return HttpResponse("提交成功！")

urls.py访问地址

from django.conf.urls import url
from django.urls import re_path, path
from hello import views urlpatterns = [ url(r'^qq/', views.test_qq), url(r'^result/', views.result_qq), ]

在浏览器输入http://localhost:8002/qq/，打开页面如下

输入QQ号点击提交，页面显示：提交成功！

获取提交参数（request.GET）

html上的数据提交后，我们希望能获取到提交的数据，然后对数据做个简单的处理，跟进不同的数据返回不同的结果。
我这里写个简单的案例，接收到用户提交的QQ号，对QQ号做个简单判断，奇数返回“大吉大利”，偶数返回“恭喜发财”

# views.py
from django.shortcuts import render
from django.http import HttpResponse # Create your views here. def test_qq(request): '''请求页面''' return render(request, 'get_demo.html') def result_qq(request): '''返回结果''' if request.method == 'GET': # 获取提交的数据 r = request.GET["q"] # key就是前面输入框里的name属性对应值name="q" res = "" try: if int(r) %2: res = "大吉大利！" else: res = "恭喜发财！" except: res = "请输入正确QQ号！" return HttpResponse("测试结果：%s"%res) else: render(request, 'get_demo.html')

request.GET 可以看成一个字典，用GET方法传递的值都会保存到其中，可以用 request.GET['key_name']来取值,但是当key值不存在时，会报错“MultiValueDictKeyError”。

为了避免key值不存在时报错，这里可以用另外一种写法：request.GET.get('key_name', None)

# 获取提交的数据
# r = request.GET["q"] # key_name就是前面输入框里的name属性对应值name="q"
r = request.GET.get('q', None) #key_name不存在时,不会报错

查询数据库返回

通常查询涉及到查询数据库，与数据库会有数据交互，接着前面的User库，通过输入用户名，查询到对应的emali地址，参考https://www.cnblogs.com/yoyoketang/p/10335212.html

实现功能：通过输入用户名称name值，查询到对应的email地址，测试数据如下

templates/name.html

<!DOCTYPE html>
<html lang="en"> <head> <meta charset="UTF-8"> <title>查询mail</title> </head> <body> <form action="" method="get"> 输入用户名: <input type="text" name="name"> <br> <br> <input type="submit" value="提交"> </form> <p>查询结果：{{email}} </p> </body> </html>

action=""表示返回页面就是当前页面，这里视图函数写一个即可

# views.py

from django.shortcuts import render
from django.http import HttpResponse from hello.models import User # Create your views here. def user(request): '''请求页面-返回结果''' res = "" if request.method == 'GET': # 获取提交的数据 # r = request.GET["q"] # key就是前面输入框里的name属性对应值name="q" n = request.GET.get('name', None) # key不存在时不会报错 res = User.objects.filter(user_name="%s" % n) try: res = res[0].mail except: res = "未查询到数据" return render(request, 'name.html', {'email': res}) else: return render(request, 'name.html', {'email': res})

访问地址和返回地址

# urls.py
from django.conf.urls import url
from hello import views urlpatterns = [ # 新增用户 url(r'^email/', views.user), ]

html显示效果如下

django-24.表单提交之get请求

前言

form表单

get请求提交

获取提交参数（request.GET）

查询数据库返回

猜你喜欢