前言

通常我们需要在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显示效果如下

python测试开发django-24.表单提交之get请求的更多相关文章

Form表单提交，Ajax请求，$http请求的区别
做过前端同学想必都避免不了要和后台server打交道.而以下这三种与后台交互的方式想必大家都不陌生. Form表单提交,Ajax请求,Angular的$http请求以前一直搞不清楚什么时候应该用哪种 ...
[转]django自定义表单提交
原文网址:http://www.cnblogs.com/retop/p/4677148.html 注:本人使用的Django1.8.3版本进行测试除了使用Django内置表单,有时往往我们需要自定义 ...
UI标签库专题三：JEECG智能开发平台 FormValidation(表单提交及验证标签)
版权声明:本文为博主原创文章,未经博主同意不得转载. https://blog.csdn.net/zhangdaiscott/article/details/28484209 自己定义弹出框提示 ...
python接口自动化17-multipart/form-data表单提交
前言 multipart/form-data这种格式官方文档给的参考案例比较简单,实际情况中遇到会比较复杂,本篇讲解multipart/form-data的表单如何提交,非图片上传禅道提交bug 1 ...
PHP再学习1——cURL表单提交、HTTP请求和响应分析
1.前言最近迷恋WEB方面的技术,虽然自己是一个嵌入式工程师,但是我深知若需要把传感器终端的数据推送至“平台”必然会和WEB技术打交道.在工作中发现嵌入式工程师喜欢二进制形式的协议,例如MODBU ...
python测试开发django-72.删除表后如何重新生成表
前言在使用ORM建表的时候,由于需要对数据库表的重新设计,需要删除原表,并通过Django的ORM功能重新同步表. 删除表之后,发现用 makemigrations 和 migrate 无法生成新的 ...
表单提交---前端页面模拟表单提交(form)
有些时候我们的前端页面总没有<form></form>表单,但是具体的业务时,我们又必须用表单提交才能达到我们想要的结果,LZ最近做了一些关于导出的一些功能,需要调用浏览器默认 ...
Servlet--超链接，表单提交，重定向，转发4种情况的路径
实际编码中我们经常写路径,写路径既可以写相对路径,也可以写绝对路径.我2年以前我就养成了习惯,只要是写路径我从来都是写绝对路径,因为万一将来我们的项目的目录发生变化,原来要是写相对路径的话就会有路径依 ...
jqueryEasyUI form表单提交的一个困惑
今天用到了jqueryEasyUI的form表单做一个增加操作的提交,想打开调试(用的是火狐)看看传的参数,但是怎么也看不到form表单提交的http请求?而且还会发送一个另外的请求! 在页面加载时, ...

随机推荐

[转载]angular通过$http与服务器通信
转载自:http://www.cooklife.cn/detail/54c5044ec93620284e964b58#View angular是一个前端框架,实现了可交互式的页面,但是对于一个web应 ...
Z字形变换
将字符串 "PAYPALISHIRING" 以 Z 字形排列成给定的行数: P A H N A P L S I I G Y I R 之后从左往右,逐行读取字符:"PAHN ...
Vue2服务端渲染
Vue2 服务端渲染花费了一个月时间,终于在新养车之家项目中成功部署了vue2服务端渲染(SSR),并且使用上了Vuex 负责状态管理,首屏加载时间从之前4G网络下的1000ms,提升到了现在500 ...
如何快速的打开当前文件夹的dos命令窗口
一.常规方法: 1.使用 “window + R” 组合键,输入cmd回车.如下图所示: 2.如果你要定位到指定的文件夹,那么需要用cd等命令来处理.如下图所示: 二.快速方法: 按住“shift”键 ...
linux学习笔记-8.vim
ia/Ao/Or + ?替换 0:文件当前行的开头$:文件当前行的末尾G:文件的最后一行开头1 + G到第一行9 + G到第九行 = :9 dd:删除一行3dd:删除3行yy:复制一行3yy:复制3行 ...
MySQL Binlog 解析工具 Maxwell 详解
maxwell 简介 Maxwell是一个能实时读取MySQL二进制日志binlog,并生成 JSON 格式的消息,作为生产者发送给 Kafka,Kinesis.RabbitMQ.Redis.Goog ...
python全栈开发之正则表达式和python的re模块
正则表达式和python的re模块 python全栈开发,正则表达式,re模块一正则表达式正则表达式(Regular Expression)是一种文本模式,包括普通字符(例如,a 到 z 之间的 ...
hdu 2710 水题
题意:判断一些数里有最大因子的数水题,省赛即将临近,高效的代码风格需要养成,为了简化代码,以后可能会更多的使用宏定义,但是通常也只是快速拿下第一道水题,涨自信.大部分的代码还是普通的形式,实际上能简 ...
nginx 编译参数详解（运维必看）
nginx参数: –prefix= 指向安装目录 –sbin-path 指向(执行)程序文件(nginx) –conf-path= 指向配置文件(nginx.conf) –error-log-path ...
UVALive 6912 Prime Switch 状压DP
Prime Switch 题目连接: https://icpcarchive.ecs.baylor.edu/index.php?option=com_onlinejudge&Itemid=8& ...

python测试开发django-24.表单提交之get请求