CN112286523A

CN112286523A - User interface image processing method, device, medium and electronic equipment

Info

Publication number: CN112286523A
Application number: CN202010108569.5A
Authority: CN
Inventors: 刘雷
Original assignee: Jingdong Allianz Property Insurance Co ltd
Current assignee: Jingdong Allianz Property Insurance Co ltd
Priority date: 2020-02-21
Filing date: 2020-02-21
Publication date: 2021-01-29

Abstract

The invention provides a user interface image processing method, which comprises the following steps: acquiring a user interface image; analyzing the user interface image to obtain a component in the user interface image; determining page interaction logic of the component according to the component in the user interface image; determining data of the component according to the page interaction logic of the component; and generating a web application system based on the component, the page interaction logic of the component and the data of the component, so that the web application system is generated in such a way without developing static codes, and the development efficiency is effectively improved. The invention also provides a user interface image processing method and device, a medium and electronic equipment.

Description

User interface image processing method, device, medium and electronic equipment

Technical Field

The invention relates to the technical field of image processing, in particular to a user interface image processing method, device, medium and electronic equipment.

Background

With the rapid development of the internet, various web application systems are also being produced. At present, the method for generating the web application system is as follows: first, a user interface image is converted into static code, and then the static code is developed. For example, the page interaction logic and data are developed, and finally the web application system is generated based on the front-end page interaction logic and data.

However, the inventors have found that at least the following problems exist in the related art when the concept of the present invention is implemented: the related art needs to develop for static code to acquire page interaction logic and data, which results in too long a period for generating a web application system, thereby reducing development efficiency.

It is to be noted that the information disclosed in the above background section is only for enhancement of understanding of the background of the present invention and therefore may include information that does not constitute prior art known to a person of ordinary skill in the art.

Disclosure of Invention

Embodiments of the present invention provide a method, an apparatus, a medium, and an electronic device for processing a user interface image, so as to at least solve a defect of low development efficiency in related technologies to a certain extent.

Additional features and advantages of the invention will be set forth in the detailed description which follows, or may be learned by practice of the invention.

According to a first aspect of the embodiments of the present invention, there is provided a user interface image processing method, including: acquiring a user interface image; analyzing the user interface image to obtain a component in the user interface image; determining page interaction logic of the component according to the component in the user interface image; determining data of the component according to the page interaction logic of the component; and generating a web application system based on the components, the page interaction logic of the components and the data of the components.

In some embodiments of the present invention, parsing the user interface image to obtain components in the user interface image comprises: analyzing the user interface image according to the format of the user interface image to acquire a code of the user interface image; and analyzing the code of the user interface image to acquire the component in the user interface image.

In some embodiments of the present invention, determining page interaction logic for a component from the component in the user interface image comprises: configuring page interaction logic for a component in the user interface image based on the identification of the component; or querying a database for page interaction logic corresponding to the component based on the identification of the component in the user interface image.

In some embodiments of the invention, determining the data for the component from the page interaction logic for the component comprises: inquiring the mapping relation between the page interaction logic and the data of the component according to the identification of the page interaction logic; and calling the data of the component according to the mapping relation between the page interaction logic and the data of the component.

In some embodiments of the invention, the method further comprises: and mounting the page interaction logic and the data of the component to the component through a business logic analysis engine.

In some embodiments of the invention, the method further comprises: responding to the operation of logging in the web application system by a user, and sending an interface of the web application system, wherein the interface of the web application system comprises one or more components for the user to operate; and sending data of the component in response to the operation of the component by the user.

In some embodiments of the invention, the user interface image is in the form of a sketch.

According to a second aspect of embodiments of the present invention, there is provided a user interface image processing apparatus including: the acquisition module is used for acquiring a user interface image; the analysis module is used for analyzing the user interface image to acquire components in the user interface image; the first determination module is used for determining the page interaction logic of the component according to the component in the user interface image; the second determining module is used for determining the data of the component according to the page interaction logic of the component; and the generation module is used for generating a web application system based on the components, the page interaction logic of the components and the data of the components.

In some embodiments of the present invention, the parsing module includes: the first analysis module is used for analyzing the user interface image according to the format of the user interface image so as to obtain a code of the user interface image; and the second analysis module is used for analyzing the code of the user interface image so as to obtain the component in the user interface image.

In some embodiments of the invention, the first determining module includes: a configuration module to configure page interaction logic for a component in the user interface image based on an identification of the component; or the first query module queries the corresponding page interaction logic from a database based on the identification of the component in the user interface image.

In some embodiments of the invention, the second determining module includes: the second query module is used for querying the mapping relation between the page interaction logic and the data of the component according to the identification of the page interaction logic; and the calling module is used for calling the data of the component according to the mapping relation between the page interaction logic and the data of the component.

In some embodiments of the invention, the apparatus further comprises: and the mounting module is used for mounting the page interaction logic and the data of the component to the component through a service logic analysis engine.

In some embodiments of the invention, the apparatus further comprises: the first sending module is used for responding to the operation of logging in the web application system by a user and sending an interface of the web application system, wherein the interface of the web application system comprises one or more components for the user to operate; and the second sending module is used for responding to the operation of the user on the component and sending the data of the component.

According to a third aspect of embodiments of the present invention, there is provided an electronic apparatus, including: one or more processors; storage means for storing one or more programs which, when executed by the one or more processors, cause the one or more processors to implement a user interface image processing method as described in the first aspect of the embodiments above.

According to a fourth aspect of embodiments of the present invention, there is provided a computer-readable medium, on which a computer program is stored, which when executed by a processor, implements the user interface image processing method as described in the first aspect of the embodiments above.

The technical scheme provided by the embodiment of the invention has the following beneficial effects:

in the technical scheme provided by some embodiments of the present invention, a user interface image is obtained, then the user interface image is analyzed to obtain a component in the user interface image, a page interaction logic of the component is determined according to the component in the user interface image, data of the component is determined according to the page interaction logic of the component, and finally a web application system is generated based on the component, the page interaction logic of the component, and the data of the component.

It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the invention, as claimed.

Drawings

The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the invention and together with the description, serve to explain the principles of the invention. It is obvious that the drawings in the following description are only some embodiments of the invention, and that for a person skilled in the art, other drawings can be derived from them without inventive effort. In the drawings:

fig. 1 shows a schematic diagram of an exemplary system architecture of a user interface image processing method or a user interface image processing apparatus to which an embodiment of the present invention can be applied;

FIG. 2 schematically shows a flow diagram of a user interface image processing method according to an embodiment of the invention;

FIG. 3 schematically shows a flow diagram of a user interface image processing method according to another embodiment of the invention;

FIG. 4 schematically shows a flow diagram of a user interface image processing method according to another embodiment of the invention;

FIG. 5 schematically shows a flow diagram of a user interface image processing method according to another embodiment of the invention;

FIG. 6 schematically shows a schematic view of a user interface image according to an embodiment of the invention;

FIG. 7 schematically shows a block diagram of a user interface image processing apparatus according to an embodiment of the present invention;

FIG. 8 schematically shows a block diagram of a user interface image processing apparatus according to another embodiment of the present invention;

FIG. 9 schematically shows a block diagram of a user interface image processing apparatus according to another embodiment of the present invention;

FIG. 10 schematically shows a block diagram of a user interface image processing apparatus according to another embodiment of the present invention;

FIG. 11 schematically shows a block diagram of a user interface image processing apparatus according to another embodiment of the present invention;

FIG. 12 schematically shows a block diagram of a user interface image processing apparatus according to another embodiment of the present invention;

FIG. 13 illustrates a schematic structural diagram of a computer system suitable for use with the electronic device to implement an embodiment of the invention.

Detailed Description

Example embodiments will now be described more fully with reference to the accompanying drawings. Example embodiments may, however, be embodied in many different forms and should not be construed as limited to the examples set forth herein; rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the concept of example embodiments to those skilled in the art.

Furthermore, the described features, structures, or characteristics may be combined in any suitable manner in one or more embodiments. In the following description, numerous specific details are provided to provide a thorough understanding of embodiments of the invention. One skilled in the relevant art will recognize, however, that the invention may be practiced without one or more of the specific details, or with other methods, components, devices, steps, and so forth. In other instances, well-known methods, devices, implementations or operations have not been shown or described in detail to avoid obscuring aspects of the invention.

The block diagrams shown in the figures are functional entities only and do not necessarily correspond to physically separate entities. I.e. these functional entities may be implemented in the form of software, or in one or more hardware modules or integrated circuits, or in different networks and/or processor means and/or microcontroller means.

The flow charts shown in the drawings are merely illustrative and do not necessarily include all of the contents and operations/steps, nor do they necessarily have to be performed in the order described. For example, some operations/steps may be decomposed, and some operations/steps may be combined or partially combined, so that the actual execution sequence may be changed according to the actual situation.

Fig. 1 shows a schematic diagram of an exemplary system architecture of a user interface image processing method or a user interface image processing apparatus to which an embodiment of the present invention can be applied.

As shown in fig. 1, the system architecture 100 may include one or more of

terminal devices

101, 102, 103, a network 104, and a server 105. The network 104 serves as a medium for providing communication links between the

terminal devices

101, 102, 103 and the server 105. Network 104 may include various connection types, such as wired, wireless communication links, or fiber optic cables, to name a few.

It should be understood that the number of terminal devices, networks, and servers in fig. 1 is merely illustrative. There may be any number of terminal devices, networks, and servers, as desired for implementation. For example, server 105 may be a server cluster comprised of multiple servers, or the like.

The user may use the

terminal devices

101, 102, 103 to interact with the server 105 via the network 104 to receive or send messages or the like. The

terminal devices

101, 102, 103 may be various electronic devices having a display screen, including but not limited to smart phones, tablet computers, portable computers, desktop computers, and the like.

The server 105 may be a server that provides various services. For example, a user uploads a user interface image to the server 105 by using the terminal device 103 (which may also be the terminal device 101 or 102), and the server 105 may parse the user interface image to obtain a component in the user interface image; determining the page interaction logic of the component according to the component in the user interface image, determining the data of the component according to the page interaction logic of the component, and generating a web application system based on the component, the page interaction logic of the component and the data of the component, so that the generation of the web application system does not need to develop static codes, and the development efficiency is effectively improved

In some embodiments, the user interface image processing method provided by the embodiments of the present invention is generally performed by the server 105, and accordingly, the user interface image processing apparatus is generally disposed in the server 105. In other embodiments, some terminals may have similar functionality as the server to perform the method. Therefore, the user interface image processing method provided by the embodiment of the invention is not limited to be executed at the server side.

Fig. 2 schematically shows a flow chart of a user interface image processing method according to an embodiment of the present invention.

As shown in fig. 2, the user interface image processing method may include steps S210 to S250.

In step S210, a user interface image is acquired.

In step S220, the user interface image is parsed to obtain components in the user interface image.

In step S230, the page interaction logic of the component is determined according to the component in the user interface image.

In step S240, the data of the component is determined according to the page interaction logic of the component.

In step S250, a web application system is generated based on the components, the page interaction logic of the components, and the data of the components.

According to the method, the user interface image can be obtained, then the user interface image is analyzed to obtain the component in the user interface image, the page interaction logic of the component is determined according to the component in the user interface image, the data of the component is determined according to the page interaction logic of the component, and finally the web application system is generated based on the component, the page interaction logic of the component and the data of the component.

In an embodiment of the present invention, the user interface image may be a design drawing, a simulation drawing, or a screenshot of a user interface of the user interaction interface, and a picture of content, elements, components, positions of elements/components, arrangements of elements/components, layouts of elements/components, and/or other parameters included in the user interaction interface may be embodied in the user interface image. In this embodiment, the user interaction interface may be an interface of the web application system, where one or more components for a user to operate may be included in the web application system interface. For example, when a user operates a component in the web system interface on a terminal, data of the component may be transmitted in response to the user operating the component according to the method.

In an embodiment of the present invention, the format of the user interface image is sketch. For example, the user interface image may be an image drawn by a user using the sketch vector drawing application software. The Sketch vector drawing application software is a vector drawing application suitable for all designers. Vector drawing is currently a good way to perform web page, icon and interface design. But in addition to the vector editing function, Sketch also adds some basic bitmap tools such as blur and color correction.

In one embodiment of the invention, a user interface image is parsed to obtain components in the user interface image. For example, the sketch parsing module parses the user interface image to obtain a front-end code of the user interface image, and then the component parsing module parses the front-end code to obtain a component of the user interface image. Referring to fig. 6, the user interface image may be a user interface image P600, and the components P610 to P650 in the user interface image P600 may be obtained by analyzing the user interface image P600, which are respectively the guarantee content P610, the expected claim amount P620, the premium P630, the insurance company P640, and the guarantee commodity P650. In this embodiment, a web application system may be generated based on the components P610 to P650 in the user interface image P600, the page interaction logic of each component, and the data of each component, after the web application system is generated, a user may log in the web application system at a terminal, and according to the method, the user may respond to the operation of logging in the web application system, and send an interface of the web application system to the terminal, where the interface of the web application system includes one or more components for the user to operate (for example, the components may be the components P610 to P650 in the user interface image P600).

In one embodiment of the invention, the page interaction logic for a component is determined from the component in the user interface image. For example, page interaction logic for a component in the user interface image is configured by a business logic configuration module based on the identification of the component. As another example, page interaction logic corresponding to the component in the user interface image is queried from a database based on the identification of the component. In this embodiment, the page interaction logic may be configured according to the function of each component.

In one embodiment of the invention, the data of the component is determined according to the page interaction logic of the component. And inquiring the mapping relation between the page interaction logic and the data of the component according to the identification of the page interaction logic through the service logic configuration module, and calling the data of the component according to the mapping relation between the page interaction logic and the data of the component. For example, the page interaction logic is identified as a, the data of the component is B, in this case, the mapping relationship between the page interaction logic and the data of the component may be a → B, and the data of the component may be called from the database storing the data of the component according to a → B. In this embodiment, the data of the component may be backend data of the component.

In one embodiment of the invention, a web application system is generated based on the components, the page interaction logic of the components and the data of the components. In this embodiment, the generated application system can be configured through the user interface image without developing an interactive logic and a back-end data interactive module, thereby improving the development efficiency.

Fig. 3 schematically shows a flow chart of a user interface image processing method according to another embodiment of the present invention.

As shown in fig. 3, the step S220 may specifically include a step S310 and a step S320.

In step S310, the user interface image is parsed according to the format of the user interface image, so as to obtain a code of the user interface image.

In step S320, the code of the user interface image is parsed to obtain the components in the user interface image.

The method can analyze the user interface image according to the format of the user interface image to obtain the code of the user interface image, and then analyze the code of the user interface image to obtain the component in the user interface image without developing the code of the user interface image, thereby improving the development efficiency.

In an embodiment of the present invention, the user interface image is parsed according to a format of the user interface image to obtain a code of the user interface image, where the code of the user interface image may be a front-end code of the user interface image. For example, the format of the user interface image is sketch, in this case, the sketch parsing module parses the user interface image to obtain a front-end code of the user interface image, and then the component parsing module parses the front-end code to obtain a component of the user interface image. Referring to fig. 6, the user interface image may be a user interface image P600, and the components P610 to P650 in the user interface image P600 may be obtained by analyzing the user interface image P600, which are respectively the guarantee content P610, the expected claim amount P620, the premium P630, the insurance company P640, and the guarantee commodity P650. In this embodiment, the page interaction logic and data of the components P610 to P650 may be directly determined according to the components P610 to P650 in the user interface image P600, and the page interaction logic and data of the components P610 to P650 are obtained without developing front-end codes, so that the efficiency of developing the web application system is improved.

In one embodiment of the invention, determining page interaction logic for a component from components in a user interface image comprises: configuring page interaction logic of the component based on the identification of the component in the user interface image; or query the database for page interaction logic corresponding thereto based on the identification of the component in the user interface image. For example, page interaction logic for a component in the user interface image is configured by a business logic configuration module based on the identification of the component. As another example, page interaction logic corresponding to the component in the user interface image is queried from a database based on the identification of the component. In this embodiment, the page interaction logic may be configured according to the function of each component.

Fig. 4 schematically shows a flow chart of a user interface image processing method according to another embodiment of the present invention.

As shown in fig. 4, the step S240 may include a step S410 and a step S420.

In step S410, a mapping relationship between the page interaction logic and the data of the component is queried according to the identifier of the page interaction logic.

In step S420, the data of the component is called according to the mapping relationship between the page interaction logic and the data of the component.

The method can inquire the mapping relation between the page interaction logic and the data of the component according to the identification of the page interaction logic, and then call the data of the component according to the mapping relation between the page interaction logic and the data of the component without developing the back-end data aiming at the front-end static code, thereby effectively overcoming the defect of low development efficiency in the related technology.

In an embodiment of the present invention, the mapping relationship between the page interaction logic and the data of the component is queried according to the identification of the page interaction logic, and then the data of the component is called according to the mapping relationship between the page interaction logic and the data of the component. For example, the business logic configuration module queries the mapping relationship between the page interaction logic and the data of the component according to the identifier of the page interaction logic, and then calls the data of the component according to the mapping relationship between the page interaction logic and the data of the component. Specifically, the page interaction logic is identified as a, and the data of the component is B, in which case, the mapping relationship between the page interaction logic and the data of the component may be a → B, and the data of the component may be called from the database storing the data of the component according to a → B. In this embodiment, the data of the component may be backend data of the component.

In one embodiment of the invention, the method further comprises: and mounting the page interaction logic and the data of the component to the component through a business logic analysis engine. For example, the page interaction logic and the data of the component are mounted to the component through a business logic resolver in a business logic parsing engine, so that the backend data of the component can be returned to the terminal when the user operates the component.

Fig. 5 schematically shows a flow chart of a user interface image processing method according to another embodiment of the present invention.

As shown in fig. 5, the method further includes step S510 and step S520.

In step S510, in response to an operation of logging in the web application system by a user, an interface of the web application system is sent, where the interface of the web application system includes one or more components for the user to operate.

In step S520, in response to the operation of the component by the user, the data of the component is transmitted.

The method can respond to the operation of logging in the web application system by a user, send the interface of the web application system, and then respond to the operation of the user on the component in the web application system, and send the data of the component, so that the data mounted on the component can be rapidly shown to the user.

In one embodiment of the invention, after the web application system is generated, a user may log in the web application system on a terminal. When a user logs in the web application system at a terminal, responding to the operation of logging in the web application system by the user, and sending an interface of the web application system. At the moment, a user can operate the component in the interface of the web application system on the terminal, and in this case, the data of the component is sent in response to the operation of the user on the component in the web application system, so that the data mounted on the component can be quickly shown to the user. For example, after a user operates a component in an interface of a web application system, in response to the operation, determining a page interaction logic of the component according to an identifier of the component, then querying a mapping relation between the page interaction logic and data of the component according to the identifier of the page interaction logic, calling the data of the component from a database storing component data according to the mapping relation, and sending the data of the component to a terminal, so that the data mounted on the component can be quickly shown to the user. In this embodiment, the data for each component in the web application system interface can be backend data associated with each component. For example, the data of the page interaction logic and the component can be mounted to the component through a business logic parser in the business logic parsing engine, so that the backend data of the component can be returned to the terminal when the user operates the component.

Fig. 7 schematically shows a block diagram of a user interface image processing apparatus according to an embodiment of the present invention.

As shown in fig. 7, the user interface image processing apparatus 700 includes an acquisition module 710, a parsing module 720, a first determination module 730, a second determination module 740, and a generation module 750.

Specifically, the obtaining module 710 is configured to obtain a user interface image.

And the analysis module 720 is configured to analyze the user interface image to obtain a component in the user interface image.

A first determining module 730, configured to determine page interaction logic of the component according to the component in the user interface image.

The second determining module 740 is configured to determine the data of the component according to the page interaction logic of the component.

And a generating module 750 for generating a web application system based on the components, the page interaction logic of the components, and the data of the components.

The user interface image processing apparatus 700 may obtain a user interface image, analyze the user interface image to obtain a component in the user interface image, determine a page interaction logic of the component according to the component in the user interface image, determine data of the component according to the page interaction logic of the component, and finally generate a web application system based on the component, the page interaction logic of the component, and the data of the component.

According to an embodiment of the present invention, the user interface image processing apparatus 700 may be used to implement the user interface image processing method described in the embodiment of fig. 2.

Fig. 8 schematically shows a block diagram of a user interface image processing apparatus according to another embodiment of the present invention.

As shown in fig. 8, the parsing module 720 includes a first parsing module 721 and a second parsing module 722.

Specifically, the first parsing module 721 is configured to parse the user interface image according to the format of the user interface image, so as to obtain a code of the user interface image.

A second parsing module 722, configured to parse the code of the user interface image to obtain a component in the user interface image.

The parsing module 720 may parse the user interface image according to the format of the user interface image to obtain the code of the user interface image, and then parse the code of the user interface image to obtain the component in the user interface image, without developing the code of the user interface image, thereby improving the development efficiency.

According to an embodiment of the present invention, the second parsing module 722 may be used to implement the user interface image processing method described in the embodiment of fig. 3.

Fig. 9 schematically shows a block diagram of a user interface processing apparatus according to another embodiment of the present invention.

As shown in fig. 9, the first determining module 730 includes a configuring module 731 or a first querying module 732.

In particular, the configuration module 731 to configure page interaction logic for a component in the user interface image based on the identification of the component; or

The first query module 732 queries a database for page interaction logic corresponding to the component based on the identification of the component in the user interface image.

Fig. 10 schematically shows a block diagram of a user interface processing apparatus according to another embodiment of the present invention.

As shown in fig. 10, the second determining module 740 includes a second querying module 741 and a calling module 742.

Specifically, the second querying module 741 is configured to query, according to the identifier of the page interaction logic, a mapping relationship between the page interaction logic and the data of the component.

A calling module 742, configured to call the data of the component according to the mapping relationship between the page interaction logic and the data of the component.

The second determining module 740 can query the mapping relationship between the page interaction logic and the data of the component according to the identifier of the page interaction logic, and then call the data of the component according to the mapping relationship between the page interaction logic and the data of the component, without developing backend data for front-end static codes, thereby effectively overcoming the defect of low development efficiency in the related art.

The second determination module 740 may be used to implement the user interface image processing method described in the embodiment of fig. 4 according to an embodiment of the present invention.

Fig. 11 schematically shows a block diagram of a user interface image processing apparatus according to another embodiment of the present invention.

As shown in fig. 11, the user interface image processing apparatus 700 further includes a mounting module 760.

Specifically, the mounting module 760 is configured to mount the page interaction logic and the data of the component to the component through a business logic parsing engine.

The user interface image processing apparatus 700 may mount the page interaction logic and the data of the component to the component through a business logic parser in a business logic parsing engine, so that the backend data of the component may be returned to the terminal when the user operates the component.

Fig. 12 schematically shows a block diagram of a user interface image processing apparatus according to another embodiment of the present invention.

As shown in fig. 12, the user interface image processing apparatus 700 further includes a first transmission module 770 and a second transmission module 780.

Specifically, the first sending module 770 is configured to send an interface of the web application system in response to an operation of a user logging in the web application system, where the interface of the web application system includes one or more components for the user to operate.

The second sending module 780 sends the data of the component in response to the user's operation on the component.

The user interface image processing apparatus 700 may transmit an interface of the web application system in response to an operation of a user logging in the web application system, and then transmit data of a component in response to an operation of the component by the user, so that the data mounted on the component may be rapidly presented to the user.

According to an embodiment of the present invention, the user interface image processing apparatus 700 may be used to implement the user interface image processing method described in the embodiment of fig. 5.

For details that are not disclosed in the embodiments of the apparatus of the present invention, please refer to the above-described embodiments of the user interface image processing method of the present invention for details that are not disclosed in the embodiments of the apparatus of the present invention, because each module of the user interface image processing apparatus of the exemplary embodiment of the present invention can be used to implement the steps of the exemplary embodiments of the user interface image processing method described in the above-described fig. 2 to 5.

It is understood that the obtaining module 710, the parsing module 720, the first parsing module 721, the second parsing module 722, the first determining module 730, the configuring module 731, the first querying module 732, the second determining module 740, the second querying module 741, the invoking module 742, the generating module 750, the mounting module 760, the first sending module 770, and the second sending module 780 may be combined to be implemented in one module, or any one of them may be split into multiple modules. Alternatively, at least part of the functionality of one or more of these modules may be combined with at least part of the functionality of the other modules and implemented in one module. According to an embodiment of the present invention, at least one of the obtaining module 710, the parsing module 720, the first parsing module 721, the second parsing module 722, the first determining module 730, the configuring module 731, the first querying module 732, the second determining module 740, the second querying module 741, the invoking module 742, the generating module 750, the mounting module 760, the first sending module 770, and the second sending module 780 may be at least partially implemented as a hardware circuit, such as a Field Programmable Gate Array (FPGA), a Programmable Logic Array (PLA), a system on a chip, a system on a substrate, a system on a package, an Application Specific Integrated Circuit (ASIC), or any other reasonable way of integrating or packaging a circuit, or implemented in a suitable combination of three implementations of software, hardware, and firmware. Alternatively, at least one of the obtaining module 710, the parsing module 720, the first parsing module 721, the second parsing module 722, the first determining module 730, the configuring module 731, the first querying module 732, the second determining module 740, the second querying module 741, the invoking module 742, the generating module 750, the mounting module 760, the first sending module 770, and the second sending module 780 may be implemented at least in part as computer program modules that, when executed by a computer, may perform the functions of the respective modules.

Referring now to FIG. 13, shown is a block diagram of a computer system 800 suitable for use in implementing an electronic device of an embodiment of the present invention. The computer system 800 of the electronic device shown in fig. 13 is only an example, and should not bring any limitation to the function and the scope of use of the embodiment of the present invention.

As shown in fig. 13, the computer system 800 includes a Central Processing Unit (CPU)801 that can perform various appropriate actions and processes in accordance with a program stored in a Read Only Memory (ROM)802 or a program loaded from a storage section 808 into a Random Access Memory (RAM) 803. In the RAM 803, various programs and data necessary for system operation are also stored. The CPU 801, ROM 802, and RAM 803 are connected to each other via a bus 804. An input/output (I/O) interface 805 is also connected to bus 804.

The following components are connected to the I/O interface 805: an input portion 806 including a keyboard, a mouse, and the like; an output section 807 including a signal such as a Cathode Ray Tube (CRT), a Liquid Crystal Display (LCD), and the like, and a speaker; a storage portion 808 including a hard disk and the like; and a communication section 809 including a network interface card such as a LAN card, a modem, or the like. The communication section 809 performs communication processing via a network such as the internet. A drive 810 is also connected to the I/O interface 805 as necessary. A removable medium 811 such as a magnetic disk, an optical disk, a magneto-optical disk, a semiconductor memory, or the like is mounted on the drive 810 as necessary, so that a computer program read out therefrom is mounted on the storage section 808 as necessary.

In particular, according to an embodiment of the present invention, the processes described above with reference to the flowcharts may be implemented as computer software programs. For example, embodiments of the invention include a computer program product comprising a computer program embodied on a computer-readable medium, the computer program comprising program code for performing the method illustrated in the flow chart. In such an embodiment, the computer program can be downloaded and installed from a network through the communication section 809 and/or installed from the removable medium 811. The computer program executes the above-described functions defined in the system of the present application when executed by the Central Processing Unit (CPU) 801.

It should be noted that the computer readable medium shown in the present invention can be a computer readable signal medium or a computer readable storage medium or any combination of the two. 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 of the computer readable storage medium may include, but are not limited to: 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 present invention, 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. In the present invention, however, 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 many 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, wire, fiber optic cable, RF, etc., or any suitable combination of the foregoing.

The flowchart and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present invention. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams or flowchart illustration, and combinations of blocks in the block diagrams or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.

The units described in the embodiments of the present invention may be implemented by software, or may be implemented by hardware, and the described units may also be disposed in a processor. Wherein the names of the elements do not in some way constitute a limitation on the elements themselves.

As another aspect, the present application also provides a computer-readable medium, which may be contained in the electronic device described in the above embodiments; or may exist separately without being assembled into the electronic device. The computer readable medium carries one or more programs which, when executed by an electronic device, cause the electronic device to implement the user interface image processing method as described in the above embodiments.

For example, the electronic device may implement the following as shown in fig. 2: in step S210, a user interface image is acquired. In step S220, the user interface image is parsed to obtain components in the user interface image. In step S230, the page interaction logic of the component is determined according to the component in the user interface image. In step S240, the data of the component is determined according to the page interaction logic of the component. In step S250, a web application system is generated based on the components, the page interaction logic of the components, and the data of the components.

It should be noted that although in the above detailed description several modules or units of the device for action execution are mentioned, such a division is not mandatory. Indeed, the features and functionality of two or more modules or units described above may be embodied in one module or unit, according to embodiments of the invention. Conversely, the features and functions of one module or unit described above may be further divided into embodiments by a plurality of modules or units.

Through the above description of the embodiments, those skilled in the art will readily understand that the exemplary embodiments described herein may be implemented by software, or by software in combination with necessary hardware. Therefore, the technical solution according to the embodiment of the present invention can be embodied in the form of a software product, which can be stored in a non-volatile storage medium (which can be a CD-ROM, a usb disk, a removable hard disk, etc.) or on a network, and includes several instructions to enable a computing device (which can be a personal computer, a server, a touch terminal, or a network device, etc.) to execute the method according to the embodiment of the present invention.

Other embodiments of the invention will be apparent to those skilled in the art from consideration of the specification and practice of the invention disclosed herein. This application is intended to cover any variations, uses, or adaptations of the invention following, in general, the principles of the invention and including such departures from the present disclosure as come within known or customary practice within the art to which the invention pertains. It is intended that the specification and examples be considered as exemplary only, with a true scope and spirit of the invention being indicated by the following claims.

It will be understood that the invention is not limited to the precise arrangements described above and shown in the drawings and that various modifications and changes may be made without departing from the scope thereof. The scope of the invention is limited only by the appended claims.

Claims

1. A user interface image processing method, comprising:

acquiring a user interface image;

analyzing the user interface image to obtain a component in the user interface image;

determining page interaction logic of the component according to the component in the user interface image;

determining data of the component according to the page interaction logic of the component;

and generating a web application system based on the components, the page interaction logic of the components and the data of the components.

2. The method of claim 1, wherein parsing the user interface image to obtain components in the user interface image comprises:

analyzing the user interface image according to the format of the user interface image to acquire a code of the user interface image;

and analyzing the code of the user interface image to acquire the component in the user interface image.

3. The method of claim 1, wherein determining page interaction logic for a component from the component in the user interface image comprises:

configuring page interaction logic for a component in the user interface image based on the identification of the component; or

Querying a database for page interaction logic corresponding to the component based on the identification of the component in the user interface image.

4. The method of claim 1, wherein determining the data for the component according to the page interaction logic for the component comprises:

inquiring the mapping relation between the page interaction logic and the data of the component according to the identification of the page interaction logic;

and calling the data of the component according to the mapping relation between the page interaction logic and the data of the component.

5. The method of claim 1, further comprising:

and mounting the page interaction logic and the data of the component to the component through a business logic analysis engine.

6. The method of claim 5, further comprising:

responding to the operation of logging in the web application system by a user, and sending an interface of the web application system, wherein the interface of the web application system comprises one or more components for the user to operate; and

and sending the data of the component in response to the operation of the component by the user.

7. The method according to any one of claims 1 to 6, wherein the format of the user interface image is sketch.

8. A user interface image processing apparatus, comprising:

the acquisition module is used for acquiring a user interface image;

the analysis module is used for analyzing the user interface image to acquire components in the user interface image;

the first determination module is used for determining the page interaction logic of the component according to the component in the user interface image;

the second determining module is used for determining the data of the component according to the page interaction logic of the component;

and the generation module is used for generating a web application system based on the components, the page interaction logic of the components and the data of the components.

9. An electronic device, comprising:

one or more processors; and

storage means for storing one or more programs which, when executed by the one or more processors, cause the one or more processors to carry out a method according to any one of claims 1 to 7.

10. A computer-readable medium, on which a computer program is stored, which program, when being executed by a processor, is adapted to carry out the method according to any one of claims 1 to 7.