CN111338932A - Picture rendering method and device and electronic equipment - Google Patents

Picture rendering method and device and electronic equipment Download PDF

Info

Publication number
CN111338932A
CN111338932A CN202010081915.5A CN202010081915A CN111338932A CN 111338932 A CN111338932 A CN 111338932A CN 202010081915 A CN202010081915 A CN 202010081915A CN 111338932 A CN111338932 A CN 111338932A
Authority
CN
China
Prior art keywords
data
template
picture
component
payment
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN202010081915.5A
Other languages
Chinese (zh)
Other versions
CN111338932B (en
Inventor
杨贝贝
吴舒悦
张蓉
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
AlipayCom Co ltd
Original Assignee
Alipay Hangzhou Information Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Alipay Hangzhou Information Technology Co Ltd filed Critical Alipay Hangzhou Information Technology Co Ltd
Priority to CN202010081915.5A priority Critical patent/CN111338932B/en
Publication of CN111338932A publication Critical patent/CN111338932A/en
Application granted granted Critical
Publication of CN111338932B publication Critical patent/CN111338932B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F11/00Error detection; Error correction; Monitoring
    • G06F11/36Preventing errors by testing or debugging software
    • G06F11/3668Software testing
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06QINFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q20/00Payment architectures, schemes or protocols
    • G06Q20/30Payment architectures, schemes or protocols characterised by the use of specific devices or networks
    • G06Q20/32Payment architectures, schemes or protocols characterised by the use of specific devices or networks using wireless devices

Abstract

The present specification provides a picture rendering method, an apparatus, and an electronic device, where in the picture rendering method, after a front end triggers a wireless payment automation test, a wireless payment component executes payment steps in a test case of the wireless payment automation test, obtains payment data corresponding to each payment step, obtains a corresponding template, assembles the payment data according to the template corresponding to each payment step, obtains template data corresponding to each payment step, and sends the obtained template data to a data visualization component. After the data visualization component receives the template data, the template data are sent to the template rendering component, then the template rendering component generates picture data according to the template data, the picture data are sent to the data visualization component, the data visualization component receives the picture data sent by the template rendering component, and the picture data are displayed at the front end.

Description

Picture rendering method and device and electronic equipment
[ technical field ] A method for producing a semiconductor device
The present disclosure relates to the field of internet technologies, and in particular, to a method and an apparatus for rendering a picture, and an electronic device.
[ background of the invention ]
Rendering refers to drawing data into a corresponding page by some method. In the scenario of the wireless payment automated test, in addition to paying attention to whether the performance of the server is normal, the presentation of the returned result on the client needs to be paid attention to.
[ summary of the invention ]
The embodiment of the specification provides a picture rendering method, a picture rendering device and electronic equipment, so that a picture corresponding to each payment step is generated according to a result after an automatic test of wireless payment is completed, and an effect of automatically drawing a picture after the automatic test of wireless payment is completed can be achieved.
In a first aspect, an embodiment of the present specification provides a picture rendering method, including:
after a front end triggers a wireless payment automation test, a wireless payment component executes payment steps in a test case of the wireless payment automation test, obtains payment data corresponding to each payment step, and obtains a template corresponding to each payment step;
the wireless payment component assembles the payment data according to the template corresponding to each payment step, obtains the template data corresponding to each payment step, and sends the obtained template data to the data visualization component;
the data visualization component receives the template data sent by the wireless payment component and sends the template data to a template rendering component;
the template rendering component receives template data sent by the data visualization component, generates picture data according to the template data, and sends the picture data to the data visualization component;
and the data visualization component receives the picture data sent by the template rendering component and displays the picture data at the front end.
In one possible implementation manner, the generating, by the template rendering component, the picture data according to the template data includes:
the template rendering component loads a page rendering template, and fills the template data into the page rendering template to obtain a page which is successfully rendered;
and the template rendering component captures the successfully rendered page, and encodes the picture obtained by capturing the picture to obtain the picture data.
In one possible implementation manner, before displaying the picture data at a front end, the method further includes:
the data visualization component decodes the picture data sent by the template rendering component;
the data visualization component sends the picture data obtained by decoding to a picture storage server;
and the data visualization component receives a storage address of the picture data obtained by decoding and sent by the picture storage server.
In one possible implementation manner, the displaying the picture data at a front end includes:
and the data visualization component sends the storage address of the picture data to a front end so that the front end can display the picture according to the storage address of the picture data.
In the picture rendering method, after the front end triggers the wireless payment automation test, the wireless payment assembly executes payment steps in a test case of the wireless payment automation test, obtains payment data corresponding to each payment step, obtains a template corresponding to each payment step, assembles the payment data according to the template corresponding to each payment step, obtains template data corresponding to each payment step, and sends the obtained template data to the data visualization assembly. After the data visualization component receives the template data sent by the wireless payment component, the template data is sent to the template rendering component, then the template rendering component receives the template data sent by the data visualization component, picture data is generated according to the template data, the picture data is sent to the data visualization component, the data visualization component receives the picture data sent by the template rendering component, and the picture data is displayed at the front end, so that the picture corresponding to each payment step is generated according to the result after the automatic test of the wireless payment is completed, and the effect of automatically drawing the picture after the automatic test of the wireless payment is completed can be achieved.
In a second aspect, an embodiment of the present specification provides a picture rendering apparatus, including:
the front end is used for triggering the wireless payment automation test;
the wireless payment component is used for executing payment steps in a test case of the wireless payment automation test, obtaining payment data corresponding to each payment step and obtaining a template corresponding to each payment step; assembling the payment data according to the template corresponding to each payment step to obtain the template data corresponding to each payment step, and sending the obtained template data to a data visualization component;
the data visualization component is used for receiving the template data sent by the wireless payment component and sending the template data to the template rendering component;
the template rendering component is used for receiving template data sent by the data visualization component, generating picture data according to the template data and sending the picture data to the data visualization component;
the data visualization component is further configured to receive the picture data sent by the template rendering component, and display the picture data at the front end.
In one possible implementation manner, the template rendering component is specifically configured to load a page rendering template, and fill the template data into the page rendering template to obtain a page that is successfully rendered; and carrying out screenshot on the page which is successfully rendered, and coding the picture obtained by screenshot to obtain the picture data.
In one possible implementation manner, the data visualization component is further configured to decode the picture data sent by the template rendering component before displaying the picture data at a front end, and send the picture data obtained by decoding to a picture storage server; and receiving a storage address of the picture data obtained by decoding and sent by the picture storage server.
In one possible implementation manner, the data visualization component is specifically configured to send the storage address of the picture data to the front end, so that the front end displays a picture according to the storage address of the picture data.
In a third aspect, an embodiment of the present specification provides an electronic device, including:
at least one processor; and
at least one memory communicatively coupled to the processor, wherein:
the memory stores program instructions executable by the processor, the processor calling the program instructions to be able to perform the method provided by the first aspect.
In a fourth aspect, embodiments of the present specification provide a non-transitory computer-readable storage medium storing computer instructions for causing a computer to perform the method provided in the first aspect.
It should be understood that the second to fourth aspects of the present description are consistent with the technical solutions of the first aspect of the present description, and similar advantageous effects are obtained in each aspect and the corresponding possible implementation manners, and are not described again.
[ description of the drawings ]
In order to more clearly illustrate the technical solutions of the embodiments of the present disclosure, the drawings needed to be used in the embodiments will be briefly described below, and it is obvious that the drawings in the following description are only some embodiments of the present disclosure, and it is obvious for those skilled in the art to obtain other drawings based on the drawings without creative efforts.
FIG. 1 is a flow diagram of one embodiment of a method for image rendering according to the present disclosure;
FIG. 2 is a flow diagram of another embodiment of a method for rendering a picture according to the present disclosure;
FIG. 3 is a flow chart of yet another embodiment of a method for rendering pictures according to the present disclosure;
4(a) -4 (c) are schematic diagrams of the front-end displayed pictures in the picture rendering method of the present specification;
FIG. 5 is a schematic structural diagram illustrating an embodiment of a picture rendering apparatus according to the present disclosure;
fig. 6 is a schematic structural diagram of an embodiment of an electronic device in the present specification.
[ detailed description ] embodiments
For better understanding of the technical solutions in the present specification, the following detailed description of the embodiments of the present specification is provided with reference to the accompanying drawings.
It should be understood that the described embodiments are only a few embodiments of the present specification, and not all embodiments. All other embodiments obtained by a person skilled in the art based on the embodiments in the present specification without any inventive step are within the scope of the present specification.
The terminology used in the embodiments of the specification is for the purpose of describing particular embodiments only and is not intended to be limiting of the specification. As used in the specification examples and the appended claims, the singular forms "a", "an", and "the" are intended to include the plural forms as well, unless the context clearly indicates otherwise.
In a wireless payment automation test scene, in addition to paying attention to whether the performance of a server is normal, attention also needs to be paid to the display of a return result at a client, so that a method for quickly and intuitively displaying an execution result of an automation test through a picture is needed.
Fig. 1 is a flowchart of an embodiment of a picture rendering method in the present specification, and as shown in fig. 1, the picture rendering method may include:
102, after the front end triggers the wireless payment automation test, the wireless payment component executes payment steps in a test case of the wireless payment automation test, obtains payment data corresponding to each payment step, and obtains a template corresponding to each payment step.
The front end is a component used for displaying a test interface in the test server and interacting with a tester. The tester can input a starting instruction of the wireless payment automatic test at the front end, the front end triggers the wireless payment automatic test after acquiring the starting instruction, and then the wireless payment assembly executes the payment step in the test case of the wireless payment automatic test.
And 104, assembling the payment data by the wireless payment component according to the template corresponding to each payment step to obtain the template data corresponding to each payment step, and sending the obtained template data to the data visualization component.
And 106, the data visualization component receives the template data sent by the wireless payment component and sends the template data to the template rendering component.
And step 108, the template rendering component receives the template data sent by the data visualization component, generates picture data according to the template data, and sends the picture data to the data visualization component.
Specifically, the generating of the picture data by the template rendering component according to the template data may be: loading a page rendering template by a template rendering component, and filling the template data into the page rendering template to obtain a page which is successfully rendered; and then, carrying out screenshot on the page which is successfully rendered, and coding the picture obtained by screenshot to obtain the picture data.
Wherein, the template rendering component can perform BASE64 encoding on the picture obtained by the screenshot.
And 110, the data visualization component receives the picture data sent by the template rendering component and displays the picture data at the front end.
In the picture rendering method, after the front end triggers the wireless payment automation test, the wireless payment component executes each payment step of wireless payment to obtain payment data corresponding to each payment step, obtains a template corresponding to each payment step, assembles the payment data according to the template corresponding to each payment step to obtain template data corresponding to each payment step, and sends the obtained template data to the data visualization component. After the data visualization component receives the template data sent by the wireless payment component, the template data is sent to the template rendering component, then the template rendering component receives the template data sent by the data visualization component, picture data is generated according to the template data, the picture data is sent to the data visualization component, the data visualization component receives the picture data sent by the template rendering component, and the picture data is displayed at the front end, so that the picture corresponding to each payment step is generated according to the result after the automatic test of the wireless payment is completed, and the effect of automatically drawing the picture after the automatic test of the wireless payment is completed can be achieved.
Fig. 2 is a flowchart of another embodiment of the method for rendering a picture in the present description, and as shown in fig. 2, in the embodiment shown in fig. 1 in the present description, before displaying the picture data at the front end in step 110, the method may further include:
in step 202, the data visualization component receives the picture data sent by the template rendering component.
And step 204, the data visualization component decodes the picture data sent by the template rendering component.
Specifically, since the picture data sent by the stencil rendering component is the coded picture data, after the data visualization component receives the picture data, the picture data sent by the stencil rendering component needs to be decoded first.
In a specific implementation, if the template rendering component performs BASE64 encoding on the picture data, the data visualization component needs to perform BASE64 decoding on the picture data sent by the template rendering component.
In step 206, the data visualization component sends the picture data obtained by decoding to the picture storage server.
The picture storage server may be an Operation Support Systems (OSS) server, and the OSS server is an object storage server and provides cloud storage services for storing pictures, audio, video, and the like.
In step 208, the data visualization component receives the storage address of the decoded picture data sent by the picture storage server.
Specifically, after sending the decoded picture data to the OSS server, the data visualization component may receive a storage address of the decoded picture data sent by the OSS server, where the storage address is a Uniform Resource Locator (URL) of the picture data.
In this way, in step 110, displaying the picture data at the front end may be:
and step 210, the data visualization component sends the storage address of the picture data to the front end, so that the front end can display the picture according to the storage address of the picture data.
Specifically, the data visualization component may send the URL of the picture data to the front end, and the front end may display the picture according to the URL of the picture data. The data visualization component can send the URLs of the picture data corresponding to each payment step to the front end one by one, and then the front end displays the pictures corresponding to each payment step one by one; or, the data visualization component may also send the URL list of the picture data corresponding to at least two or all payment steps to the front end, and then the front end displays the pictures corresponding to at least two or all payment steps in batch.
Fig. 3 is a flowchart of a further embodiment of a picture rendering method according to the present disclosure, and as shown in fig. 3, the picture rendering method may include:
step 302, the front end triggers a wireless payment automation test to the wireless payment component.
And step 304, the wireless payment component executes each payment step in the test case of the wireless payment automation test.
After the wireless payment component executes a payment step, a template corresponding to the executed payment step can be acquired, and then payment data corresponding to the executed payment step is assembled according to the template to acquire template data corresponding to each payment step.
Step 306, the wireless payment component sends the template data to the data visualization component.
The template data sent by the wireless payment component to the data visualization component may be data in a JS Object numbered Notation array (JavaScript Object Notation; hereinafter referred to as JSONArray) format.
Step 308, the data visualization component parses the template data.
In step 310, the data visualization component sends the template data to the template rendering component.
And step 312, loading a page rendering template by the template rendering component, filling the template data into the page rendering template, after a page which is rendered successfully is obtained, carrying out screenshot on the page which is rendered successfully, and coding a picture obtained by screenshot.
In particular, the stencil rendering component may BASE64 encode the picture obtained from the screenshot.
In step 314, the template rendering component sends the encoded picture data to the data visualization component.
In particular, the stencil rendering component may send the picture data encoded by BASE64 to the data visualization component.
And step 316, the data visualization component decodes the coded picture data and sends the picture data obtained by decoding to the OSS server.
Specifically, the data visualization component may BASE64 decode the BASE64 encoded picture data and send the decoded picture data to the OSS server.
In step 318, the data visualization component receives the storage address of the picture data obtained by decoding and sent by the OSS server.
Wherein, the storage address is the URL of the picture data.
And step 320, the data visualization component sends the storage address of the picture data to the wireless payment component.
And step 322, the wireless payment component sends the storage address of the picture data to the front end.
In step 324, the front end displays the picture according to the storage address of the picture data.
Specifically, in steps 320 to 324, the data visualization component may send the URLs of the image data corresponding to each payment step to the front end one by one, and then the front end displays the images corresponding to each payment step one by one; or, the data visualization component may also send the URL list of the picture data corresponding to at least two or all payment steps to the front end, and then the front end displays the pictures corresponding to at least two or all payment steps in batch.
Fig. 4(a) -4 (c) are schematic diagrams of pictures displayed at the front end in the picture rendering method of the present specification, where fig. 4(a) is an initial page of a payment step, fig. 4(b) is a page of a payment method selection, and fig. 4(c) is a page of a payment method selection.
In a wireless payment automatic test scene, in addition to whether the performance of a server is normal, attention needs to be paid to the display of a return result at a client, so that a method needs to be provided to quickly and intuitively display an execution result of an automatic test through pictures, and as can be seen from fig. 4(a) to 4(c), the picture rendering method provided by the embodiment of the specification can generate a picture corresponding to each payment step according to the execution result of the automatic test after the wireless payment automatic test is completed, so that the effect of automatically drawing a picture after the wireless payment automatic test is completed can be achieved, the effect of not invading the client can be achieved, the wireless payment automatic test and the data rendering are combined, and the effect of automatically drawing an execution case is achieved.
The foregoing description has been directed to specific embodiments of this disclosure. Other embodiments are within the scope of the following claims. In some cases, the actions or steps recited in the claims may be performed in a different order than in the embodiments and still achieve desirable results. In addition, the processes depicted in the accompanying figures do not necessarily require the particular order shown, or sequential order, to achieve desirable results. In some embodiments, multitasking and parallel processing may also be possible or may be advantageous.
Fig. 5 is a schematic structural diagram of an embodiment of a picture rendering apparatus in this specification, where the picture rendering apparatus in this embodiment may be used as a server, or a part of the server to implement the picture rendering method provided in the embodiment shown in fig. 1 in this specification. As shown in fig. 5, the picture rendering apparatus may include: a front end 51, a wireless payment component 52, a data visualization component 53, and a template rendering component 54;
a front end 51 for triggering a wireless payment automation test;
the wireless payment component 52 is configured to execute payment steps in a test case of the wireless payment automation test, obtain payment data corresponding to each payment step, and obtain a template corresponding to each payment step; assembling the payment data according to the template corresponding to each payment step to obtain the template data corresponding to each payment step, and sending the obtained template data to the data visualization component 53;
the data visualization component 53 is used for receiving the template data sent by the wireless payment component 52 and sending the template data to the template rendering component 54;
the template rendering component 54 is configured to receive template data sent by the data visualization component 53, generate picture data according to the template data, and send the picture data to the data visualization component 53;
the data visualization component 53 is further configured to receive the picture data sent by the template rendering component 54, and display the picture data at the front end 51.
The template rendering component 54 is specifically configured to load a page rendering template, and fill the template data into the page rendering template to obtain a page that is successfully rendered; and carrying out screenshot on the page which is successfully rendered, and coding the picture obtained by screenshot to obtain the picture data.
In this embodiment, the data visualization component 53 is further configured to decode the picture data sent by the template rendering component 54 before displaying the picture data at the front end, and send the picture data obtained by decoding to the picture storage server; and receiving a storage address of the decoded picture data sent by the picture storage server.
In this embodiment, the data visualization component 53 is specifically configured to send the storage address of the picture data to the front end 51, so that the front end 51 displays a picture according to the storage address of the picture data.
The image rendering apparatus provided in the embodiment shown in fig. 5 may be used to execute the technical solutions of the method embodiments shown in fig. 1 to fig. 3 of the present application, and the implementation principles and technical effects of the technical solutions may further refer to the related descriptions in the method embodiments.
FIG. 6 is a schematic block diagram of an embodiment of an electronic device according to the present disclosure, which may include at least one processor, as shown in FIG. 6; and at least one memory communicatively coupled to the processor, wherein: the memory stores program instructions executable by the processor, and the processor calls the program instructions to execute the picture rendering method provided by the embodiments shown in fig. 1 to 3 in this specification.
The electronic device may be a server, for example: the present embodiment does not limit the form of the electronic device described above, and the server is used for performing the wireless payment automation test.
FIG. 6 illustrates a block diagram of an exemplary electronic device suitable for use in implementing embodiments of the present specification. The electronic device shown in fig. 6 is only an example, and should not bring any limitation to the functions and the scope of use of the embodiments of the present specification.
As shown in fig. 6, the electronic device is in the form of a general purpose computing device. Components of the electronic device may include, but are not limited to: one or more processors 410, a memory 430, and a communication bus 440 that connects the various system components (including the memory 430 and the processing unit 410).
Communication bus 440 represents one or more of any of several types of bus structures, including a memory bus or memory controller, a peripheral bus, an accelerated graphics port, and a processor or local bus using any of a variety of bus architectures. These architectures include, but are not limited to, Industry Standard Architecture (ISA) bus, Micro Channel Architecture (MAC) bus, enhanced ISA bus, Video Electronics Standards Association (VESA) local bus, and Peripheral Component Interconnect (PCI) bus, to name a few.
Electronic devices typically include a variety of computer system readable media. Such media may be any available media that is accessible by the electronic device and includes both volatile and nonvolatile media, removable and non-removable media.
Memory 430 may include computer system readable media in the form of volatile Memory, such as Random Access Memory (RAM) and/or cache Memory. The electronic device may further include other removable/non-removable, volatile/nonvolatile computer system storage media. Memory 430 may include at least one program product having a set (e.g., at least one) of program modules that are configured to carry out the functions of embodiments of the present description.
A program/utility having a set (at least one) of program modules, including but not limited to an operating system, one or more application programs, other program modules, and program data, may be stored in memory 430, each of which examples or some combination may include an implementation of a network environment. The program modules generally perform the functions and/or methodologies of the embodiments described herein.
The processor 410 executes various functional applications and data processing by executing programs stored in the memory 430, for example, implementing the picture rendering method provided by the embodiments shown in fig. 1 to 3 in this specification.
The embodiment of the present specification provides a non-transitory computer readable storage medium, which stores computer instructions, and the computer instructions cause the computer to execute the picture rendering method provided by the embodiment shown in fig. 1 to 3 of the present specification.
The non-transitory computer readable storage medium described above may take any combination of one or more computer readable media. The computer readable medium may be a computer readable signal medium or a computer readable storage medium. A computer readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the foregoing. More specific examples (a non-exhaustive list) of the computer readable storage medium would include the following: an electrical connection having one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a Read Only Memory (ROM), an Erasable Programmable Read Only Memory (EPROM), a flash Memory, an optical fiber, a portable compact disc Read Only Memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In the context of this document, a computer readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device.
A computer readable signal medium may include a propagated data signal with computer readable program code embodied therein, for example, in baseband or as part of a carrier wave. Such a propagated data signal may take any of a variety of forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. A computer readable signal medium may also be any computer readable medium that is not a computer readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device.
Program code embodied on a computer readable medium may be transmitted using any appropriate medium, including but not limited to wireless, wireline, optical fiber cable, RF, etc., or any suitable combination of the foregoing.
Computer program code for carrying out operations for aspects of the present description may be written in any combination of one or more programming languages, including an object oriented programming language such as Java, Smalltalk, C + + or the like and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any type of Network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or the connection may be made to an external computer (for example, through the Internet using an Internet service provider).
The foregoing description has been directed to specific embodiments of this disclosure. Other embodiments are within the scope of the following claims. In some cases, the actions or steps recited in the claims may be performed in a different order than in the embodiments and still achieve desirable results. In addition, the processes depicted in the accompanying figures do not necessarily require the particular order shown, or sequential order, to achieve desirable results. In some embodiments, multitasking and parallel processing may also be possible or may be advantageous.
In the description of the specification, reference to the description of the term "one embodiment," "some embodiments," "an example," "a specific example," or "some examples," etc., means that a particular feature, structure, material, or characteristic described in connection with the embodiment or example is included in at least one embodiment or example of the specification. In this specification, the schematic representations of the terms used above are not necessarily intended to refer to the same embodiment or example. Furthermore, the particular features, structures, materials, or characteristics described may be combined in any suitable manner in any one or more embodiments or examples. Furthermore, various embodiments or examples and features of different embodiments or examples described in this specification can be combined and combined by one skilled in the art without contradiction.
Furthermore, the terms "first", "second" and "first" are used for descriptive purposes only and are not to be construed as indicating or implying relative importance or implicitly indicating the number of technical features indicated. Thus, a feature defined as "first" or "second" may explicitly or implicitly include at least one such feature. In the description of the present specification, "a plurality" means at least two, e.g., two, three, etc., unless explicitly defined otherwise.
Any process or method descriptions in flow charts or otherwise described herein may be understood as representing modules, segments, or portions of code which include one or more executable instructions for implementing steps of a custom logic function or process, and alternate implementations are included within the scope of the preferred embodiment of the present description in which functions may be executed out of order from that shown or discussed, including substantially concurrently or in reverse order, depending on the functionality involved, as would be understood by those reasonably skilled in the art of the embodiments of the present description.
The word "if" as used herein may be interpreted as "at … …" or "when … …" or "in response to a determination" or "in response to a detection", depending on the context. Similarly, the phrases "if determined" or "if detected (a stated condition or event)" may be interpreted as "when determined" or "in response to a determination" or "when detected (a stated condition or event)" or "in response to a detection (a stated condition or event)", depending on the context.
It should be noted that the terminal referred to in the embodiments of the present disclosure may include, but is not limited to, a Personal Computer (Personal Computer; hereinafter, referred to as PC), a Personal Digital Assistant (Personal Digital Assistant; hereinafter, referred to as PDA), a wireless handheld device, a Tablet Computer (Tablet Computer), a mobile phone, an MP3 player, an MP4 player, and the like.
In the several embodiments provided in this specification, it should be understood that the disclosed system, apparatus, and method may be implemented in other ways. For example, the above-described apparatus embodiments are merely illustrative, and for example, the division of the units is only one logical division, and there may be other divisions in actual implementation, for example, a plurality of units or components may be combined or integrated into another system, or some features may be omitted, or not executed. In addition, the shown or discussed mutual coupling or direct coupling or communication connection may be an indirect coupling or communication connection through some interfaces, devices or units, and may be in an electrical, mechanical or other form.
In addition, functional units in the embodiments of the present description may be integrated into one processing unit, or each unit may exist alone physically, or two or more units are integrated into one unit. The integrated unit can be realized in a form of hardware, or in a form of hardware plus a software functional unit.
The integrated unit implemented in the form of a software functional unit may be stored in a computer readable storage medium. The software functional unit is stored in a storage medium and includes several instructions to enable a computer device (which may be a personal computer, a server, or a network device) or a Processor (Processor) to execute some steps of the methods described in the embodiments of the present disclosure. And the aforementioned storage medium includes: a U disk, a removable hard disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), a magnetic disk or an optical disk, and other various media capable of storing program codes.
The above description is only a preferred embodiment of the present disclosure, and should not be taken as limiting the present disclosure, and any modifications, equivalents, improvements, etc. made within the spirit and principle of the present disclosure should be included in the scope of the present disclosure.

Claims (10)

1. A picture rendering method, comprising:
after a front end triggers a wireless payment automation test, a wireless payment component executes payment steps in a test case of the wireless payment automation test, obtains payment data corresponding to each payment step, and obtains a template corresponding to each payment step;
the wireless payment component assembles the payment data according to the template corresponding to each payment step, obtains the template data corresponding to each payment step, and sends the obtained template data to the data visualization component;
the data visualization component receives the template data sent by the wireless payment component and sends the template data to a template rendering component;
the template rendering component receives template data sent by the data visualization component, generates picture data according to the template data, and sends the picture data to the data visualization component;
and the data visualization component receives the picture data sent by the template rendering component and displays the picture data at the front end.
2. The method of claim 1, wherein the template rendering component generating picture data from the template data comprises:
the template rendering component loads a page rendering template, and fills the template data into the page rendering template to obtain a page which is successfully rendered;
and the template rendering component captures the successfully rendered page, and encodes the picture obtained by capturing the picture to obtain the picture data.
3. The method of claim 2, wherein before the presenting the picture data in a front end, further comprising:
the data visualization component decodes the picture data sent by the template rendering component;
the data visualization component sends the picture data obtained by decoding to a picture storage server;
and the data visualization component receives a storage address of the picture data obtained by decoding and sent by the picture storage server.
4. The method of claim 3, wherein said displaying the picture data in a front end comprises:
and the data visualization component sends the storage address of the picture data to a front end so that the front end can display the picture according to the storage address of the picture data.
5. An image rendering apparatus, comprising:
the front end is used for triggering the wireless payment automation test;
the wireless payment component is used for executing payment steps in a test case of the wireless payment automation test, obtaining payment data corresponding to each payment step and obtaining a template corresponding to each payment step; assembling the payment data according to the template corresponding to each payment step to obtain the template data corresponding to each payment step, and sending the obtained template data to a data visualization component;
the data visualization component is used for receiving the template data sent by the wireless payment component and sending the template data to the template rendering component;
the template rendering component is used for receiving template data sent by the data visualization component, generating picture data according to the template data and sending the picture data to the data visualization component;
the data visualization component is further configured to receive the picture data sent by the template rendering component, and display the picture data at the front end.
6. The apparatus of claim 5,
the template rendering component is specifically used for loading a page rendering template and filling the template data into the page rendering template to obtain a page which is successfully rendered; and carrying out screenshot on the page which is successfully rendered, and coding the picture obtained by screenshot to obtain the picture data.
7. The apparatus of claim 6,
the data visualization component is further used for decoding the picture data sent by the template rendering component before the picture data is displayed at the front end, and sending the picture data obtained by decoding to a picture storage server; and receiving a storage address of the picture data obtained by decoding and sent by the picture storage server.
8. The apparatus of claim 7,
the data visualization component is specifically configured to send the storage address of the picture data to the front end, so that the front end displays a picture according to the storage address of the picture data.
9. An electronic device, comprising:
at least one processor; and
at least one memory communicatively coupled to the processor, wherein:
the memory stores program instructions executable by the processor, the processor invoking the program instructions to perform the method of any of claims 1 to 4.
10. A non-transitory computer-readable storage medium storing computer instructions that cause a computer to perform the method of any one of claims 1 to 4.
CN202010081915.5A 2020-02-06 2020-02-06 Picture rendering method and device and electronic equipment Active CN111338932B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010081915.5A CN111338932B (en) 2020-02-06 2020-02-06 Picture rendering method and device and electronic equipment

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010081915.5A CN111338932B (en) 2020-02-06 2020-02-06 Picture rendering method and device and electronic equipment

Publications (2)

Publication Number Publication Date
CN111338932A true CN111338932A (en) 2020-06-26
CN111338932B CN111338932B (en) 2022-11-15

Family

ID=71183453

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010081915.5A Active CN111338932B (en) 2020-02-06 2020-02-06 Picture rendering method and device and electronic equipment

Country Status (1)

Country Link
CN (1) CN111338932B (en)

Citations (15)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101308556A (en) * 2007-05-15 2008-11-19 阿里巴巴集团控股有限公司 System and method for online charging test
US20100289804A1 (en) * 2009-05-13 2010-11-18 International Business Machines Corporation System, mechanism, and apparatus for a customizable and extensible distributed rendering api
US20140237365A1 (en) * 2011-10-10 2014-08-21 Genarts, Inc. Network-based rendering and steering of visual effects
CN104427627A (en) * 2013-08-23 2015-03-18 阿里巴巴集团控股有限公司 Test data obtaining method, client and server
CN104615776A (en) * 2015-02-27 2015-05-13 北京奇艺世纪科技有限公司 Method and device for providing information to be displayed
CN104657420A (en) * 2015-01-09 2015-05-27 北京京东尚科信息技术有限公司 Page displaying method and system
CN105607910A (en) * 2015-12-22 2016-05-25 北京奇虎科技有限公司 Method and apparatus for realizing universal payment front-end service
US9600400B1 (en) * 2015-10-29 2017-03-21 Vertafore, Inc. Performance testing of web application components using image differentiation
CN106886491A (en) * 2017-01-17 2017-06-23 博彦科技股份有限公司 Webpage compatibility test method and device
CN106933851A (en) * 2015-12-30 2017-07-07 阿里巴巴集团控股有限公司 Render the methods, devices and systems of webpage
CN107729516A (en) * 2017-10-26 2018-02-23 北京百度网讯科技有限公司 Single page application methods of exhibiting and device, server, equipment and computer-readable recording medium
CN107967209A (en) * 2017-10-09 2018-04-27 中国银联股份有限公司 It is a kind of to detect method, detection device and server wrong in the web page code of front end
CN108764886A (en) * 2018-04-10 2018-11-06 阿里巴巴集团控股有限公司 Two-dimension code image acquisition methods, device and equipment
CN109213685A (en) * 2018-09-29 2019-01-15 阿里巴巴集团控股有限公司 Service logic test method and device
CN110717754A (en) * 2019-07-26 2020-01-21 上海千检信息技术服务有限公司 Commodity transaction method, server, user side, laboratory side and system

Patent Citations (15)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101308556A (en) * 2007-05-15 2008-11-19 阿里巴巴集团控股有限公司 System and method for online charging test
US20100289804A1 (en) * 2009-05-13 2010-11-18 International Business Machines Corporation System, mechanism, and apparatus for a customizable and extensible distributed rendering api
US20140237365A1 (en) * 2011-10-10 2014-08-21 Genarts, Inc. Network-based rendering and steering of visual effects
CN104427627A (en) * 2013-08-23 2015-03-18 阿里巴巴集团控股有限公司 Test data obtaining method, client and server
CN104657420A (en) * 2015-01-09 2015-05-27 北京京东尚科信息技术有限公司 Page displaying method and system
CN104615776A (en) * 2015-02-27 2015-05-13 北京奇艺世纪科技有限公司 Method and device for providing information to be displayed
US9600400B1 (en) * 2015-10-29 2017-03-21 Vertafore, Inc. Performance testing of web application components using image differentiation
CN105607910A (en) * 2015-12-22 2016-05-25 北京奇虎科技有限公司 Method and apparatus for realizing universal payment front-end service
CN106933851A (en) * 2015-12-30 2017-07-07 阿里巴巴集团控股有限公司 Render the methods, devices and systems of webpage
CN106886491A (en) * 2017-01-17 2017-06-23 博彦科技股份有限公司 Webpage compatibility test method and device
CN107967209A (en) * 2017-10-09 2018-04-27 中国银联股份有限公司 It is a kind of to detect method, detection device and server wrong in the web page code of front end
CN107729516A (en) * 2017-10-26 2018-02-23 北京百度网讯科技有限公司 Single page application methods of exhibiting and device, server, equipment and computer-readable recording medium
CN108764886A (en) * 2018-04-10 2018-11-06 阿里巴巴集团控股有限公司 Two-dimension code image acquisition methods, device and equipment
CN109213685A (en) * 2018-09-29 2019-01-15 阿里巴巴集团控股有限公司 Service logic test method and device
CN110717754A (en) * 2019-07-26 2020-01-21 上海千检信息技术服务有限公司 Commodity transaction method, server, user side, laboratory side and system

Also Published As

Publication number Publication date
CN111338932B (en) 2022-11-15

Similar Documents

Publication Publication Date Title
CN107451162B (en) Network resource access device, hybrid device and method
CN109618225B (en) Video frame extraction method, device, equipment and medium
CN112770188B (en) Video playing method and device
CN111459364B (en) Icon updating method and device and electronic equipment
CN109582317B (en) Method and apparatus for debugging hosted applications
CN110347319B (en) Method and device for screenshot in application
CN112306793A (en) Method and device for monitoring webpage
CN109218393B (en) Push implementation method, device, equipment and computer storage medium
CN112181568A (en) Locally adapting screen method and apparatus
CN111240769A (en) Page starting method, device, equipment and storage medium
JP2023537767A (en) Image processing method and apparatus, and computer-readable storage medium
CN112631590A (en) Component library generation method and device, electronic equipment and computer readable medium
CN112581568B (en) Dynamic poster generation method, device, server and storage medium
CN111338932B (en) Picture rendering method and device and electronic equipment
CN110442806B (en) Method and apparatus for recognizing image
CN111783010B (en) Webpage blank page monitoring method, device, terminal and storage medium
CN106095886B (en) Data processing method and device
CN111324835A (en) Method and device for rendering user interface component, electronic equipment and storage medium
AU2018403361B2 (en) Data transmission
CN112445394A (en) Screenshot method and device
CN115237481A (en) Method, device and equipment for driving external equipment and storage medium
CN112632108A (en) Rendering method and device of graph and report interface and electronic equipment
CN110807114B (en) Method, device, terminal and storage medium for picture display
CN114625458A (en) Page data processing method and device, electronic equipment and storage medium
CN111124627A (en) Method, device, terminal and storage medium for determining application program caller

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant
TR01 Transfer of patent right

Effective date of registration: 20230110

Address after: 200120 Floor 15, No. 447, Nanquan North Road, Free Trade Pilot Zone, Pudong New Area, Shanghai

Patentee after: Alipay.com Co.,Ltd.

Address before: 801-11, Section B, 8th floor, 556 Xixi Road, Xihu District, Hangzhou City, Zhejiang Province 310007

Patentee before: Alipay (Hangzhou) Information Technology Co.,Ltd.

TR01 Transfer of patent right