测试圈相亲平台开发流程(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以上,那么就要开始扣分,毕竟和人家心中目标差距太大了。


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

相关文章
|
3月前
|
存储 测试技术 虚拟化
VMmark 4.0.3 - 虚拟化平台基准测试
VMmark 4.0.3 - 虚拟化平台基准测试
85 0
VMmark 4.0.3 - 虚拟化平台基准测试
|
2月前
|
敏捷开发 运维 数据可视化
DevOps看板工具中的协作功能:如何打破开发、测试与运维之间的沟通壁垒
在DevOps实践中,看板工具通过可视化任务管理和自动化流程,提升开发与运维团队的协作效率。它支持敏捷开发、持续交付,助力团队高效应对需求变化,实现跨职能协作与流程优化。
|
4月前
|
安全 前端开发 Linux
Immunity CANVAS Professional 7.27 (macOS, Linux, Windows) - 渗透测试和漏洞利用平台
Immunity CANVAS Professional 7.27 (macOS, Linux, Windows) - 渗透测试和漏洞利用平台
154 3
Immunity CANVAS Professional 7.27 (macOS, Linux, Windows) - 渗透测试和漏洞利用平台
|
8月前
|
弹性计算 运维 Java
OS-Copilot参数功能全面测试报告
作为一名运维工程师,我主要负责云资源的运维和管理。通过使用OS Copilot的-t/-f/管道功能,我顺利解决了环境快速搭建的问题,例如Tomcat的快速部署。具体步骤包括购买ECS服务器、配置安全组、远程登录并安装OS Copilot。使用-f参数成功安装并启动Tomcat,自动配置JDK,并通过|管道功能验证了生成内容的正确性。整个过程非常流畅,极大提升了工作效率。
132 12
|
9月前
|
监控 测试技术
slb测试会话保持功能
slb测试会话保持功能
290 6
|
10月前
|
人工智能 供应链 安全
AI辅助安全测试案例某电商-供应链平台平台安全漏洞
【11月更文挑战第13天】该案例介绍了一家电商供应链平台如何利用AI技术进行全面的安全测试,包括网络、应用和数据安全层面,发现了多个潜在漏洞,并采取了有效的修复措施,提升了平台的整体安全性。
442 4
|
10月前
|
监控 安全 测试技术
构建高效的精准测试平台:设计与实现指南
在软件开发过程中,精准测试是确保产品质量和性能的关键环节。一个精准的测试平台能够自动化测试流程,提高测试效率,缩短测试周期,并提供准确的测试结果。本文将分享如何设计和实现一个精准测试平台,从需求分析到技术选型,再到具体的实现步骤。
429 1
|
10月前
|
监控 安全 测试技术
构建高效精准测试平台:设计与实现全攻略
在软件开发过程中,精准测试是确保产品质量的关键环节。一个高效、精准的测试平台能够自动化测试流程,提高测试覆盖率,缩短测试周期。本文将分享如何设计和实现一个精准测试平台,从需求分析到技术选型,再到具体的实现步骤。
244 0
|
3月前
|
Java 测试技术 容器
Jmeter工具使用:HTTP接口性能测试实战
希望这篇文章能够帮助你初步理解如何使用JMeter进行HTTP接口性能测试,有兴趣的话,你可以研究更多关于JMeter的内容。记住,只有理解并掌握了这些工具,你才能充分利用它们发挥其应有的价值。+
721 23
|
8月前
|
数据可视化 前端开发 测试技术
接口测试新选择:Postman替代方案全解析
在软件开发中,接口测试工具至关重要。Postman长期占据主导地位,但随着国产工具的崛起,越来越多开发者转向更适合中国市场的替代方案——Apifox。它不仅支持中英文切换、完全免费不限人数,还具备强大的可视化操作、自动生成文档和API调试功能,极大简化了开发流程。