CN115469863A - Interface drawing method and device, storage medium and electronic equipment - Google Patents
Interface drawing method and device, storage medium and electronic equipment Download PDFInfo
- Publication number
- CN115469863A CN115469863A CN202210997250.1A CN202210997250A CN115469863A CN 115469863 A CN115469863 A CN 115469863A CN 202210997250 A CN202210997250 A CN 202210997250A CN 115469863 A CN115469863 A CN 115469863A
- Authority
- CN
- China
- Prior art keywords
- interface
- target
- display
- elements
- determining
- 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.)
- Pending
Links
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
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Databases & Information Systems (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Software Systems (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The invention discloses an interface drawing method, an interface drawing device, a storage medium and electronic equipment, wherein the method comprises the following steps: configuring display elements for each API of a service system; determining a target element corresponding to the interface according to the list message of the display element of the target application corresponding to the interface to be drawn; and finally, taking the display element corresponding to the target element as a drawing element, and drawing the interface according to the drawing element to obtain the user interface corresponding to the target application, thereby avoiding the trouble that the interface of the target program needs to be developed again for different services or the target program is updated and released.
Description
Technical Field
The present invention relates to the field of electronic device technologies, and in particular, to an interface drawing method and apparatus, a storage medium, and an electronic device.
Background
At present, when newly-added development and modification are carried out on a native interface of a client side APP, engineering codes are compiled again, and the generated APP is updated and released to various large application markets, and the process is time-consuming work. Because when the client iterates new services and interfaces are connected, even if the services of the same type are connected, the elements displayed on the interfaces are different, so that one interface needs to be developed every time one service interface is connected, and if the original development is used, a new client version needs to be frequently released.
Disclosure of Invention
In view of this, the present invention provides an interface drawing method, an interface drawing device, a storage medium, and an electronic device, and mainly aims to draw a user interface corresponding to a target application, and avoid the problem that an interface corresponding to a target program needs to be re-developed or the target program needs to be updated and released for different services.
According to an aspect of the present invention, there is provided an interface drawing method, including:
configuring display elements for each API of a service system;
determining a target element corresponding to an interface to be drawn according to a list message of display elements of a target application corresponding to the interface;
and taking the display element corresponding to the target element as a drawing element, and drawing the interface according to the drawing element to obtain a user interface corresponding to the target application.
Further, the determining, according to the list message of the display element of the target application corresponding to the interface to be drawn, the target element corresponding to the interface includes:
determining a list message of display elements corresponding to the interface to be drawn according to a preset feature mark of a target application corresponding to the interface;
analyzing the list message of the display elements to obtain all analysis elements corresponding to the interface, and taking all the analysis elements as the target elements.
Further, the analyzing the list message of the display elements to obtain all analysis elements corresponding to the interface includes:
determining display characteristic identifiers respectively corresponding to the display elements in the console according to content information corresponding to the display elements respectively corresponding to the API interfaces;
determining all display characteristic identifiers corresponding to the interface according to comparison between display characteristic identifiers respectively corresponding to the display elements in a console and the list message of the display elements;
and obtaining all display elements corresponding to the interface according to all display feature identifiers corresponding to the interface, and taking all the display elements as analysis elements corresponding to the interface.
Further, before analyzing the list message of the display elements and obtaining all analysis elements corresponding to the interface, the method includes:
determining a target element of the interface to be drawn according to preset operation information of the target application;
and inputting a preset feature mark corresponding to the target element on a console according to the target element.
Further, the configuring, for each API interface of the service system, a display element includes:
submitting display elements corresponding to the target application on different interfaces to the API interface of each business system;
configuring each display element to a console through an API (application programming interface) of each service system; wherein the presentation element includes input box information and category information of input content within the input box.
Further, the method also comprises the following steps:
determining an application resource package corresponding to each target element according to the target element corresponding to the interface;
downloading the application resource packages corresponding to the target elements into the target application;
and drawing the interface according to the application resource packet corresponding to each target element to obtain the user interface corresponding to the target application.
Further, the method also comprises the following steps:
according to the target elements corresponding to the interface, determining URL files corresponding to the target elements;
deploying the URL file corresponding to each target element to a Web server;
and drawing the interface according to each URL file deployed on the Web server to obtain a user interface corresponding to the target application.
According to another aspect of the present invention, there is provided an interface drawing apparatus including:
the configuration module is used for respectively configuring display elements for each API interface of the service system;
the target element determining module is used for determining a target element corresponding to the interface to be drawn according to the list message of the display element of the target application corresponding to the interface;
and the drawing module is used for taking the display element corresponding to the target element as a drawing element, and drawing the interface according to the drawing element to obtain a user interface corresponding to the target application.
According to a further aspect of the present invention, there is provided a computer-readable storage medium comprising a storage medium storing a computer program, wherein the computer program is adapted to perform the interface rendering method of the preceding claims.
According to still another aspect of the present invention, there is provided an electronic apparatus including: a processor and a memory; the memory is to store the processor-executable instructions; the processor is used for executing the interface drawing method.
By the technical scheme, the technical scheme provided by the embodiment of the invention at least has the following advantages:
the invention provides an interface drawing method, an interface drawing device, a storage medium and electronic equipment, compared with the prior art, the interface drawing method and the device have the advantages that display elements are respectively configured on all API interfaces of a service system; determining a target element corresponding to the interface according to the list message of the display element of the target application corresponding to the interface to be drawn; and finally, taking the display element corresponding to the target element as a drawing element, and drawing the interface according to the drawing element to obtain the user interface corresponding to the target application, thereby avoiding the trouble that the interface of the target program needs to be developed again for different services or the target program is updated and released.
The foregoing description is only an overview of the technical solutions of the present invention, and the embodiments of the present invention are described below in order to make the technical means of the present invention more clearly understood and to make the above and other objects, features, and advantages of the present invention more clearly understandable.
Drawings
Various other advantages and benefits will become apparent to those of ordinary skill in the art upon reading the following detailed description of the preferred embodiments. The drawings are only for purposes of illustrating the preferred embodiments and are not to be construed as limiting the invention. Also, like reference numerals are used to refer to like parts throughout the drawings. In the drawings:
fig. 1 shows a flowchart of an interface rendering method provided in an embodiment of the present invention;
FIG. 2 is a flow chart of another interface rendering method provided by the embodiment of the invention;
FIG. 3 is a flow chart of another interface rendering method provided by the embodiment of the invention;
FIG. 4 is a flow chart of a further method for drawing an interface according to an embodiment of the present invention;
FIG. 5 is a block diagram illustrating an interface rendering apparatus according to an embodiment of the present invention;
FIG. 6 is a block diagram of another interface rendering apparatus according to an embodiment of the present invention;
fig. 7 shows a physical structure diagram of a computer device according to an embodiment of the present invention.
Detailed Description
This is achieved by Reference will now be made in detail to the exemplary embodiments, examples of which are illustrated in the accompanying drawings. When the following description refers to the accompanying drawings, like numbers in different drawings represent the same or similar elements unless otherwise indicated. The implementations described in the following exemplary examples do not represent all implementations consistent with the present invention. Rather, they are merely examples of apparatus and methods consistent with certain aspects of the invention, as detailed in the appended claims.
The terminology used herein is for the purpose of describing particular embodiments only and is not intended to be limiting of the invention. As used in this disclosure 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. It should also be understood that the term "and/or" as used herein refers to and encompasses any and all possible combinations of one or more of the associated listed items.
It is to be understood that although the terms first, second, third, etc. may be used herein to describe various information, these information should not be limited to these terms. These terms are only used to distinguish one type of information from another. For example, first information may also be referred to as second information, and similarly, second information may also be referred to as first information, without departing from the scope of the present invention. The word "if," as used herein, may be interpreted as "at … …" or "at … …" or "in response to a determination," depending on the context.
At present, a great number of intelligent terminals or self-service terminal devices are low in configuration, and the effect of loading and rendering H5 pages on the devices is poor, so that services on the terminals are mainly originally developed. For example, on such a terminal, there are application programs of the following scene classes, the back end is connected to the head end system of the head end company, when the branch companies extend the services across the country, the head end system of the head end company needs to be connected to the local service systems of the branch companies, here, the local services of the branch companies are mainly information collection classes, such as collecting some user registration elements, and the collection elements of the service systems of the branch companies are largely the same and different, if according to the conventional development process, a UI visual draft needs to be designed according to the planned service process, and then a terminal device interface is developed, tested, and the application programs are released. When the application program collects information, the information input by the user is collected from the terminal interface running the application program and submitted to the background to complete the service. Therefore, for different business side interfaces of the same type of business, because a plurality of sets of client side interfaces are designed and developed according to differences, if the interfaces are realized by original development, application program updating needs to be issued.
The interface drawing method provided by the application is an interface reverse drawing technology, and can dynamically draw the interface corresponding to the target application on the interface to be drawn according to the display element information corresponding to each API collected by the back end and the target element corresponding to the determined interface to be drawn, so that the target application corresponding to the terminal does not need to be updated according to different services, and the trouble that the target application is frequently updated and released according to different service systems is solved.
Fig. 1 is a flowchart of an interface drawing method in a terminal device according to an embodiment of the present invention. It should be noted that the terminal device in the embodiment of the present invention may be a hardware device that has an android or damming operating system and supports the running of an application program, such as a mobile phone, a tablet computer, a personal digital assistant, and a self-service device.
As shown in fig. 1, the interface drawing method provided by the present invention includes the following steps:
101. and respectively configuring display elements for each API of the service system.
It should be noted that, in the pre-system of target application docking, a set of console of configuration class is developed, and API display elements are manually configured in the console according to the submission elements of the API interface of the docking service system to the console. Here, the elements are information manually submitted in the console when the specific service is called by the front end, the submitted information includes name, identification card number, bank card number, fingerprint, and the like, and at this time, the display elements also include name, identification card number, bank card number, fingerprint, and the like.
102. And determining a target element corresponding to the interface according to the list message of the display element of the target application corresponding to the interface to be drawn.
By accessing the front-end system corresponding to the interface to be drawn, the console obtains the list message corresponding to the display element configured to the interface in step 103, and then analyzes each target element corresponding to the interface according to the list message to obtain the target element corresponding to the interface.
For example, in a console, when configuring a display element according to an API interface of a service system, the display element such as a form name, a form type, whether to fill in, a hint, and the like may be manually configured for each API interface, and when entering an interface to be drawn corresponding to a target application, a list message of the display element corresponding to the interface is given as follows:
{ "keyTitle": personal information "," isRequest ": "1", "isSelect": "1", "keyStyle": "01" … },
{ "keyName": name "," isRequest ": 1", "isSelect": 1"," keyStyle ": 00" … },
{ "keyName": identity "," isRequest ": 1", "isSelect": 1"," keyStyle ": 00" … }
Where keyName is the form name, whether isRequest must be filled, and the keyStyle form type [ input, text, drop-down selection, etc. ].
Through the list message, the target elements corresponding to the interface of the terminal equipment running the target application can be analyzed to be the list item name, the list item type, whether the list item needs to be filled, the prompt language and the like.
103. And taking the display element corresponding to the target element as a drawing element, and drawing the interface according to the drawing element to obtain a user interface corresponding to the target application.
Here, the display element corresponding to the target element is used as a drawing element, and the drawing element is used to draw the interface to be drawn in the console, so that the dynamic rendering of the user interface corresponding to the target application can be completed.
Compared with the prior art, the embodiment of the invention provides an interface drawing method, and the embodiment of the invention respectively configures display elements for each API (application program interface) of a service system; determining a target element corresponding to the interface according to the list message of the display element of the target application corresponding to the interface to be drawn; and finally, taking the display element corresponding to the target element as a drawing element, and drawing the interface according to the drawing element to obtain the user interface corresponding to the target application, thereby avoiding the trouble that the interface of the target program needs to be developed again for different services or the target program is updated and released.
An embodiment of the present invention provides another interface drawing method, as shown in fig. 2, the method includes the following steps:
201. and respectively configuring display elements for each API of the service system.
Here, for API interfaces corresponding to the service systems that interface with the front-end system, manually configuring a display element on the console, where the display element includes a control displayed on the interface, and the control includes a text, a button, an input box, a pull-down selection box, and the like.
It should be noted that, when the new service system is docked with the front-end system, the API interface corresponding to the new service system is manually configured on the console, so that the display element delivered by the API interface corresponding to the new service system can be directly applied in step 204 to draw the interface to be drawn.
In some embodiments, referring to fig. 3, the configuring the presentation elements for the API interfaces of the service system respectively includes:
2011. and submitting the display elements corresponding to the target application on different interfaces to the API interface of each service system.
Here, the display element includes a user input box and category information of content input by the user in the user input box, where the category information of the content input by the user in the user input box is a submission parameter, such as name, identification number, bank card number, fingerprint, etc., that the front end needs to call the API interface when the display element is to implement a specific service.
2012. And configuring each display element to a console through the API of each service system.
The console is a set of configuration console developed in the front-end system, wherein when the display element configured by the API interface 1 is a name, the display element configured by the API interface 2 is an identity card number, the display element configured by the API interface 3 is a bank card number, and the display element configured by the API interface 3 is a fingerprint, the name, the identity card number, the bank card number, and the fingerprint are respectively sent to the console as the display elements, and here, the display elements corresponding to different interfaces can be converged in the console by sending the display elements corresponding to the target application on different interfaces to the console, so that the console can select and configure the display elements of the interface to be drawn according to the converged display elements.
Here, the console presets the feature flags for the display elements corresponding to each API interface, so that the console configures each display element, for example, the console interfaces the API interfaces of the property services of the local branch companies, and presets the feature flags for the following display elements in the console, such as: positions 1 to 2 represent the territory: 01: zhejiang, 02: jiangsu, 03.; bits 3-4 represent traffic: 01: property, 02: business surpass, 03.; positions 5-7 represent the product: 001: property a, 002 property b, 003.; positions 8-9 represent the interface: 01:01 page, 02 page, 03.
202. And determining a list message of the display elements corresponding to the interface to be drawn according to the preset feature marks of the target application corresponding to the interface.
Before entering an interface to be drawn of a target application, a network access console obtains a list message to be entered into the interface according to a preset characteristic mark of the interface, and then determines the list message of a display element of a front-end system corresponding to the interface.
For example, the console configures 5 APIs of a service system corresponding to the zhejiang branch company and 10 APIs of a service system corresponding to the jiangsu branch company, a user accesses the service system of the zhejiang branch company for handling a service request in advance through a target application, and a preset feature mark is provided in the service request, for example, the first 2 bits of the preset feature mark are regions, 01 zhejiang and 02 jiangsu; the third is service, 01 property, 02 restaurant, the list message of 010102 is access: zhejiang branch company real estate service 02 interface element messages.
203. Analyzing the list message of the display elements to obtain all analysis elements corresponding to the interface, and taking all the analysis elements as the target elements.
Specifically, after receiving the list message of the display element of the front-end system corresponding to the interface determined by the console, the message is analyzed according to the reverse dynamic logic of the list message to obtain all the analysis elements corresponding to the interface, and thus the target element corresponding to the interface can be determined.
In order to facilitate the analysis of the list packet of the display elements, referring to fig. 4, the analyzing the list packet of the display elements to obtain all analysis elements corresponding to the interface may include:
2031. and determining the display characteristic identifier corresponding to each display element in the console according to the content information corresponding to the display element corresponding to each API.
Here, the presentation feature identifier is an identifier manually configured on the console according to the content of the presentation element. For example, if the content of the presentation element 1 is zhejiang, it may be determined that the content corresponding to the presentation element 1 is a region, and the region is configured by manually configuring the number on the 1 st to 2 nd bits corresponding to the message list on the console according to the content of the presentation element 1, and if 01 is configured on the 1 st to 2 nd bits of the list message, it represents that the content of the presentation element 1 is zhejiang, and it is determined that the content of the presentation element 1 corresponds to the region.
2032. And determining all display characteristic identifications corresponding to the interface according to the comparison between the display characteristic identifications respectively corresponding to the display elements in the console and the list messages of the display elements.
It should be noted that, the display feature identifiers respectively corresponding to each API interface in the console are compared with the preset feature identifiers in the list message to determine all the display feature identifiers corresponding to the interface, for example: the list message is 0101, and in the display feature identifier corresponding to the API interface in the console, the first 2 bits are regions, and the third four bits are services, so that the list message 0101 is: and comparing the display characteristic identifications corresponding to the API interface with the list message in the console to determine that all the display characteristic identifications corresponding to the interface are 'region' and 'service'.
2033. And obtaining all display elements corresponding to the interface according to all display feature identifications corresponding to the interface, and taking all the display elements as analysis elements corresponding to the interface.
For example: and if all the display characteristics corresponding to the interface are marked as 'region' and 'business', all the display elements corresponding to the interface are obtained as the region and the business.
In addition, before analyzing the list message of the display element to obtain all the analysis elements corresponding to the interface, the analyzing may include: determining a target element of the interface to be drawn according to preset operation information of the target application; and inputting a preset feature mark corresponding to the target element on a console according to the target element. For example, if the acquired operation information data includes Zhejiang and Wanke property, it may be determined that the preset feature corresponding to the interface is a region and property service.
204. And taking the display element corresponding to the target element as a drawing element, and drawing the interface according to the drawing element to obtain a user interface corresponding to the target application.
In addition, after the user interface corresponding to the target application is drawn, the user inputs or selects operation on the interface, collects the data input or selected by the user on the interface, submits the data to the front-end system, transmits the data to the corresponding API interface of the service system, and then transmits the data to the console, so as to complete the service function of the target application.
Because an interface is drawn in the form of an application resource package, a set of H5 interface needs to be developed for a new service and packaged into zip resources to be uploaded and released, the rendering effect for the target application depends on the capability of a Webview kernel, and the drawn interface has a poor effect compared with a native interface. To avoid the above problem, the method may include: determining an application resource package corresponding to each target element according to the target element corresponding to the interface; downloading the application resource packages corresponding to the target elements into the target application; and drawing the interface according to the application resource package corresponding to each target element to obtain a user interface corresponding to the target application, so as to avoid the problem of developing a set of H5 interface for a new service, and ensure that the rendering effect of the target application does not depend on the capability of a Webview kernel, thereby realizing the effect of the drawn interface equivalent to that of a native interface.
Because the interface is drawn in a remote H5 mode, a set of H5 interface needs to be developed for each service and published and deployed to the web server, the rendering effect for the target application depends on the capability of the Webview kernel, and the drawn interface has a poor effect compared with the native interface. In order to avoid the above problem, the taking the presentation element corresponding to the target element as a drawing element and drawing the interface according to the drawing element may include: according to the target elements corresponding to the interface, determining URL files corresponding to the target elements; deploying the URL file corresponding to each target element to a Web server; and drawing the interface according to each URL file deployed on the Web server to obtain a user interface corresponding to the target application, so as to avoid the problem of developing a set of H5 interface for a new service, ensure that the rendering effect of the target application does not depend on the capability of a Webview kernel, and further realize that the drawn interface has the same effect as the original interface.
Compared with the prior art, the interface drawing method provided by the embodiment of the invention determines the list message of the display element corresponding to the interface to be drawn according to the preset feature mark of the target application corresponding to the interface; analyzing the list message of the display elements to obtain all analysis elements corresponding to the interface, taking all analysis elements as the target elements, taking the display elements corresponding to the target elements as drawing elements, and drawing the interface according to the drawing elements to obtain a user interface corresponding to the target application so as to finish drawing the user interface corresponding to the target application.
Further, as an implementation of the method shown in fig. 1, an embodiment of the present invention provides an interface drawing apparatus, and as shown in fig. 5, the system includes:
a configuration module 51, configured to configure display elements for each API interface of the service system;
a target element determining module 52, configured to determine, according to a list message of display elements of a target application corresponding to an interface to be drawn, a target element corresponding to the interface;
and the drawing module 53 is configured to use the display element corresponding to the target element as a drawing element, and draw the interface according to the drawing element to obtain a user interface corresponding to the target application.
Compared with the prior art, the embodiment of the invention provides an interface drawing device, and the display elements are respectively configured for each API (application program interface) of a service system; determining a target element corresponding to the interface according to the list message of the display element of the target application corresponding to the interface to be drawn; and finally, taking the display element corresponding to the target element as a drawing element, and drawing the interface according to the drawing element to obtain the user interface corresponding to the target application, thereby avoiding the trouble that the interface of the target program needs to be developed again for different services or the target program is updated and released.
Further, as an implementation of the method shown in fig. 2, an embodiment of the present invention provides another interface drawing apparatus, as shown in fig. 6, where the apparatus includes:
the configuration module 61 is configured to configure display elements for each API interface of the service system;
a list message determining module 62, configured to determine, according to a preset feature flag of a target application corresponding to the interface to be drawn, a list message of a display element corresponding to the interface;
a target element determining module 63, configured to analyze the list message of the display elements to obtain all analysis elements corresponding to the interface, and use all the analysis elements as the target elements;
and the drawing module 64 is configured to take the display element corresponding to the target element as a drawing element, and draw the interface according to the drawing element to obtain a user interface corresponding to the target application.
Further, the target element determination module 63 includes:
the display characteristic identification determining unit is used for determining a display characteristic identification corresponding to each display element in the console according to content information corresponding to the display element corresponding to each API;
the comparison unit is used for determining all display characteristic identifications corresponding to the interface according to the comparison between the display characteristic identifications respectively corresponding to the display elements in the console and the list messages of the display elements;
and the analysis element determining unit is used for obtaining all display elements corresponding to the interface according to all display feature identifiers corresponding to the interface, and taking all the display elements as the analysis elements corresponding to the interface.
Further, the apparatus further comprises:
the operation information data acquisition unit is used for determining a target element of the interface to be drawn according to preset operation information of the target application;
and the preset feature mark determining unit is used for inputting a preset feature mark corresponding to the target element on a console according to the target element.
Further, the drawing module 64 includes:
submitting a display element corresponding to the target application to an API (application programming interface) of each service system;
configuring each display element to a console through an API (application programming interface) of each service system;
and the display element configuration unit is used for enabling the console to configure the corresponding display element for any API according to the display element received by each API.
A submitting unit, configured to submit, to an API interface of each service system, display elements on different interfaces corresponding to the target application;
and the sending unit is used for sending each display element to a console through the API of each service system.
Further, the presentation element includes input box information and category information of input content in the input box.
Further, the apparatus further comprises:
the application resource package determining module is used for determining the application resource packages corresponding to the target elements according to the target elements corresponding to the interface;
a downloading module, configured to download the application resource package corresponding to each target element into the target application;
and the application resource package drawing module is used for drawing the interface according to the application resource package corresponding to each target element to obtain a user interface corresponding to the target application.
Further, the apparatus further comprises:
the URL file determining module is used for determining URL files corresponding to the target elements according to the target elements corresponding to the interface;
the deployment module is used for deploying the URL file corresponding to each target element to a Web server;
and the URL file drawing module is used for drawing the interface according to each URL file deployed on the Web server to obtain a user interface corresponding to the target application.
Compared with the prior art, the embodiment of the invention provides another interface drawing device, and the list message of the display element corresponding to the interface to be drawn is determined according to the preset characteristic mark of the target application corresponding to the interface; analyzing the list message of the display elements to obtain all analysis elements corresponding to the interface, taking all analysis elements as the target elements, taking the display elements corresponding to the target elements as drawing elements, and drawing the interface according to the drawing elements to obtain a user interface corresponding to the target application so as to finish drawing the user interface corresponding to the target application.
According to an embodiment of the present invention, a storage medium is provided, where at least one executable instruction is stored, and the computer executable instruction can execute the interface drawing method in any of the above method embodiments.
Based on the above embodiments of the method shown in fig. 1 and the apparatus shown in fig. 5, an embodiment of the present invention further provides an entity structure diagram of a computer device, as shown in fig. 7, where the computer device includes: a processor 71, a memory 72, and a computer program stored on the memory 72 and executable on the processor, wherein the memory 72 and the processor 71 are both arranged on a bus 73 and the processor 71 performs the following steps when the processor 71 executes the program: configuring display elements for each API of a service system; determining a target element corresponding to an interface to be drawn according to a list message of display elements of a target application corresponding to the interface; and taking the display element corresponding to the target element as a drawing element, and drawing the interface according to the drawing element to obtain a user interface corresponding to the target application.
Through the technical scheme of the invention, the display elements can be respectively configured for each API interface of the service system; determining a target element corresponding to the interface according to the list message of the display element of the target application corresponding to the interface to be drawn; and finally, taking the display element corresponding to the target element as a drawing element, and drawing the interface according to the drawing element to obtain the user interface corresponding to the target application, thereby avoiding the trouble that the interface of the target program needs to be developed again for different services or the target program is updated and released.
It will be apparent to those skilled in the art that the various modules or steps of the invention described above may be implemented using a general purpose computing device, they may be centralized on a single computing device or distributed across a network of computing devices, and optionally they may be implemented using program code executable by a computing device, such that it may be stored in a memory device and executed by a computing device, and in some cases, the steps shown or described may be performed in an order different than that shown or described herein, or they may be separately fabricated into individual integrated circuit modules, or multiple ones of them may be fabricated into a single integrated circuit module. Thus, the present invention is not limited to any specific combination of hardware and software.
The above description is only a preferred embodiment of the present invention and is not intended to limit the present invention, and various modifications and changes may be made by those skilled in the art. Any modification, equivalent replacement, or improvement made without departing from the spirit and principle of the present invention shall fall within the protection scope of the present invention.
Claims (10)
1. An interface drawing method, comprising:
configuring display elements for each API of a service system;
determining a target element corresponding to an interface to be drawn according to a list message of display elements of a target application corresponding to the interface;
and taking the display element corresponding to the target element as a drawing element, and drawing the interface according to the drawing element to obtain a user interface corresponding to the target application.
2. The interface drawing method according to claim 1, wherein determining the target element corresponding to the interface according to the list message of the display element of the target application corresponding to the interface to be drawn comprises:
determining a list message of display elements corresponding to the interface to be drawn according to a preset feature mark of a target application corresponding to the interface;
analyzing the list message of the display elements to obtain all analysis elements corresponding to the interface, and taking all the analysis elements as the target elements.
3. The interface drawing method according to claim 2, wherein the analyzing the list message of the display elements to obtain all analysis elements corresponding to the interface includes:
determining display characteristic identifiers corresponding to the display elements in the console according to content information corresponding to the display elements corresponding to the API interfaces respectively;
determining all display characteristic identifications corresponding to the interface according to comparison between display characteristic identifications respectively corresponding to the display elements in a console and the list messages of the display elements;
and obtaining all display elements corresponding to the interface according to all display feature identifications corresponding to the interface, and taking all the display elements as analysis elements corresponding to the interface.
4. The interface drawing method according to claim 2, wherein before analyzing the list message of the display element to obtain all analysis elements corresponding to the interface, the method includes:
determining a target element of the interface to be drawn according to preset operation information of the target application;
and inputting a preset feature mark corresponding to the target element on a console according to the target element.
5. The interface drawing method according to claim 1, wherein the configuring the presentation element for each API interface of the service system respectively includes:
submitting display elements corresponding to the target application on different interfaces to the API interface of each business system;
configuring each display element to a console through an API (application programming interface) of each service system; wherein the presentation element includes input box information and category information of input content within the input box.
6. The interface rendering method of claim 1, further comprising:
determining an application resource package corresponding to each target element according to the target element corresponding to the interface;
downloading the application resource packages corresponding to the target elements into the target application;
and drawing the interface according to the application resource packet corresponding to each target element to obtain the user interface corresponding to the target application.
7. The interface rendering method of claim 1, further comprising:
according to the target elements corresponding to the interface, determining URL files corresponding to the target elements;
deploying the URL file corresponding to each target element to a Web server;
and drawing the interface according to each URL file deployed on the Web server to obtain a user interface corresponding to the target application.
8. An interface drawing apparatus, comprising:
the configuration module is used for respectively configuring display elements for each API of the service system;
the target element determining module is used for determining a target element corresponding to the interface to be drawn according to the list message of the display element of the target application corresponding to the interface;
and the drawing module is used for taking the display element corresponding to the target element as a drawing element, and drawing the interface according to the drawing element to obtain a user interface corresponding to the target application.
9. A computer-readable storage medium, comprising:
a storage medium; the storage medium stores a computer program that,
wherein the computer program is adapted to perform the interface rendering method of any of claims 1-7.
10. An electronic device, characterized in that the electronic device comprises:
a processor;
a memory for storing the processor-executable instructions;
wherein the processor is configured to execute the interface rendering method according to any one of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210997250.1A CN115469863A (en) | 2022-08-19 | 2022-08-19 | Interface drawing method and device, storage medium and electronic equipment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210997250.1A CN115469863A (en) | 2022-08-19 | 2022-08-19 | Interface drawing method and device, storage medium and electronic equipment |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN115469863A true CN115469863A (en) | 2022-12-13 |
Family
ID=84365820
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202210997250.1A Pending CN115469863A (en) | 2022-08-19 | 2022-08-19 | Interface drawing method and device, storage medium and electronic equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN115469863A (en) |
-
2022
- 2022-08-19 CN CN202210997250.1A patent/CN115469863A/en active Pending
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US20040177361A1 (en) | Generic application program interface for native drivers | |
| US8019592B2 (en) | Information terminal device and method for purchasing and adding additional program functions | |
| CN109522068A (en) | The edit methods of the methods of exhibiting and system of the page, page data | |
| CN109359194B (en) | Method and apparatus for predicting information categories | |
| CN109635211B (en) | Method for realizing promotion page and server | |
| CN107291759A (en) | The treating method and apparatus of browser page resource | |
| CN111562870B (en) | Map point location icon expansion processing method and device | |
| CN108733370B (en) | Stylized display method, device, terminal and storage medium of native APP | |
| CN115098098A (en) | Page generation method, page display method and device | |
| CN111125205B (en) | Signboard data display method, terminal and storage medium | |
| CN108459895A (en) | Identity configuration method, device, equipment and storage medium are not read | |
| CN115469863A (en) | Interface drawing method and device, storage medium and electronic equipment | |
| CN105739717A (en) | Information input method and device | |
| CN113553123A (en) | Data processing method and device, electronic equipment and storage medium | |
| CN112328940A (en) | Method and device for embedding transition page into webpage, computer equipment and storage medium | |
| CN107977451B (en) | Method and device for adding dynamic content in display page and terminal equipment | |
| CN112149384A (en) | Short message display method and device and computer readable storage medium | |
| CN112307379A (en) | Page generation method, device and equipment | |
| CN111694627A (en) | Desktop editing method and device | |
| CN111427645A (en) | H5-based cross-terminal adaptive display method and device | |
| CN110838001A (en) | Sample analysis method and sample analysis system for nuclear power plant | |
| CN109634827A (en) | Method and apparatus for generating information | |
| CN110572310A (en) | Address book-based driving test route sharing method, terminal and storage medium | |
| CN113934453B (en) | Risk detection method, risk detection device and storage medium | |
| CN111030874B (en) | Service arranging method, equipment, storage medium and device |
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 |