Looking for breakthrough ideas for innovation challenges? Try Patsnap Eureka!

Dynamic interface rendering method and device

A kind of interface and interface technology, applied in the direction of program control device, user interface execution, etc., can solve the problems of high maintenance cost, difficult to guarantee code quality, huge manpower and other resources, so as to improve utilization rate, improve interface update efficiency and interface The effect of resource utilization

Active Publication Date: 2018-07-27
ALIBABA GRP HLDG LTD
View PDF14 Cites 24 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0004] In a complex interface, if you want to add any content, you need to design, develop, test and release the newly added part, which requires a very large human input cost
With the continuous expansion of interface coding, it is difficult to guarantee the code quality. Every time new content is added, it is necessary to test the old content to ensure that the functions do not affect each other, and the later maintenance costs are huge.
[0005] In short, in the prior art, when constructing a dynamic interface, when the order and quantity of the content displayed on the interface are variable, a large amount of manpower is required to write the interface for each display state, resulting in a huge waste of manpower and other resources. put in

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Dynamic interface rendering method and device
  • Dynamic interface rendering method and device
  • Dynamic interface rendering method and device

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0068] In the first embodiment, a method for processing interface configuration information is first provided. In this method, see image 3 , Which can specifically include the following steps:

[0069] S301: The server receives the component configuration information submitted by the first client for the target interface class, where the interface content is divided into at least one component according to the difference in the business meaning dimension of the content to be displayed on the interface, and the content of the component is The interaction mode is defined by data and has a preset data format;

[0070] Among them, the first client can refer to a client provided for interface developers, and can provide developers with an information configuration portal in an interface-based manner. Specifically, as mentioned above, the interface developer can divide the interface content into at least one component according to the different business meaning dimensions of the content...

Embodiment 2

[0093] The second embodiment corresponds to the first embodiment and is introduced from the perspective of the first client. Specifically, the first client may refer to a client provided for users such as interface developers. Specifically, see Figure 4 The second embodiment provides a method for processing interface configuration information. The method may specifically include the following steps:

[0094] S401: The first client submits component configuration information for the target interface class, where the interface content is divided into at least one component according to the difference in the business meaning dimension of the content to be displayed on the interface, and the content of the component and the interaction method are determined by the data Way to define, and has a preset data format;

[0095] S402: Submit the overlay structure relationship configuration information between the components, and the server saves the component configuration information and th...

Embodiment 3

[0104] The foregoing embodiment 1 and embodiment 2 give a detailed introduction to the construction process of the interface framework. After the interface framework is built, it can be combined with specific business data to perform instantiation rendering and display of the interface. This implementation Example 3 mainly introduces the interface rendering method in detail.

[0105] See Figure 5 The third embodiment provides a dynamic interface rendering method, and the method may specifically include the following steps:

[0106] S501: The server saves the component configuration information of the target interface class and the configuration information of the overlay structure relationship between the components; among them, according to the difference in the business meaning dimension of the required display content of the interface, the required display content of the interface is divided into at least one Component, the content and interaction mode of the component are defi...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

PUM

No PUM Login to View More

Abstract

The embodiment of the invention discloses a dynamic interface rendering method and device. The method includes the steps that a server saves component configuration information of a target interface class and superposition structure relationship configuration information between components; according to the difference of content which an interface needs to display in service meaning dimension, thecontent which the interface needs to display is divided into at least one component, wherein the content and interaction mode of the components are defined by means of data, and a preset data formatis provided; when a request for conducting instantiated rendering on the target interface class is received, service data is acquired; the service data is mapped into data needed by the components, and a component data set is generated; a component implementation code is called for component rendering, and according to a component rendering result and the superposition structure relationship configuration information between the components, instantiated rendering is conducted on the target interface class. By means of the embodiment, the interface update efficiency and the interface resource utilization rate can be improved.

Description

Technical field [0001] This application relates to the technical field of dynamic interface rendering, in particular to a method and device for dynamic interface rendering. Background technique [0002] As the services and functions carried by the user interface become larger and larger, the content in the interface will continue to increase, and the stacking form of the content will become more complex and diversified. Moreover, many interfaces are implemented in dynamic form. The so-called dynamic interface is a kind of web programming technology as opposed to the static interface. For static web pages, with the generation of the page code, the content and display effect of the page will basically not change unless the page code is modified. The dynamic web page is not the case. Although the page code has not changed, the displayed content can change with time, environment, or the result of database operations. [0003] In terms of the e-commerce order confirmation business sc...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

Application Information

Patent Timeline
no application Login to View More
Patent Type & Authority Applications(China)
IPC IPC(8): G06F9/451
Inventor 李彪赵麟翔陆阳
Owner ALIBABA GRP HLDG LTD
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Patsnap Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Patsnap Eureka Blog
Learn More
PatSnap group products

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic, Popular Technical Reports.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap|About US| Contact US: help@patsnap.com