图片渲染方法、装置和电子设备制造方法及图纸

本说明书提出了一种图片渲染方法、装置和电子设备，其中，上述图片渲染方法中，在前端触发无线支付自动化测试之后，无线支付组件执行无线支付自动化测试的测试用例中的支付步骤，获得每个支付步骤对应的支付数据，并获取对应的模板，然后根据每个支付步骤对应的模板对上述支付数据进行组装，获得每个支付步骤对应的模板数据，并将获得的模板数据发送给数据可视化组件。数据可视化组件接收模板数据之后，将上述模板数据发送给模板渲染组件，然后，模板渲染组件根据上述模板数据生成图片数据，并将上述图片数据发送给上述数据可视化组件，数据可视化组件接收模板渲染组件发送的图片数据，将上述图片数据在前端进行展示。

Image rendering methods, devices and electronic devices

【技术实现步骤摘要】
图片渲染方法、装置和电子设备
本说明书涉及互联网
，尤其涉及一种图片渲染方法、装置和电子设备。
技术介绍
渲染是指将数据通过某种方法绘制成相应的页面。在无线支付自动化测试的场景下，除关注服务端的表现是否正常之外，还需要关注返回结果在客户端的展现，现有相关技术中，在执行无线支付测试用例之后，仅是以数据的形式展现返回的结果，这种方式无法还原出客户端的渲染效果，因此需要有一种方案能根据自动化测试执行后的结果还原出客户端上的渲染效果。
技术实现思路
本说明书实施例提供了一种图片渲染方法、装置和电子设备，以实现在无线支付自动化测试完成之后，根据自动化测试执行后的结果生成每个支付步骤对应的图片，从而可以达到无线支付自动化测试完成之后自动出图的效果。第一方面，本说明书实施例提供一种图片渲染方法，包括：在前端触发无线支付自动化测试之后，无线支付组件执行所述无线支付自动化测试的测试用例中的支付步骤，获得每个支付步骤对应的支付数据，并获取每个支付步骤对应的模板；所述无线支付组件根据每个支付步骤对应的模板对所述支付数据进行组装，获得每个支付步骤对应的模板数据，并将获得的模板数据发送给数据可视化组件；所述数据可视化组件接收所述无线支付组件发送的模板数据，将所述模板数据发送给模板渲染组件；所述模板渲染组件接收所述数据可视化组件发送的模板数据，根据所述模板数据生成图片数据，并将所述图片数据发送给所述数据可视化组件；所述数据可视化组件接收所述模板渲染组件发送的图片数据，并将所述图片数据在前端进行展示。其中一种可能的实现方式中，所述模板渲染组件根据所述模板数据生成图片数据包括：所述模板渲染组件加载页面渲染模板，并将所述模板数据填充到所述页面渲染模板中，获得渲染成功的页面；所述模板渲染组件对渲染成功的页面进行截图，将截图获得的图片进行编码获得所述图片数据。其中一种可能的实现方式中，所述将所述图片数据在前端进行展示之前，还包括：所述数据可视化组件对所述模板渲染组件发送的图片数据进行解码；所述数据可视化组件将解码获得的图片数据发送到图片存储服务器；所述数据可视化组件接收所述图片存储服务器发送的所述解码获得的图片数据的存储地址。其中一种可能的实现方式中，所述将所述图片数据在前端进行展示包括：所述数据可视化组件将所述图片数据的存储地址发送给前端，以供所述前端根据所述图片数据的存储地址展现图片。上述图片渲染方法中，在前端触发无线支付自动化测试之后，无线支付组件执行无线支付自动化测试的测试用例中的支付步骤，获得每个支付步骤对应的支付数据，并获取每个支付步骤对应的模板，然后根据每个支付步骤对应的模板对上述支付数据进行组装，获得每个支付步骤对应的模板数据，并将获得的模板数据发送给数据可视化组件。数据可视化组件接收上述无线支付组件发送的模板数据之后，将上述模板数据发送给模板渲染组件，然后，模板渲染组件接收上述数据可视化组件发送的模板数据，根据上述模板数据生成图片数据，并将上述图片数据发送给上述数据可视化组件，数据可视化组件接收模板渲染组件发送的图片数据，将上述图片数据在前端进行展示，从而可以实现在无线支付自动化测试完成之后，根据自动化测试执行后的结果生成每个支付步骤对应的图片，从而可以达到无线支付自动化测试完成之后自动出图的效果。第二方面，本说明书实施例提供一种图片渲染装置，包括：前端，用于触发无线支付自动化测试；无线支付组件，用于执行所述无线支付自动化测试的测试用例中的支付步骤，获得每个支付步骤对应的支付数据，并获取每个支付步骤对应的模板；以及根据每个支付步骤对应的模板对所述支付数据进行组装，获得每个支付步骤对应的模板数据，并将获得的模板数据发送给数据可视化组件；所述数据可视化组件，用于接收所述无线支付组件发送的模板数据，将所述模板数据发送给模板渲染组件；所述模板渲染组件，用于接收所述数据可视化组件发送的模板数据，根据所述模板数据生成图片数据，并将所述图片数据发送给所述数据可视化组件；所述数据可视化组件，还用于接收所述模板渲染组件发送的图片数据，并将所述图片数据在所述前端进行展示。其中一种可能的实现方式中，所述模板渲染组件，具体用于加载页面渲染模板，并将所述模板数据填充到所述页面渲染模板中，获得渲染成功的页面；以及对渲染成功的页面进行截图，将截图获得的图片进行编码获得所述图片数据。其中一种可能的实现方式中，所述数据可视化组件，还用于在将所述图片数据在前端进行展示之前，对所述模板渲染组件发送的图片数据进行解码，将解码获得的图片数据发送到图片存储服务器；以及接收所述图片存储服务器发送的所述解码获得的图片数据的存储地址。其中一种可能的实现方式中，所述数据可视化组件，具体用于将所述图片数据的存储地址发送给所述前端，以供所述前端根据所述图片数据的存储地址展现图片。第三方面，本说明书实施例提供一种电子设备，包括：至少一个处理器；以及与所述处理器通信连接的至少一个存储器，其中：所述存储器存储有可被所述处理器执行的程序指令，所述处理器调用所述程序指令能够执行第一方面提供的方法。第四方面，本说明书实施例提供一种非暂态计算机可读存储介质，所述非暂态计算机可读存储介质存储计算机指令，所述计算机指令使所述计算机执行第一方面提供的方法。应当理解的是，本说明书的第二～第四方面与本说明书的第一方面的技术方案一致，各方面及对应的可行实施方式所取得的有益效果相似，不再赘述。【附图说明】为了更清楚地说明本说明书实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本说明书的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它的附图。图1为本说明书图片渲染方法一个实施例的流程图；图2为本说明书图片渲染方法另一个实施例的流程图；图3为本说明书图片渲染方法再一个实施例的流程图；图4(a)～图4(c)为本说明书图片渲染方法中前端展示的图片的示意图；图5为本说明书图片渲染装置一个实施例的结构示意图；图6为本说明书电子设备一个实施例的结构示意图。【具体实施方式】为了更好的理解本说明书的技术方案，下面结合附图对本说明书实施例进行详细描述。应当明确，所描述的实施例仅仅是本说明书一部分实施例，而不是全部的实施例。基于本说明书中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其它实施例，都属于本说明书保护的范围。在本说明书实施例中使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本说明书。在本说明书实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义。在无线支付自动化测试场景下，除关注本文档来自技高网...

【技术保护点】
1.一种图片渲染方法，其特征在于，包括：/n在前端触发无线支付自动化测试之后，无线支付组件执行所述无线支付自动化测试的测试用例中的支付步骤，获得每个支付步骤对应的支付数据，并获取每个支付步骤对应的模板；/n所述无线支付组件根据每个支付步骤对应的模板对所述支付数据进行组装，获得每个支付步骤对应的模板数据，并将获得的模板数据发送给数据可视化组件；/n所述数据可视化组件接收所述无线支付组件发送的模板数据，将所述模板数据发送给模板渲染组件；/n所述模板渲染组件接收所述数据可视化组件发送的模板数据，根据所述模板数据生成图片数据，并将所述图片数据发送给所述数据可视化组件；/n所述数据可视化组件接收所述模板渲染组件发送的图片数据，并将所述图片数据在前端进行展示。/n

【技术特征摘要】
1.一种图片渲染方法，其特征在于，包括：
在前端触发无线支付自动化测试之后，无线支付组件执行所述无线支付自动化测试的测试用例中的支付步骤，获得每个支付步骤对应的支付数据，并获取每个支付步骤对应的模板；
所述无线支付组件根据每个支付步骤对应的模板对所述支付数据进行组装，获得每个支付步骤对应的模板数据，并将获得的模板数据发送给数据可视化组件；
所述数据可视化组件接收所述无线支付组件发送的模板数据，将所述模板数据发送给模板渲染组件；
所述模板渲染组件接收所述数据可视化组件发送的模板数据，根据所述模板数据生成图片数据，并将所述图片数据发送给所述数据可视化组件；
所述数据可视化组件接收所述模板渲染组件发送的图片数据，并将所述图片数据在前端进行展示。


2.根据权利要求1所述的方法，其特征在于，所述模板渲染组件根据所述模板数据生成图片数据包括：
所述模板渲染组件加载页面渲染模板，并将所述模板数据填充到所述页面渲染模板中，获得渲染成功的页面；
所述模板渲染组件对渲染成功的页面进行截图，将截图获得的图片进行编码获得所述图片数据。


3.根据权利要求2所述的方法，其特征在于，所述将所述图片数据在前端进行展示之前，还包括：
所述数据可视化组件对所述模板渲染组件发送的图片数据进行解码；
所述数据可视化组件将解码获得的图片数据发送到图片存储服务器；
所述数据可视化组件接收所述图片存储服务器发送的所述解码获得的图片数据的存储地址。


4.根据权利要求3所述的方法，其特征在于，所述将所述图片数据在前端进行展示包括：
所述数据可视化组件将所述图片数据的存储地址发送给前端，以供所述前端根据所述图片数据的存储地址展现图片。


5.一种图片渲染装置，其特征在于，包括：
前端，用于触发无线支付自动化测试；
无线支付组件，用于执行所述无线支付自动化测试的测试用例中的...

【专利技术属性】
技术研发人员：杨贝贝，吴舒悦，张蓉，
申请(专利权)人：支付宝杭州信息技术有限公司，
类型：发明
国别省市：浙江;33