测试圈相亲平台开发流程(13):搜索功能

简介: 测试圈相亲平台开发流程(13):搜索功能

上节课我们最终选定了第二种方案进行父传子 数据。

   

先来个人信息表的数据传输:


   首先打开我们的Home.vue,给个人信息表的数据弄出来变成一个变量。

image.png

   

   然后找到子组件Detail的dom层使用行,并加上自定义属性。

image.png


好了,然后我们去Detail.vue组件内去接收这个自定义属性。

image.png


然后就是在我们的那些输入框中直接展示即可。

image.png


然后我们来测试一下:

image.png


可以看到功能已经成功了~


注意,我在开发的过程中,写错了几个单词。请大家不要抄错了。


man 被我写成了 men

address 被我写成了 adress

want 被我写成了 wangt


大家引以为戒,千万不要手滑写错单词,排查很难的。


好了,搞定了这个基础信息,下面就是择偶信息了。直接照葫芦画瓢!


正好大家再复习一遍!


第一步,在父组件中接口返回值中 弄好这个变量:


image.png


第二步,在子组件的dom层引用标签加入新的属性:

image.png


第三步,打开子组件,去接收:

image.png


第四步:在子组件中使用这个接收的变量

image.png



测试结果:ok

image.png


这里要说明一下,虽然择偶要求中都有最低 最高这种描述。


但是实际上,差一点也不是不行。


比如要求身高最低160,但是159也不会就完全被砍掉。只是会降低最终的匹配分数而已。


而161 这种则会加分,但考虑到正常人性选择,所以如果身高达到165以上,那么就要开始扣分,毕竟和人家心中目标差距太大了。


所以最终的算法肯定是要不断优化的,尽请关注。

相关文章
|
26天前
|
运维
【运维基础知识】用dos批处理批量替换文件中的某个字符串(本地单元测试通过,部分功能有待优化,欢迎指正)
该脚本用于将C盘test目录下所有以t开头的txt文件中的字符串“123”批量替换为“abc”。通过创建批处理文件并运行,可实现自动化文本替换,适合初学者学习批处理脚本的基础操作与逻辑控制。
119 56
|
3天前
|
监控 安全 测试技术
构建高效的精准测试平台:设计与实现指南
在软件开发过程中,精准测试是确保产品质量和性能的关键环节。一个精准的测试平台能够自动化测试流程,提高测试效率,缩短测试周期,并提供准确的测试结果。本文将分享如何设计和实现一个精准测试平台,从需求分析到技术选型,再到具体的实现步骤。
21 1
|
21天前
|
人工智能 监控 测试技术
云应用开发平台测试
云应用开发平台测试
36 2
|
3天前
|
监控 安全 测试技术
构建高效精准测试平台:设计与实现全攻略
在软件开发过程中,精准测试是确保产品质量的关键环节。一个高效、精准的测试平台能够自动化测试流程,提高测试覆盖率,缩短测试周期。本文将分享如何设计和实现一个精准测试平台,从需求分析到技术选型,再到具体的实现步骤。
22 0
|
1月前
|
测试技术
Appscan手工探索、手工测试功能实战
Appscan手工探索、手工测试功能实战
|
2月前
|
JSON 移动开发 监控
快速上手|HTTP 接口功能自动化测试
HTTP接口功能测试对于确保Web应用和H5应用的数据正确性至关重要。这类测试主要针对后台HTTP接口,通过构造不同参数输入值并获取JSON格式的输出结果来进行验证。HTTP协议基于TCP连接,包括请求与响应模式。请求由请求行、消息报头和请求正文组成,响应则包含状态行、消息报头及响应正文。常用的请求方法有GET、POST等,而响应状态码如2xx代表成功。测试过程使用Python语言和pycurl模块调用接口,并通过断言机制比对实际与预期结果,确保功能正确性。
228 3
快速上手|HTTP 接口功能自动化测试
|
3月前
|
XML Web App开发 数据挖掘
Postman接口测试工具全解析:功能、脚本编写及优缺点探讨
文章详细分析了Postman接口测试工具的功能、脚本编写、使用场景以及优缺点,强调了其在接口自动化测试中的强大能力,同时指出了其在性能分析方面的不足,并建议根据项目需求和个人偏好选择合适的接口测试工具。
106 1
|
3月前
|
持续交付 C# 敏捷开发
“敏捷之道:揭秘WPF项目中的快速迭代与持续交付——从需求管理到自动化测试,打造高效开发流程的全方位指南”
【8月更文挑战第31天】敏捷开发是一种注重快速迭代和持续交付的软件开发方法,通过短周期开发提高产品质量并快速响应变化。本文通过问题解答形式,探讨在Windows Presentation Foundation(WPF)项目中应用敏捷开发的最佳实践,涵盖需求管理、版本控制、自动化测试及持续集成等方面,并通过具体示例代码展示其实施过程,帮助团队提升代码质量和开发效率。
70 0
|
3月前
|
Web App开发 敏捷开发 测试技术
自动化测试之美:使用Selenium WebDriver进行网页功能验证
【8月更文挑战第29天】在数字时代,软件质量是企业竞争力的关键。本文将深入探讨如何通过Selenium WebDriver实现自动化测试,确保网页应用的可靠性和性能。我们将从基础设置到编写测试用例,逐步引导读者掌握这一强大的测试工具,同时分享实战经验,让测试不再是开发的负担,而是质量保证的利器。
|
3月前
|
测试技术
一款功能完善的智能匹配1V1视频聊天App应该通过的测试CASE
文章列举了一系列针对1V1视频聊天App的测试用例,包括UI样式、权限请求、登录流程、匹配逻辑、消息处理、充值功能等多个方面的测试点,并标注了每个测试用例的执行状态,如通过(PASS)、失败(FAIL)或需要进一步处理(延期修改、待定、方案再定等)。
64 0

热门文章

最新文章