CN110457038B - Card display method, device and equipment of auxiliary application terminal and storage medium - Google Patents
Card display method, device and equipment of auxiliary application terminal and storage medium Download PDFInfo
- Publication number
- CN110457038B CN110457038B CN201910750872.2A CN201910750872A CN110457038B CN 110457038 B CN110457038 B CN 110457038B CN 201910750872 A CN201910750872 A CN 201910750872A CN 110457038 B CN110457038 B CN 110457038B
- Authority
- CN
- China
- Prior art keywords
- card
- rendering
- component
- application end
- resource
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 54
- 238000009877 rendering Methods 0.000 claims abstract description 182
- 230000006870 function Effects 0.000 claims description 18
- 238000004590 computer program Methods 0.000 claims description 8
- 238000012827 research and development Methods 0.000 abstract description 10
- 230000008569 process Effects 0.000 description 12
- 238000010586 diagram Methods 0.000 description 8
- 238000012545 processing Methods 0.000 description 8
- 230000003287 optical effect Effects 0.000 description 6
- 238000005516 engineering process Methods 0.000 description 3
- 230000001960 triggered effect Effects 0.000 description 3
- 238000004891 communication Methods 0.000 description 2
- 238000011161 development Methods 0.000 description 2
- 238000009434 installation Methods 0.000 description 2
- 239000013307 optical fiber Substances 0.000 description 2
- 230000002093 peripheral effect Effects 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 238000012795 verification Methods 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000001419 dependent effect Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 230000008707 rearrangement Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements 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/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Stored Programmes (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The embodiment of the invention discloses a card display method, a device, equipment and a storage medium of an auxiliary application terminal. The method comprises the following steps: executing an operation of rendering at least one resource result item to a resource result page; when a result item of the auxiliary application end is rendered, card style data matched with the result item of the auxiliary application end is obtained from a server through at least one rendering control component, and a display card of the auxiliary application end is rendered in the resource result page; wherein the card style data is uploaded to the server by the affiliated application end party in advance. According to the technical scheme, the auxiliary application end developer is supported to self-define the auxiliary application end inlet card style on the basis of not increasing the labor cost of the front end research and development department, and the display flexibility of the auxiliary application end inlet card in the resource result page is improved.
Description
Technical Field
The embodiment of the invention relates to a page display technology, in particular to a card display method, a device, equipment and a storage medium of an auxiliary application terminal.
Background
With the continuous development of mobile internet technology, various types of accessory application terminals (i.e. applets) are emerging, and are more and more familiar and widely used by the public due to the characteristic that the accessory application terminals can be directly used without installation. Wherein the portal card of the secondary application can be mounted on a landing page, such as a search results page.
Currently, most of the affiliated application portal cards mounted on the landing pages are fixed style cards, and regarding the affiliated application portal cards mounted in the search result pages as an example, the affiliated application portal cards are mainly classified into alatin cards (as shown in fig. 1) and natural result cards (as shown in fig. 2). The method is characterized in that the Allatin card supports style customization, and the auxiliary application end developer submits the card style and then customizes the card style by a front-end research and development part of a search result page, but the method needs the labor cost of the research and development part to support, and cannot be widely opened to all the auxiliary application end developers; the natural result cards are uniform card styles and can be accessed in batches, but the self-defined styles of auxiliary application end developers cannot be supported, and the flexibility is poor.
Disclosure of Invention
The embodiment of the invention provides a card display method, a device, equipment and a storage medium of an auxiliary application end, which support an auxiliary application end developer to customize an auxiliary application end inlet card style on the basis of not increasing the labor cost of a research and development department, and improve the display flexibility of the auxiliary application end inlet card.
In a first aspect, an embodiment of the present invention provides a card display method for an accessory application, including:
executing an operation of rendering at least one resource result item to a resource result page;
when a result item of an auxiliary application end is rendered, card style data matched with the result item of the auxiliary application end is obtained from a server through at least one rendering control component, and a display card of the auxiliary application end is rendered in the resource result page;
wherein the card style data is uploaded to the server by the affiliated application end party in advance.
In a second aspect, an embodiment of the present invention further provides a card display device of an accessory application, including:
the resource result item rendering module is used for performing the operation of rendering at least one resource result item to a resource result page;
the auxiliary application end result item rendering module is used for acquiring card style data matched with an auxiliary application end result item from a server through at least one rendering control component when rendering to the auxiliary application end result item, and rendering in the resource result page to obtain a display card of the auxiliary application end;
wherein the card style data is uploaded to the server by the affiliated application end party in advance.
In a third aspect, an embodiment of the present invention further provides a computer device, including a memory, a processor, and a computer program stored on the memory and executable on the processor, where the processor implements the card display method of the accessory application according to any one of the embodiments of the present invention when executing the program.
In a fourth aspect, an embodiment of the present invention further provides a computer-readable storage medium, on which a computer program is stored, where the computer program, when executed by a processor, implements the card display method of the accessory application according to any one of the embodiments of the present invention.
In the embodiment of the invention, each subsidiary application end party uploads the customized subsidiary application end card style data to the server in advance, when the result item of the subsidiary application end is rendered in the process of generating the resource result page, the card style data matched with the result item of the subsidiary application end can be obtained from the server through at least one rendering control component, and the display card of the subsidiary application end is rendered in the resource result page, so that the card style displayed by the subsidiary application end in the resource result page is the card style customized by the subsidiary application end party in advance. According to the technical scheme, on the basis that the labor cost of the front-end research and development part is not increased, the auxiliary application end developer is supported to customize the auxiliary application end inlet card style, and the display flexibility of the auxiliary application end inlet card in the resource result page is improved.
Drawings
FIG. 1 is a diagram illustrating an example of an accessory application side access card of the prior art as an Aladdin card;
FIG. 2 is a diagram illustrating a prior art accessory application side portal card as a natural result card;
fig. 3 is a flowchart of a card display method of the accessory application according to a first embodiment of the present invention;
fig. 4 is an example of a feed stream result page for mounting a portal card of a secondary application side according to a first embodiment of the present invention;
fig. 5 is a flowchart of a card display method of an accessory application according to a second embodiment of the present invention;
fig. 6 is a flowchart of a card display method of the accessory application in the third embodiment of the present invention;
fig. 7 is a schematic workflow diagram of a card display method of an accessory application side according to a third embodiment of the present invention;
fig. 8 is a schematic structural diagram of a card display device of an accessory application according to a fourth embodiment of the present invention;
fig. 9 is a schematic structural diagram of a computer device in the fifth embodiment of the present invention.
Detailed Description
The present invention will be described in further detail with reference to the drawings and examples. It is to be understood that the specific embodiments described herein are merely illustrative of the invention and are not to be construed as limiting the invention.
It should be further noted that, for the convenience of description, only some but not all of the relevant elements of the present invention are shown in the drawings. Before discussing exemplary embodiments in more detail, it should be noted that some exemplary embodiments are described as processes or methods depicted as flowcharts. Although a flowchart may describe the operations (or steps) as a sequential process, many of the operations can be performed in parallel, concurrently or simultaneously. In addition, the order of the operations may be re-arranged. The process may be terminated when its operations are completed, but may have additional steps not included in the figure. The processes may correspond to methods, functions, procedures, subroutines, and the like.
Example one
Fig. 3 is a flowchart of a method for displaying a card at an accessory application end according to an embodiment of the present invention, where the embodiment is applicable to a case where an accessory application end entry card is flexibly displayed in a resource result page (e.g., a search result page) according to an accessory application end entry card style defined by an accessory end developer.
As shown in fig. 3, the method of this embodiment specifically includes:
s110, performing an operation of rendering at least one resource result item to a resource result page.
A resource result item refers to one of the content items used to generate the resource result page, such as a search result item used to generate the search result page. And after the operation of rendering each resource result item to the interface result page is executed respectively, the corresponding resource result page can be generated and displayed for a user to view.
Specifically, the resource result page includes multiple types, which may be a search result page, a feed stream result page, or a detail landing page (for example, a novel detail landing page, a news detail landing page, etc.).
Typically, each resource result item may be stored in a resource result list, and further, the rendering operation of each resource result item to the resource result page may be sequentially performed according to the sequence of each resource result item in the resource result list.
The resource result item may be an affiliated application result item, and may also be a non-affiliated application result item (for example, a text result item, a picture result item, a hyperlink result item, or the like).
The accessory application terminal, also called accessory application program, is an application program that can be used without downloading and installation, and is attached to other application programs to run, commonly called applets.
And the auxiliary application end result item refers to a resource result item which generates an auxiliary application end inlet card after being rendered to the resource result page. Correspondingly, the non-affiliated application result item refers to a resource result item that generates resource information other than the affiliated application entry card after being rendered to the resource result page, for example, a text resource, a picture resource, a hyperlink resource, or the like is generated.
The resource result page shown in fig. 4 is an example of a feed flow result page, in which an accessory application side entry card (i.e., a smart applet entry card) is mounted in the feed flow result page.
S120, when rendering to the auxiliary application end result item, obtaining card style data matched with the auxiliary application end result item from the server through at least one rendering control component, and rendering in a resource result page to obtain a display card of the auxiliary application end; the card style data is uploaded to the server by the auxiliary application end side in advance.
And if the resource result item is the auxiliary application end result item, performing rendering operation on the auxiliary application end result item by using the rendering control component corresponding to the auxiliary application end result item to obtain a display card of the auxiliary application end.
The card style data of the display card of the accessory application side is uploaded to the server in advance by the accessory application side, specifically, the card style data may be uploaded to the server in advance by a developer of the accessory application side or a provider of the accessory application side, so that the rendering control component obtains the card style data when performing rendering operation on the result item of the accessory application side. Wherein, a server may refer to a server corresponding to a host client of an applet (e.g., a search engine server, etc.); or an applet development platform server, which is used for receiving data and the like related to the applet card style uploaded by an applet developer, and the host application end of the applet can perform data interaction after establishing a communication connection with the host application end.
Specifically, the card style data uploaded to the server by the accessory application developer does not include logic codes. Therefore, when the card style data is audited, only the availability of a data interface and the data meeting the specification are required to be ensured, and the auditing cost of the card style data is greatly reduced.
And when the result item of the target auxiliary application end is rendered, the rendering control component acquires the card style data matched with the result item of the target auxiliary application end from the server, and renders the card style data in the resource result page to obtain the display card of the auxiliary application end.
In the embodiment of the invention, each subsidiary application end party uploads the customized subsidiary application end card style data to the server in advance, when the result item of the subsidiary application end is rendered in the process of generating the resource result page, the card style data matched with the result item of the subsidiary application end can be obtained from the server through at least one rendering control component, and the display card of the subsidiary application end is rendered in the resource result page, so that the card style displayed by the subsidiary application end in the resource result page is the card style customized by the subsidiary application end party in advance. According to the technical scheme, on the basis that the labor cost of the front-end research and development part is not increased, the auxiliary application end developer is supported to customize the auxiliary application end inlet card style, and the display flexibility of the auxiliary application end inlet card in the resource result page is improved.
Example two
Fig. 5 is a flowchart of a card display method of an accessory application according to a second embodiment of the present invention, which is optimized based on the second embodiment, wherein the rendering control component specifically includes: the system comprises a card rendering component loaded in a resource result page and a card control logic component loaded in a memory.
Wherein memory refers to memory of a computer device of a host client running an applet.
Further, obtaining card style data matched with the auxiliary application end result item from the server through at least one rendering control component, and rendering in the resource result page to obtain a display card of the auxiliary application end, including:
sending a business data request matched with the result item of the auxiliary application terminal to a card control logic component loaded in a memory through a card rendering component loaded in a resource result page;
the card style data matched with the service data request is obtained from the server through the card control logic component, and a rendering instruction is generated according to the card style data and fed back to the card rendering component;
and rendering the display card matched with the rendering instruction in the resource result page through the card rendering component.
As shown in fig. 5, the method of this embodiment may include:
s210, performing an operation of rendering at least one resource result item to a resource result page.
And S220, when the result item of the auxiliary application end is rendered, sending a business data request matched with the result item of the auxiliary application end to a card control logic component loaded in a memory through a card rendering component loaded in a resource result page.
The rendering control component is developed and provided by a host client side of the applet, that is, the card rendering component loaded in the resource result page and the card control logic component loaded in the memory are both developed and provided by the host client side of the applet. Typically, the rendering control component, and the card rendering component and the card control logic component, are implemented by program code.
The card rendering component is specifically used for performing rendering operation on the auxiliary application end result item, and the card control logic component is specifically used for realizing logic control in the auxiliary application end card generating process, so that a logic layer and a view layer of a host client side of the applet are separated, and an applet developer cannot damage browsing experience of a resource result page of the host client side.
And when the target auxiliary application end result item exists, the card rendering component loaded in the resource result page sends a business data request matched with the target auxiliary application end result item to the card control logic component loaded in the memory. The service data request comprises a unique identifier for identifying a target auxiliary application end result item, so that the card control logic component can accurately acquire the service data matched with the target auxiliary application end result item according to the unique identifier.
Specifically, before sending a service data request matched with the result item of the accessory application to the card control logic component loaded in the memory through the card rendering component loaded in the resource result page, the method further includes:
and when the at least one resource result item is determined to comprise at least one auxiliary application end result item, triggering to load a card rendering component in the resource result page.
Specifically, when it is determined that at least one resource result item includes at least one affiliated application end result item, triggering a resource result page to call back a target hook function; and triggering to load a card rendering component in the resource result page in the callback process of the target hook function.
The card rendering component is triggered and loaded when the at least one resource result item includes an accessory application end result item, and specifically may be triggered and loaded in a callback process of the target hook function.
The hook function is a part of a Windows message processing mechanism, an application program can filter all messages and events at a system level by setting a hook to access the messages which cannot be accessed under normal conditions, and the hook is essentially a program for processing system messages and is hung in the system through system call.
In this embodiment, the target hook function is called back when at least one resource result item includes an attached application end result item, for example, the resource result page calls back the target hook function through an application program interface, and in a call-back process of the target hook function, a card rendering component is triggered to be loaded in the resource result page.
And after the loading of the card rendering component is finished, sending a business data request matched with the result item of the target auxiliary application end to be displayed to the card control logic component loaded in the memory.
And S230, obtaining card style data matched with the service data request from the server through the card control logic component, and generating a rendering instruction according to the card style data and feeding the rendering instruction back to the card rendering component.
And the card control logic component accesses the server after receiving a service data request which is sent by the card rendering component and matched with the result item of the target auxiliary application end, and acquires card style data matched with the service data request, namely the card style data matched with the result item of the target auxiliary application end, in the server according to the unique identifier carried in the service data request.
And after the card control logic component acquires the card style data matched with the target accessory application end result item, generating a rendering instruction for instructing the card rendering component to execute rendering operation according to the card style data, and sending the rendering instruction to the card rendering component.
And S240, rendering the display card matched with the rendering instruction in the resource result page through the card rendering component.
And after the card rendering component receives the rendering instruction sent by the card control logic component, executing corresponding rendering operation in the resource result page according to the rendering instruction, and thus obtaining the target auxiliary application terminal display card corresponding to the target auxiliary application terminal result item.
And when the operation of rendering each resource result item to the interface result page is completed, generating a corresponding resource result page and displaying the resource result page for the user to view. The rendering operation of the result item at the auxiliary application end may be performed according to the above technical solution, and the rendering operation of the result item at the non-auxiliary application end is not specifically limited in this embodiment.
For those parts of this embodiment that are not explained in detail, reference is made to the aforementioned embodiments, and details are not repeated herein.
According to the technical scheme, the auxiliary application end developer is supported to self-define the auxiliary application end inlet card style on the basis of not increasing the labor cost of the front end research and development department, and the display flexibility of the auxiliary application end inlet card in the resource result page is improved. Moreover, the logic layer and the view layer of the host client of the applet are separated, so that the browsing experience that a applet developer cannot damage a resource result page of the host client is ensured.
EXAMPLE III
Fig. 6 is a flowchart of a card display method of an accessory application terminal according to a third embodiment of the present invention, which is optimized based on the third embodiment.
Specifically, before sending a service data request matched with the result item of the accessory application to the card control logic component loaded in the memory through the card rendering component loaded in the resource result page, the method further includes: and creating a component running environment in a memory, and loading the card control logic component in the component running environment.
The component operation environment is a JS execution engine environment, and the resource result page is specifically an HTML5 page. The JS execution engine environment is a virtual machine runtime environment of JS, for example, the JS execution engine environment may be a V8 engine environment in an Andorid system, and may also be a JSC engine environment in an iOS system, which is not specifically limited in this embodiment.
Further, a rendering instruction generated by the card control logic component according to the card style data can be fed back to the card rendering component, specifically:
loading card template data in the card style data into the component operating environment through a card control logic component; filling the card content data in the card style data into the card template data through the card control logic component to obtain rendering data; and generating a rendering instruction matched with the rendering data and feeding the rendering instruction back to the card rendering component through the card control logic component.
As shown in fig. 6, the method of this embodiment may include:
s310, creating a component running environment in the memory, and loading the card control logic component in the component running environment.
In this embodiment, the card control logic component is loaded in the component execution environment JS execution engine environment, and therefore, the JS execution engine environment needs to be created in the memory before the card control logic component is loaded. When the resource result page is the HTML5 page, the JS execution engine environment, that is, the JS virtual machine, can be directly created in the HTML5 page.
Specifically, the JS execution engine environment may be created when the host client is started, or may be created when the resource result page calls back the target hook function, and the card control logic code is loaded after the JS execution engine environment is created.
Thus, S310 may be embodied as: when a client starting instruction is detected, creating an assembly operating environment in the memory, and loading the card control logic assembly in the assembly operating environment; or S310 may be specifically: when the fact that the resource result page triggers a callback target hook function is detected, an assembly operation environment is created in the internal memory, and the card control logic assembly is loaded in the assembly operation environment.
Furthermore, the execution sequence of S310 can be adjusted according to the creation timing of the JS execution engine environment, and this embodiment merely gives an alternative embodiment.
S320, performing the operation of rendering at least one resource result item to a resource result page.
S330, when the result item of the auxiliary application terminal is rendered, the business data request matched with the result item of the auxiliary application terminal is sent to the card control logic component loaded in the memory through the card rendering component loaded in the resource result page.
And S340, obtaining card style data matched with the service data request from the server through the card control logic component.
The card style data may include: the card template data can be in a JS form or a JSON form.
And S350, loading the card template data in the card style data into the component running environment through the card control logic component.
In the case where the card template data is in JS form or JSON form, the card control logic component may load the card template data in the JS execution engine environment.
And S360, filling the card content data in the card style data into the card template data through the card control logic component to obtain rendering data.
And after loading the card mode data in the JS execution engine environment, filling the corresponding card content data in the card template data by the card control logic component to obtain rendering data.
And S370, generating a rendering instruction matched with the rendering data through the card control logic component, and feeding the rendering instruction back to the card rendering component.
And after the rendering data corresponding to the auxiliary application end result item is obtained, generating a rendering instruction corresponding to the rendering data and used for the card rendering component to execute the rendering operation, so that the card rendering component executes the rendering operation in the resource result page according to the rendering instruction, and obtaining a display card corresponding to the auxiliary application end result item.
And S380, rendering the display card matched with the rendering instruction in the resource result page through the card rendering component.
For those parts of this embodiment that are not explained in detail, reference is made to the aforementioned embodiments, and details are not repeated herein.
According to the technical scheme, the auxiliary application end developer is supported to self-define the auxiliary application end inlet card style on the basis of not increasing the labor cost of the front end research and development department, the auxiliary application end developer can specifically self-define card content data and card module data, the display flexibility of the auxiliary application end inlet card in the resource result page is greatly improved, and the participation degree of the auxiliary application end developer in the resource result page is effectively improved. Moreover, the logic layer and the view layer of the host client of the applet are separated, so that the browsing experience that a applet developer cannot damage a resource result page of the host client is ensured.
Typically, the card display method of the accessory application side provided by the embodiment is suitable for the workflow shown in fig. 7. The applet developer uploads the applet card style data to the applet developer server in advance, the developer server provides the card style data to the host client server for verification, and the card style data are stored in the host client server after verification is passed. The workflow shown in fig. 7 takes a search as an example: before a host client initiates a search, preparing to create a JS execution engine environment (namely a JS virtual machine) and loading a card control logic code swan-card-controller. A user initiates a search (taking the example that the search result comprises an applet); a search result page calls a small program card service code loading hook function (namely a target hook function), and the small program card service code loading hook function triggers a small program card rendering frame code swan-card-render.js (namely a card rendering component) to be loaded in the search result page in the call-back process; loading a small program card rendering frame code swan-card-render.js on a search result page; sending a service data request to a card control logic code swan-card-controller.js by the applet card rendering frame code swan-card-render.js; calling a request capability provided by a js environment by a card control logic code swan-card-controller.js, pulling an applet developer to a host client server to submit approved card style data in advance, calling an include method of a js virtual machine to load a service code custom-card-logic.js (namely card template data in the card style data) provided by the applet developer into the js virtual machine environment, filling card content data in the card style data into the service code custom-card-logic.js, and generating rendering data and rendering instructions corresponding to the rendering data; the card control logic code swan-card-controller.js sends a rendering instruction to the applet card rendering frame code swan-card-render.js; and executing rendering operation corresponding to the rendering instruction in the search result page by the small program card rendering frame code swan-card-render.
In the technical scheme, the service code custom-card-local.js provided by the applet developer does not contain any logic code, so that the host client server only needs to ensure that a data interface is available and data conforms to the specification during auditing, and auditing cost is greatly reduced. Furthermore, on the basis of not increasing the labor cost of the front-end research and development part, the method supports the applet developers to customize the entry card style of the applet in the resource result page, and greatly improves the display flexibility of the applet entry card in the resource result page.
Example four
Fig. 8 is a schematic structural diagram of a card display apparatus of an accessory application according to a fourth embodiment of the present invention, where the apparatus may be implemented in software and/or hardware, and the apparatus may be integrated in a client running the accessory application. As shown in fig. 8, the apparatus specifically includes: a resource result item rendering module 410 and an adjunct application-side result item rendering module 420. Wherein,
a resource result item rendering module 410, configured to perform an operation of rendering at least one resource result item to a resource result page;
the secondary application end result item rendering module 420 is configured to, when rendering to a secondary application end result item, obtain, by at least one rendering control component, card style data matched with the secondary application end result item from a server, and render in the resource result page to obtain a display card of the secondary application end;
wherein the card style data is uploaded to the server by the affiliated application end party in advance.
In the embodiment of the invention, each subsidiary application end party uploads the customized subsidiary application end card style data to the server in advance, when the result item of the subsidiary application end is rendered in the process of generating the resource result page, the card style data matched with the result item of the subsidiary application end can be obtained from the server through at least one rendering control component, and the display card of the subsidiary application end is rendered in the resource result page, so that the card style displayed by the subsidiary application end in the resource result page is the card style customized by the subsidiary application end party in advance. According to the technical scheme, on the basis that the labor cost of the front-end research and development part is not increased, the auxiliary application end developer is supported to customize the auxiliary application end inlet card style, and the display flexibility of the auxiliary application end inlet card in the resource result page is improved.
Specifically, the rendering control component includes: the system comprises a card rendering component loaded in the resource result page and a card control logic component loaded in a memory.
Further, the dependent application result item rendering module 420 includes: a service data request transmitting unit, a rendering instruction generating unit and a rendering unit, wherein,
a service data request sending unit, configured to send, to a card control logic component loaded in a memory, a service data request matching the result item of the affiliated application terminal through a card rendering component loaded in the resource result page;
the rendering instruction generating unit is used for acquiring card style data matched with the service data request from a server through the card control logic component, and generating a rendering instruction according to the card style data and feeding the rendering instruction back to the card rendering component;
and the rendering unit is used for rendering the display card matched with the rendering instruction in the resource result page through the card rendering component.
Further, the above apparatus further comprises: a card rendering component loading module, configured to trigger loading of the card rendering component in the resource result page when it is determined that at least one secondary application end result item is included in the at least one resource result item before sending, to a card control logic component loaded in a memory, a service data request matched with the secondary application end result item through the card rendering component loaded in the resource result page.
Further, the above apparatus further comprises: and the card control logic component loading module is used for creating a component running environment in the memory and loading the card control logic component in the component running environment before sending the business data request matched with the auxiliary application end result item to the card control logic component loaded in the memory through the card rendering component loaded in the resource result page.
The card control logic component loading module is specifically used for creating a component operating environment in the memory when a client starting instruction is detected, and loading the card control logic component in the component operating environment; or
When the fact that the resource result page triggers a callback target hook function is detected, an assembly operation environment is created in the internal memory, and the card control logic assembly is loaded in the assembly operation environment.
Further, the rendering instruction generating unit is specifically configured to load, by the card control logic component, card template data in the card style data into the component operating environment; filling card content data in the card style data into the card template data through the card control logic component to obtain the rendering data; and generating a rendering instruction matched with the rendering data and feeding back the rendering instruction to the card rendering component through the card control logic component.
Typically, the component operating environment includes: and JS executing an engine environment, wherein the resource result page comprises an HTML5 page.
Specifically, the type of the resource result page includes at least one of the following items: a search results page, a feed stream results page, and a detail floor page.
The card display device of the accessory application terminal can execute the card display method of the accessory application terminal provided by any embodiment of the invention, and has corresponding functional modules and beneficial effects of the executed card display method of the accessory application terminal.
EXAMPLE five
Fig. 9 is a schematic structural diagram of a computer device according to a fifth embodiment of the present invention. FIG. 9 illustrates a block diagram of an exemplary computer device 12 suitable for use in implementing embodiments of the present invention. The computer device 12 shown in fig. 9 is only an example and should not bring any limitation to the function and the scope of use of the embodiments of the present invention.
As shown in FIG. 9, computer device 12 is in the form of a general purpose computing device. The components of computer device 12 may include, but are not limited to: one or more processors or processing units 16, a system memory 28, and a bus 18 that couples various system components including the system memory 28 and the processing unit 16.
The system memory 28 may include computer system readable media in the form of volatile memory, such as Random Access Memory (RAM) 30 and/or cache memory 32. Computer device 12 may further include other removable/non-removable, volatile/nonvolatile computer system storage media. By way of example only, storage system 34 may be used to read from and write to non-removable, nonvolatile magnetic media (not shown in FIG. 9 and commonly referred to as a "hard drive"). Although not shown in FIG. 9, a magnetic disk drive for reading from and writing to a removable, nonvolatile magnetic disk (e.g., a "floppy disk") and an optical disk drive for reading from or writing to a removable, nonvolatile optical disk (e.g., a CD-ROM, DVD-ROM, or other optical media) may be provided. In these cases, each drive may be connected to bus 18 by one or more data media interfaces. Memory 28 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 invention.
A program/utility 40 having a set (at least one) of program modules 42 may be stored, for example, in memory 28, such program modules 42 including, but not limited to, an operating system, one or more application programs, other program modules, and program data, each of which or some combination of which may comprise an implementation of a network environment. Program modules 42 generally carry out the functions and/or methodologies of embodiments of the invention as described.
The processing unit 16 executes various functional applications and data processing, such as implementing a card display method of the accessory application side provided by the embodiment of the present invention, by running the program stored in the system memory 28.
Namely: the processing unit implements, when executing the program: executing an operation of rendering at least one resource result item to a resource result page;
when a result item of the auxiliary application end is rendered, card style data matched with the result item of the auxiliary application end is obtained from a server through at least one rendering control component, and a display card of the auxiliary application end is rendered in the resource result page;
wherein the card style data is uploaded to the server by the affiliated application end party in advance.
Example six
The sixth embodiment of the present invention provides a computer-readable storage medium, on which a computer program is stored, where the computer program, when executed by a processor, implements the card display method of an accessory application terminal provided in all the embodiments of the present invention:
namely: the program when executed by a processor implements: executing an operation of rendering at least one resource result item to a resource result page;
when a result item of the auxiliary application end is rendered, card style data matched with the result item of the auxiliary application end is obtained from a server through at least one rendering control component, and a display card of the auxiliary application end is rendered in the resource result page;
wherein the card style data is uploaded to the server by the affiliated application end party in advance.
Any combination of one or more computer-readable media may be employed. 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 or 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 invention 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 latter scenario, 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).
It is to be noted that the foregoing description is only exemplary of the invention and that the principles of the technology may be employed. Those skilled in the art will appreciate that the present invention is not limited to the particular embodiments described herein, and that various obvious changes, rearrangements and substitutions will now be apparent to those skilled in the art without departing from the scope of the invention. Therefore, although the present invention has been described in some detail by the above embodiments, the invention is not limited to the above embodiments, and may include other equivalent embodiments without departing from the spirit of the invention, and the scope of the invention is determined by the scope of the appended claims.
Claims (9)
1. A card display method of an auxiliary application terminal is characterized by comprising the following steps:
performing an operation of rendering at least one resource result item to a resource result page, the resource result item being a content item used to generate the resource result page;
when a result item of an auxiliary application end is rendered, card style data matched with the result item of the auxiliary application end is obtained from a server through at least one rendering control component, a display card of the auxiliary application end is rendered in the resource result page, the auxiliary application end is an application program which can be used without downloading, and the result item of the auxiliary application end is a resource result item which generates an inlet card of the auxiliary application end after being rendered to the resource result page;
the card style data is uploaded to the server by the auxiliary application terminal in advance, and the card style data does not comprise a logic code;
wherein the rendering control component comprises: the card rendering component is loaded in the resource result page, and the card control logic component is loaded in the memory;
the obtaining, by at least one rendering control component, card style data matched with the accessory application end result item from a server, and rendering the card style data in the resource result page to obtain a display card of the accessory application end includes:
sending a business data request matched with the result item of the auxiliary application terminal to a card control logic component loaded in a memory through a card rendering component loaded in the resource result page;
obtaining card style data matched with the service data request from a server through the card control logic component, and generating a rendering instruction according to the card style data and feeding back the rendering instruction to the card rendering component;
and rendering the display card matched with the rendering instruction in the resource result page through the card rendering component.
2. The method according to claim 1, before sending, by a card rendering component loaded in the resource result page, a service data request matching the secondary application result item to a card control logic component loaded in a memory, further comprising:
when it is determined that at least one auxiliary application end result item is included in the at least one resource result item, triggering to load the card rendering component in the resource result page.
3. The method according to claim 1 or 2, before sending the service data request matching the accessory application result item to the card control logic component loaded in the memory through the card rendering component loaded in the resource result page, further comprising:
and creating a component running environment in the memory, and loading the card control logic component in the component running environment.
4. The method of claim 3, wherein creating a component runtime environment in the memory and loading the card control logic component in the component runtime environment comprises:
when a client starting instruction is detected, creating an assembly operating environment in the memory, and loading the card control logic assembly in the assembly operating environment; or
When the fact that the resource result page triggers a callback target hook function is detected, an assembly operation environment is created in the internal memory, and the card control logic assembly is loaded in the assembly operation environment.
5. The method of claim 3, wherein generating, by the card control logic component, rendering instructions for feedback to the card rendering component from the card style data comprises:
loading card template data in the card style data into the component operating environment through the card control logic component;
filling card content data in the card style data into the card template data through the card control logic component to obtain rendering data;
and generating a rendering instruction matched with the rendering data and feeding the rendering instruction back to the card rendering component through the card control logic component.
6. The method of claim 3, wherein the component runtime environment comprises: the JS executes an engine environment, and the resource result page comprises an HTML5 page; or,
the type of the resource result page comprises at least one of the following: a search results page, a feed stream results page, and a detail floor page.
7. A card display device of an auxiliary application terminal is characterized by comprising:
a resource result item rendering module for performing an operation of rendering at least one resource result item to a resource result page, the resource result item being a content item for generating the resource result page;
the auxiliary application end result item rendering module is used for acquiring card style data matched with an auxiliary application end result item from a server through at least one rendering control component when the auxiliary application end result item is rendered, and rendering the card style data in the resource result page to obtain a display card of the auxiliary application end, wherein the auxiliary application end is an application program which can be used without downloading, and the auxiliary application end result item is a resource result item which generates an auxiliary application end inlet card after the auxiliary application end result item is rendered in the resource result page;
the card style data is uploaded to the server by the auxiliary application terminal in advance, and the card style data does not comprise a logic code;
wherein the rendering control component comprises: the card rendering component is loaded in the resource result page, and the card control logic component is loaded in the memory;
wherein, the auxiliary application end result item rendering module further comprises:
a service data request sending unit, configured to send, to a card control logic component loaded in a memory, a service data request matching the result item of the affiliated application terminal through a card rendering component loaded in the resource result page;
the rendering instruction generating unit is used for acquiring card style data matched with the service data request from a server through the card control logic component, and generating a rendering instruction according to the card style data and feeding the rendering instruction back to the card rendering component;
and the rendering unit is used for rendering the display card matched with the rendering instruction in the resource result page through the card rendering component.
8. A computer device comprising a memory, a processor and a computer program stored on the memory and executable on the processor, characterized in that the processor implements the method according to any of claims 1-6 when executing the program.
9. A computer-readable storage medium, on which a computer program is stored which, when being executed by a processor, carries out the method according to any one of claims 1-6.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910750872.2A CN110457038B (en) | 2019-08-14 | 2019-08-14 | Card display method, device and equipment of auxiliary application terminal and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910750872.2A CN110457038B (en) | 2019-08-14 | 2019-08-14 | Card display method, device and equipment of auxiliary application terminal and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN110457038A CN110457038A (en) | 2019-11-15 |
| CN110457038B true CN110457038B (en) | 2022-11-29 |
Family
ID=68486642
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910750872.2A Active CN110457038B (en) | 2019-08-14 | 2019-08-14 | Card display method, device and equipment of auxiliary application terminal and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110457038B (en) |
Families Citing this family (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111078324B (en) * | 2019-12-16 | 2023-06-06 | 百度在线网络技术（北京）有限公司 | Method and apparatus for prefetching page data |
| CN111476637B (en) * | 2020-04-07 | 2023-07-07 | 百度在线网络技术（北京）有限公司 | Commodity information management method, host platform and commodity information management component |
| CN112732137B (en) * | 2021-01-06 | 2024-09-27 | 百果园技术(新加坡)有限公司 | Card template generation method, content display card display method and terminal |
| CN114090938A (en) * | 2021-11-29 | 2022-02-25 | 北京字节跳动网络技术有限公司 | Page processing method and equipment |
| CN115022269A (en) * | 2021-12-30 | 2022-09-06 | 北京字跳网络技术有限公司 | Message processing method, device, equipment and medium |
| CN116700852B (en) * | 2022-09-14 | 2024-05-17 | 荣耀终端有限公司 | Card display method, terminal, storage medium and program product |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105630478A (en) * | 2014-12-01 | 2016-06-01 | 阿里巴巴集团控股有限公司 | Method and device for realizing page switching |
| CN107203398A (en) * | 2017-05-26 | 2017-09-26 | 北京小米移动软件有限公司 | Using distribution method and device |
| CN107229526A (en) * | 2017-05-17 | 2017-10-03 | 腾讯科技（深圳）有限公司 | Message treatment method, device, storage medium and computer equipment in group session |
| CN108089878A (en) * | 2017-12-14 | 2018-05-29 | 腾讯科技（深圳）有限公司 | Page info shows and generation method, apparatus and system |
| CN109145238A (en) * | 2018-07-06 | 2019-01-04 | 阿里巴巴集团控股有限公司 | Card display method and device and mobile device |
| CN109375918A (en) * | 2018-11-23 | 2019-02-22 | 天津字节跳动科技有限公司 | Interface rendering method, device, electronic equipment and the storage medium of small routine |
| CN109408136A (en) * | 2018-09-12 | 2019-03-01 | Oppo广东移动通信有限公司 | Information processing method, device, storage medium and electronic equipment |
| CN109800041A (en) * | 2018-12-24 | 2019-05-24 | 天津字节跳动科技有限公司 | Small routine blurred background implementation method, device, electronic equipment and storage medium |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US8253732B2 (en) * | 2008-01-03 | 2012-08-28 | International Business Machines Corporation | Method and system for remote visualization client acceleration |
-
2019
- 2019-08-14 CN CN201910750872.2A patent/CN110457038B/en active Active
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105630478A (en) * | 2014-12-01 | 2016-06-01 | 阿里巴巴集团控股有限公司 | Method and device for realizing page switching |
| CN107229526A (en) * | 2017-05-17 | 2017-10-03 | 腾讯科技（深圳）有限公司 | Message treatment method, device, storage medium and computer equipment in group session |
| CN107203398A (en) * | 2017-05-26 | 2017-09-26 | 北京小米移动软件有限公司 | Using distribution method and device |
| CN108089878A (en) * | 2017-12-14 | 2018-05-29 | 腾讯科技（深圳）有限公司 | Page info shows and generation method, apparatus and system |
| CN109145238A (en) * | 2018-07-06 | 2019-01-04 | 阿里巴巴集团控股有限公司 | Card display method and device and mobile device |
| CN109408136A (en) * | 2018-09-12 | 2019-03-01 | Oppo广东移动通信有限公司 | Information processing method, device, storage medium and electronic equipment |
| CN109375918A (en) * | 2018-11-23 | 2019-02-22 | 天津字节跳动科技有限公司 | Interface rendering method, device, electronic equipment and the storage medium of small routine |
| CN109800041A (en) * | 2018-12-24 | 2019-05-24 | 天津字节跳动科技有限公司 | Small routine blurred background implementation method, device, electronic equipment and storage medium |
Non-Patent Citations (2)
| Title |
|---|
| Implementation of Elementary Chinese Language Learning Application in WeChat Mini Programs;Xijie Wang 等;《2019 IEEE 4th International Conference on Big Data Analytics (ICBDA)》;20190513;394-398 * |
| 基于微信小程序的校园服务平台的设计与应用;彭帅 等;《电脑知识与技术》;20190603;第15卷(第10期);68-70 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110457038A (en) | 2019-11-15 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110457038B (en) | Card display method, device and equipment of auxiliary application terminal and storage medium | |
| US11119812B2 (en) | Method and device for processing application program page according to a common interface container | |
| CN109325195B (en) | Rendering method and system for browser, computer device and computer storage medium | |
| CN110046021B (en) | Page display method, device, system, equipment and storage medium | |
| US10263910B2 (en) | Resource calling for hybrid applications | |
| CN105718313A (en) | Application operation method and device | |
| CN107798064B (en) | Page processing method, electronic device and computer readable storage medium | |
| CN114168239B (en) | Window display method, device, equipment and storage medium | |
| CN109582317B (en) | Method and apparatus for debugging hosted applications | |
| CN110968331A (en) | Method and device for running application program | |
| CN111581555A (en) | Document loading method, device, equipment and storage medium | |
| CN115237481A (en) | Method, device and equipment for driving external equipment and storage medium | |
| CN110221840B (en) | Function implementation method and device of application program, equipment and storage medium | |
| CN112416455A (en) | Data processing method, device, terminal and storage medium | |
| CN111414154A (en) | Method and device for front-end development, electronic equipment and storage medium | |
| CN110442407B (en) | Application program processing method and device | |
| CN112732547B (en) | Service testing method and device, storage medium and electronic equipment | |
| CN117579638A (en) | Double-end data synchronization framework realization method, device and system and electronic equipment | |
| CN112230944A (en) | Application installation method and device, electronic equipment and computer readable medium | |
| CN110825622A (en) | Software testing method, device, equipment and computer readable medium | |
| CN112491940A (en) | Request forwarding method and device of proxy server, storage medium and electronic equipment | |
| CN114490266A (en) | Data acquisition method, device, equipment and storage medium | |
| CN113986385A (en) | Item font library loading method and device, electronic equipment and storage medium | |
| CN113448578A (en) | Page data processing method, processing system, electronic device and readable storage medium | |
| CN109840073B (en) | Method and device for realizing business process |
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 |