CN111858104B

CN111858104B - Multi-terminal adaptive form generation method, device, equipment and medium

Info

Publication number: CN111858104B
Application number: CN202010764874.XA
Authority: CN
Inventors: 张宋茂; 万涛; 孙彦杰; 宫志伟
Original assignee: Industrial and Commercial Bank of China Ltd ICBC; ICBC Technology Co Ltd
Current assignee: Industrial and Commercial Bank of China Ltd ICBC; ICBC Technology Co Ltd
Priority date: 2020-07-31
Filing date: 2020-07-31
Publication date: 2023-09-12
Anticipated expiration: 2040-07-31
Also published as: CN111858104A

Abstract

The disclosure provides a multi-terminal adaptive form generation method, device, equipment and medium, wherein the multi-terminal adaptive form generation method comprises the following steps: receiving a form generation request sent by a client; and sending the global adapter to the client according to the form generation request so that the client generates a form adapted to the end state based on the end state of the client and the global adapter. The multi-terminal adaptive form generation method and device can be used in the financial field or other fields.

Description

Multi-terminal adaptive form generation method, device, equipment and medium

Technical Field

The present disclosure relates to the field of computer technology, and more particularly, to a method, an apparatus, a device, and a medium for generating a form with multiple terminal adaptations.

Background

Form requirements under the big data age are ubiquitous, and as long as the requirement of user data acquisition exists, forms exist, and various PC terminal form design systems are generated. The Internet enters a stable development period, the PC terminal and the mobile terminal are not in a substitution relationship, the data of each terminal are closely related, and the user experience requirement is higher. Therefore, a form generation scheme capable of facing a PC terminal, a mobile terminal, even an applet or a third party terminal device at the same time is needed.

Disclosure of Invention

In view of this, the present disclosure provides a method, an apparatus, a device, and a medium for generating a form adapted to multiple ends, which can implement unified development of multiple ends, and one form can run on multiple terminals, and only needs to pay attention to output and receiving service data, without worrying about interaction difference and compatibility problems of users on multiple ends. The service data sharing can be realized by perfect adaptation of one form at the same time in the mobile terminal, the PC terminal and the like. The method can be applied to various data-driven form design systems, can also be used for expanding support in different browser environments at the same end, is decoupled from a service system, and has strong replicability. In addition, the system can be decoupled from any service system, can realize stable upgrading and has a large market popularization space.

One aspect of the present disclosure provides a multi-port adapted form generation method, comprising:

receiving a form generation request sent by a client; and

and sending the global adapter to the client according to the form generation request so that the client generates a form matched with the end state based on the end state of the client and the global adapter.

According to an embodiment of the present disclosure, sending a global adapter to the client according to the form generation request includes:

Generating a global adapter based on the abstract factory pattern;

and packaging the global adapter, and sending the packaged global adapter to the client according to the form generation request.

According to an embodiment of the present disclosure, generating a global adapter based on an abstract factory pattern includes:

determining an adapter abstraction factory;

determining a factory abstract class based on the multi-terminal state and an adapter abstract factory, wherein the factory abstract class comprises a PC terminal adapter, a mobile terminal adapter and a self-service terminal adapter abstract class;

a product class corresponding to each abstract class is determined based on the factory abstract class, and the product class comprises an input box component and a cascade box component.

According to an embodiment of the present disclosure, the method for enabling the client to generate a form adapted to the end state according to the end state of the client and the global adapter includes: and the client acquires the product class corresponding to the end state from the global adapter according to the end state of the client, and generates a form matched with the end state according to the product class.

According to an embodiment of the present disclosure, the method for enabling the client to generate a form adapted to the end state according to the end state of the client and the global adapter includes: and the client determines a component construction function according to the end state and the global adapter, and generates a form adapted to the end state according to the component construction function.

Another aspect of the present disclosure provides a multi-port adapted form generation method, including:

sending a form generation request to a server side;

receiving a global adapter returned by the server side in response to the form generation request;

and generating a form adapted to the end state according to the end state and the global adapter.

According to an embodiment of the present disclosure, generating, according to an end state and the global adapter, a form adapted to the end state includes: and the client acquires the product class corresponding to the end state from the global adapter according to the end state of the client, and generates a form matched with the end state according to the product class.

According to an embodiment of the present disclosure, generating, according to an end state and the global adapter, a form adapted to the end state includes: and the client determines a component construction function according to the end state and the global adapter, and generates a form adapted to the end state according to the component construction function.

According to an embodiment of the present disclosure, generating, according to an end state and the global adapter, a form adapted to the end state includes:

Determining a component construction function according to the end state and the global adapter;

presetting form data according to the component construction function to obtain preset data;

and completing the form rendering and the component instantiation according to the component construction function and the preset data, and generating a form adapted to the end state.

According to the embodiment of the disclosure, the form data is subjected to the presetting processing in a data enhancement mode.

According to an embodiment of the present disclosure, a method for presetting form data by a data enhancement mode includes: and reading form data in a cross-domain mode according to the remote data address and the addressing rule, extracting information and converting formats, and finishing intelligent filling.

Another aspect of the present disclosure provides a multi-port adapted form generation apparatus, comprising:

the receiving module is used for receiving a form generation request sent by the client;

and the sending module is used for sending the global adapter to the client according to the form generation request so as to enable the client to generate a form adapted to the end state based on the end state of the client and the global adaptation information.

The sending module is used for sending a form generation request to the server side;

the receiving module is used for receiving the global adapter returned by the server side in response to the form generation request;

and the generating module is used for generating a form matched with the end state according to the end state and the global adapter.

Another aspect of the present disclosure provides an electronic device, comprising:

one or more processors;

storage means for storing one or more programs,

wherein the one or more programs, when executed by the one or more processors, cause the one or more processors to perform the method described above.

Another aspect of the present disclosure provides a computer-readable storage medium having stored thereon executable instructions that, when executed by a processor, cause the processor to perform the above-described method.

According to an embodiment of the disclosure, a form generation request sent by a client is received; and sending the global adapter to the client according to the form generation request, so that the client generates a form adapted to the end state based on the end state of the client and the global adapter, at least partially solving the problem that the existing form system does not have multi-end adaptability, supporting multi-end form pages, providing an expansion window and realizing access of a new terminal. The present disclosure is an internet ecological embodiment with the internet technology as the core and the user value as the guide, and in a form service system, a multi-terminal unified development and array presetting scheme is provided, and meanwhile, the scheme can be decoupled from the service system, and the later stage can be steadily upgraded.

Drawings

The foregoing and other objects, features and advantages of the disclosure will be more apparent from the following description of embodiments of the disclosure with reference to the accompanying drawings, in which:

FIG. 1 schematically illustrates an application scenario of a multi-port adapted form generation method, apparatus, device and medium according to an embodiment of the present disclosure;

FIG. 2 schematically illustrates a flow chart of a multi-port adapted form generation method according to an embodiment of the present disclosure;

FIG. 3 schematically illustrates a schematic diagram of a form structure according to an embodiment of the present disclosure;

FIG. 4 schematically illustrates a flow diagram for sending a global adapter to the client according to the form generation request, according to an embodiment of the present disclosure;

FIG. 5 schematically illustrates a flow diagram for generating a global adapter based on an abstract factory pattern according to an embodiment of the disclosure;

FIG. 6 schematically illustrates a flowchart of a multi-port adapted form generation method according to another embodiment of the present disclosure;

FIG. 7 schematically illustrates a flow chart of generating a form adapted to an end state according to the end state and the global adapter according to an embodiment of the disclosure;

FIG. 8 schematically illustrates a flowchart of a multi-port adapted form generation method according to another embodiment of the present disclosure;

FIG. 9 schematically illustrates an architecture diagram of a globally registered component adapter according to an embodiment of the present disclosure;

FIG. 10 schematically illustrates a flowchart of a multi-port adapted form generation method applied to a business system according to an embodiment of the present disclosure;

FIG. 11 schematically illustrates a global registration component adapter adaptation flow diagram in accordance with an embodiment of the present disclosure;

FIG. 12A schematically illustrates a method of generating a form effect map adapted to a mobile terminal in accordance with an embodiment of the present disclosure;

FIG. 12B schematically illustrates a method of generating a form effect map adapted to a PC terminal in accordance with an embodiment of the present disclosure;

FIG. 13 schematically illustrates a block diagram of a multi-port adapted form generation apparatus according to an embodiment of the present disclosure;

FIG. 14 schematically illustrates a block diagram of a multi-port adapted form generation apparatus in accordance with another embodiment of the present disclosure; and

fig. 15 schematically illustrates a block diagram of an electronic device adapted to perform a form generation method of multi-terminal adaptation in accordance with an embodiment of the present disclosure.

Detailed Description

Hereinafter, embodiments of the present disclosure will be described with reference to the accompanying drawings. It should be understood that the description is only exemplary and is not intended to limit the scope of the present disclosure. In the following detailed description, for purposes of explanation, numerous specific details are set forth in order to provide a thorough understanding of the embodiments of the present disclosure. It may be evident, however, that one or more embodiments may be practiced without these specific details. In addition, in the following description, descriptions of well-known structures and techniques are omitted so as not to unnecessarily obscure the concepts of the present disclosure.

The terminology used herein is for the purpose of describing particular embodiments only and is not intended to be limiting of the disclosure. The terms "comprises," "comprising," and/or the like, as used herein, specify the presence of stated features, steps, operations, and/or components, but do not preclude the presence or addition of one or more other features, steps, operations, or components.

All terms (including technical and scientific terms) used herein have the same meaning as commonly understood by one of ordinary skill in the art unless otherwise defined. It should be noted that the terms used herein should be construed to have meanings consistent with the context of the present specification and should not be construed in an idealized or overly formal manner.

Where expressions like at least one of "A, B and C, etc. are used, the expressions should generally be interpreted in accordance with the meaning as commonly understood by those skilled in the art (e.g.," a system having at least one of A, B and C "shall include, but not be limited to, a system having a alone, B alone, C alone, a and B together, a and C together, B and C together, and/or A, B, C together, etc.).

In implementing the present disclosure, the inventors have found that, for forms, generally different terminals are different, mainly in operation, except for usage scenarios and network environments, such as: the main interaction of the PC terminal is mouse click operation and handle operation; the mobile terminal is interacted with click, double click, long-time press, slide and the like, and further comprises various sensors: gravity, acceleration, position, optical fiber, etc.; the self-service terminal is mainly a touch screen, a numeric keyboard or handwriting input. The diversity of the multiple terminals is very large, various technologies are pursued to be specialized, and most of the user interface components in the front-end ecology of the Internet are designed mainly for a certain terminal.

The existing service system faces the dilemma, so that in order to meet the multi-end requirements, the construction cost has to be increased, a plurality of systems are constructed, and a lot of troubles are brought to the later operation and upgrading of projects. If the PC terminal is adopted as the main design, the mobile terminal is multiplexed, so that great experience defects bring a lot of inconvenience to users, and vice versa, that is, the existing form generation scheme cannot well meet multi-terminal adaptation requirements, user experience is affected, and in addition, multi-terminal development cost is too high and the upgrade is not easy.

In view of this, an embodiment of the present disclosure provides a form generation method with multi-port adaptation, including:

receiving a form generation request sent by a client; and

The method and the device realize multi-terminal adaptation, improve user experience, and solve the problems of over-high multi-terminal development cost, difficult upgrading and insufficient intellectualization of the existing form-based application system.

Fig. 1 schematically illustrates an application scenario of a form generation method, apparatus, device and medium according to an embodiment of the present disclosure. It should be noted that fig. 1 illustrates only an example of an application scenario in which the embodiments of the present disclosure may be applied to help those skilled in the art understand the technical content of the present disclosure, but it does not mean that the embodiments of the present disclosure may not be applied to other devices, systems, environments, or scenarios.

As shown in fig. 1, the application scenario 100 of this embodiment may include, for example, a mobile terminal (mobile terminal) device 101, a PC terminal (PC terminal) device 102, a self-service terminal (self-service terminal) device 103, a network 104, and a server 105. Wherein the network 104 is used as a medium for providing a communication link between the mobile terminal device 101, the PC terminal device 102, the self-service terminal device 103 and the server 105. The network 104 may include various connection types, such as wired, wireless communication links, and the like.

A user may interact with server 105 via network 104 using mobile terminal device 101, PC terminal device 102, self-service terminal device 103, to receive or send messages, etc. The mobile terminal device 101, the PC terminal device 102, and the self-service terminal device 103 may transmit request information to the server 105 through the network 104 in response to a user operation to obtain feedback information through a response of the server 105. In an embodiment, the mobile terminal device 101, the PC terminal device 102, and the self-service terminal device 103 may be, for example, various electronic devices having a processing function and installed with a client application. Wherein mobile terminal device 101 includes, but is not limited to, a smart phone, tablet, laptop portable computer, etc., PC terminal device 102 includes, but is not limited to, a desktop computer, etc., and self-service terminal device 103 includes, but is not limited to, a self-service terminal device commonly used in banks, hospitals. The mobile terminal device 101, the PC terminal device 102, and the self-service terminal device 103 may have various client applications installed thereon, including but not limited to: network communication class applications, web browsing class applications, online paymate, etc. The request information sent to the server may be sent, for example, through an interface provided by the client application.

Fig. 2 schematically illustrates a flow chart of a multi-port adapted form generation method of an embodiment of the present disclosure. The form generation method of this embodiment may be executed by the server side.

As shown in fig. 2, the multi-port adaptive form generation method of this embodiment may include, for example, operations S201 to S202.

In operation S201, a form generation request transmitted by a client is received.

According to embodiments of the present disclosure, the form is a form of data collection, data presentation. The list structure may be implemented, for example, by the structure described in fig. 3, which is not described herein.

Fig. 3 schematically shows a schematic diagram of a form structure of an embodiment of the present disclosure. As shown in fig. 3, the form structure may include, for example, a form layout structure (form-layout) 301, a form item (form-item) 302, and a theme style file (the name-system) 303.

The form-layout structure (form-layout) 301 performs layout storage and parsing by using a nested recursion, and of course, the disclosure is not limited to the nested recursion, and other manners suitable for multi-terminal adaptation are also possible; the rasterization layout, i.e. the overall layout structure of the form, is adopted, and can meet the multi-terminal requirements, and of course, the disclosure is not limited to the rasterization layout, but can also be other layout structures suitable for multi-terminal adaptation.

Form-item 302 is used to record the data unique Identification (ID) to which the form item is bound, typically each form item has a corresponding ID) 304, description information (1 abel) 305, component type (type) 306, auto fill data (auto fill_data) 307, remote data (remote_data) 308 (illustratively, data enhancement configuration by addressing path, request address, etc.), basic configuration (config) 309.

The theme style file (theme-tile) 303 is used to support the linked introduction, enabling theme appearance enhancement. When the internal theme style cannot meet the requirement, the external theme style can be introduced through the link, so that the diversified requirements of the user can be better met, and the user experience is improved. For example, an external holiday theme style may be introduced at a heavy holiday such as national celebration.

To achieve cross-platform performance of a form, according to embodiments of the present disclosure, data is first used to store the form structure. The traditional HTML or XML data is not strong in structuring, inconvenient to convert and read, JSON (Java Script Object Notation) data is adopted to store the form structure, the JSON data structure is convenient to transmit and escape, redundancy and errors can be reduced to the greatest extent, the conversion is convenient, the reading is easy, and the form page is a page with clear structure and high abstract degree, so that the JSON data storage is suitable. Embodiments of the present disclosure may be performed on the basis of a tabular structured data store.

According to embodiments of the present disclosure, the form generation request may include a form type, a form identification, and the like, although not limited thereto. The form identifier is used for acquiring corresponding form data. By way of example, the form type may be a government bill, sales order or reimbursement bill, or the like.

In operation S202, a global adapter is sent to the client according to the form generation request, so that the client generates a form adapted to the end state based on the end state of the client and the global adapter.

According to the embodiment of the disclosure, after receiving the form generation request, the server may send the global adapter to the client in response to the form generation request, that is, after receiving any form generation request sent by the terminal device in any end state, the server may send the global adapter to the client, without being changed by the difference of the end states or the difference of the form generation requests, so that the client may generate a form adapted to the end states by using the global adapter.

According to an embodiment of the disclosure, the global adapter includes abstract classes corresponding to terminal devices in a plurality of different end states, such as a mobile end adapter, a PC end adapter, a self-service end adapter, and the like. The mobile terminal adapter comprises a plurality of product types corresponding to the mobile terminal, such as a mobile terminal input frame component and a mobile terminal cascade frame component. The PC terminal adapter comprises a plurality of product types corresponding to the PC terminal, such as a PC terminal input frame component and a PC terminal cascade frame component. The self-service terminal adapter comprises a plurality of product types corresponding to the self-service terminal, such as a self-service terminal input frame assembly and a self-service terminal cascade frame assembly.

According to the embodiment of the disclosure, the client can acquire the terminal state of the terminal equipment where the client is located in real time, so that a form matched with the terminal state is generated according to the terminal state and the global adapter, and the form comprises the terminal state. Illustratively, a product class corresponding to the end state is obtained from the global adapter according to the end state, and a form adapted to the end state is generated according to the product class. Illustratively, a component constructor is determined according to the end state and the global adapter, and a form adapted to the end state is generated according to the component constructor.

According to the embodiment of the disclosure, in addition to transmitting the global adapter to the client according to the form generation request, the corresponding form data may be transmitted to the client. The form data is, for example, form data corresponding to the form generation request, such as value information of a form item, and the like. Illustratively, the value information of the form items includes, for example, value information of form items such as an order amount, an order detail, a receiver, and a receiving address for a sales order. Illustratively, the value information of the consignee is Li IV.

According to embodiments of the present disclosure, multi-port adaptation may also be adapted to a plurality of different port states (port states, i.e. types of terminal devices, including but not limited to mobile, PC, self-service). For example, if a form generation request sent by a client of the mobile terminal device is received, a form adapted to the mobile terminal device is generated. If a form generation request sent by a client of the PC terminal equipment is received, a form matched with the PC terminal equipment is generated. If a form generation request sent by a client of the self-service terminal equipment is received, a form matched with the self-service terminal equipment is generated.

FIG. 4 schematically illustrates a flow diagram for sending a global adapter to the client according to the form generation request, according to an embodiment of the present disclosure.

As shown in fig. 4, the sending of the global adapter to the client according to the form generation request of this embodiment may include, for example, operations S401 to S402.

In operation S401, a global adapter is generated based on an abstract factory pattern.

According to an embodiment of the present disclosure, this operation S401 may be implemented, for example, by a flow described in the following fig. 5, which is not described herein.

And in operation S402, the global adapter is encapsulated, and the encapsulated global adapter is sent to the client according to the form generation request.

According to the embodiment of the disclosure, besides packaging the global adapter, sending the packaged global adapter to the client according to the form generation request, packaging corresponding form data, and sending the packaged form data to the client according to the form generation request. Illustratively, form data is stored on the server in JSON format. The above may be generated, for example, by encapsulating machine code that implements a particular function.

The embodiment of the disclosure solves the problem that the existing form system does not have multi-terminal adaptability, can support multi-terminal form pages, provides an extended window, and can realize the access of a new terminal.

FIG. 5 schematically illustrates a flow diagram for generating a global adapter based on an abstract factory pattern according to an embodiment of the disclosure.

As shown in fig. 5, operation S301 of generating a global adapter based on the abstract factory pattern of the embodiment may include, for example, operations S501 to S503.

In operation S501, an adapter abstraction factory is determined.

In operation S502, a factory abstract class is determined based on the multi-terminal status and the adapter abstract factory, where the factory abstract class includes a PC-terminal adapter, a mobile terminal adapter, and a self-service terminal adapter abstract class.

According to the embodiment of the disclosure, the factory abstract class is not limited to a PC end adapter, a mobile end adapter and a self-service end adapter abstract class, and can be expanded into other types of adapters according to actual needs.

In operation S503, a product class corresponding to each abstract class is determined based on the factory abstract class, where the product class includes an input box component and a cascade box component.

According to the embodiment of the disclosure, the product class is not limited to the input box component, the cascade box component, but can also comprise other components, such as a single-selection component, a multi-selection component and the like, according to actual needs.

According to the embodiment of the disclosure, the client can acquire the end state of the terminal equipment where the client is located in real time, acquire the product class corresponding to the end state from the global adapter according to the end state of the client, and generate a form adapted to the end state according to the product class. Illustratively, the product class includes configuration information, and a form adapted to the end state is generated according to the configuration information included in the product class corresponding to the end state. The configuration information is the configuration mode information of the components in the form.

Fig. 6 schematically illustrates a flow chart of a multi-port adapted form generation method of another embodiment of the present disclosure. The form generation method of this embodiment may be performed by a client side.

As shown in fig. 6, the multi-port adaptive form generation method of this embodiment may include, for example, operations S601 to S603.

In operation S601, a form generation request is transmitted to a server side.

According to an embodiment of the present disclosure, it may be that the client transmits a form generation request to the server side in response to an operation of the user.

In operation S602, a global adapter returned by the server side in response to the form generation request is received.

According to the embodiment of the disclosure, the global adapter can be stored on the server, after the client sends the form generation request to the server, the server responds to the global adapter returned by the form generation request, and correspondingly, the client receives the global adapter returned by the server.

In operation S603, a form adapted to the end state is generated according to the end state and the global adapter.

According to an embodiment of the present disclosure, generating, according to an end state and the global adapter, a form adapted to the end state includes: and obtaining a product class corresponding to the end state from the global adapter according to the end state, and generating a form matched with the end state according to the product class. Illustratively, the configuration information corresponding to the end state is obtained according to the product class, so that a form adapted to the end state is generated. Illustratively, the configuration information corresponding to the end state is obtained according to the product class, so that a form adapted to the end state is generated.

According to an embodiment of the disclosure, a component construction function is determined according to the end state and the global adapter, and a form adapted to the end state is generated according to the component construction function. Illustratively, configuration information is determined according to the end state and the global adapter, and a component constructor is determined according to the configuration information, so that a form matched with the end state is generated according to the component constructor. According to the embodiment of the disclosure, after a form generation request is sent to a server side, form data returned by the server side in response to the form generation request is received in addition to a global adapter returned by the server side in response to the form generation request. Illustratively, the form data is form data corresponding to the form generation request, such as a form component type. Correspondingly, determining a component construction function according to the end state, the global adapter and the form data, and generating a form adapted to the end state according to the component construction function.

According to an embodiment of the present disclosure, this operation S603 may be implemented, for example, by a flow described in fig. 7, which is not described herein.

FIG. 7 schematically illustrates a flow chart for generating a form that is adapted to an end state according to the end state and the global adapter according to an embodiment of the disclosure.

As shown in fig. 7, operation S603 of generating a form adapted to the end state according to the end state and the global adapter in this embodiment may include, for example, operations S701 to S703.

In operation S701, a component constructor is determined from the end state and the global adapter.

According to the embodiment of the disclosure, the product class corresponding to the end state is obtained from the global adapter according to the end state, so that the component configuration information corresponding to the end state is obtained.

According to the embodiment of the disclosure, the form component type can be obtained, and the component construction function is determined according to the end state, the global adapter and the form component type.

In operation S702, the form data is subjected to a preset process according to the component construction function to obtain preset data.

According to the embodiment of the disclosure, the form data is subjected to the presetting processing in a data enhancement mode. Exemplary, the presetting processing of the form data by the data enhancement mode includes: and reading form data in a cross-domain mode according to the remote data address and the addressing rule, extracting information and converting formats, and finishing intelligent filling.

In operation S703, form rendering and component instantiation are completed according to the component construction function and preset data, and a form adapted to the end state is generated.

According to embodiments of the present disclosure, after determining the component construction function, obtaining preset data (external theme styles may also be introduced), the client may dynamically generate the form through general form rendering. According to the embodiment of the disclosure, in the form rendering process, the value information corresponding to each component can be set according to the form data so as to generate a form required by a user.

The embodiment of the disclosure can realize multi-terminal adaptation, improve the form development efficiency, reduce repeated codes in form development and reduce the code maintenance cost in form development.

Fig. 8 schematically illustrates a flowchart of a multi-port adapted form generation method of another embodiment of the present disclosure.

As shown in fig. 8, the multi-port adaptive form generation method of this embodiment may include, for example, operations S801 to S805.

In operation S801, state management (Store): and managing the state of the access Terminal (the Terminal state of the Terminal equipment, namely, the Terminal type), carrying out automatic detection when the Terminal parameter is not available, carrying out environment preliminary judgment by using a user agent head of the browser for HTTP request, including the states of PC (computer end) \mobile end) \terminal and the like, and storing and managing the state data. That is, the present step is to preliminarily determine the terminal status, that is, preliminarily determine the terminal type (whether the terminal type is PC, mobile or self-service, etc.), directly input the status parameter if the terminal parameter is present, and automatically detect if there is no terminal parameter.

In operation S802, register (instrument): a global registry component adapter (cross-adapter), referred to as global adapter, is generated based on the abstract factory schema.

The adapter adopts a componentized design, so that reusability and flexibility are improved, and the form system is based on a componentized development framework and can be used, for example, but not limited to, practice, vue and the like. The component adaptation library of the adapter integrates the open source component library of the multi-terminal: the PC terminal UI component library and the mobile terminal component library are used for storing component contents in a self-service terminal interaction mode; the component adapter supports continuous iteration of the component library by utilizing inheritance and expansion characteristics of the components, and improves the efficiency of the adapter.

This operation S802 may be implemented, for example, by the architecture described in fig. 9, which is not described herein.

In operation S803, construct (Constructor): and determining a component construction function according to the end state and the global adapter, and creating and initializing a component object based on the terminal environment state. And (3) performing secondary verification on the terminal state by adopting a method for comparing the terminal event library, collecting related data of the browser, generating the terminal state, and dynamically binding a component construction function according to the terminal state data.

According to the embodiment of the disclosure, since the component constructors are bound to the terminal state, the form items in the globally registered component adapter determined according to the component constructors correspond to components adapted to the terminal state, for example, if the terminal state is a mobile terminal, the component constructors are constructors bound to the mobile terminal, the corresponding formItem is a form adapted to the mobile terminal, that is, an input box and a cascade box corresponding to the mobile terminal, and the like, and the form thus generated is a form adapted to the mobile terminal. If the terminal state is a PC terminal, the component construction function is a construction function bound with the PC terminal, the corresponding formItem is a form item adapted to the PC terminal, namely an input box and a cascade box corresponding to the PC terminal, and the like, and the form generated by the method is a form adapted to the PC terminal. If the terminal state is a self-service terminal, the component construction function is a construction function bound with the self-service terminal, the corresponding formItem is a form item adapted to the self-service terminal, namely an input frame and a cascade frame corresponding to the self-service terminal, and the like, and the form generated by the method is a form adapted to the self-service terminal. In addition, the global registration component adapter of the present disclosure may also adapt to other terminals as needed, and is not limited to mobile terminals, PC terminals, and self-service terminals. The specific adaptation process is similar to that of the mobile terminal, the PC terminal and the self-service terminal, and will not be described here again.

In operation S804, initialization (initialization): the form data is subjected to a pre-initialization (initialization) process including automatic filling of data and dictionary data required for filling the form. According to the configured remote data address and addressing rule, information extraction is carried out after cross-domain reading, and intelligent filling is completed; and the remote dictionary data uses JSON cross-domain request to perform format conversion according to the configuration address. For example, form a is written with a name, and the corresponding name is automatically filled in form B; or, when registering, inputting the name and the ID card number for registering, and when initializing, automatically filling the corresponding name and ID card number into the form.

In operation S805, rendering (Render): and instantiating a User Interface (UI) component according to the component construction function and preset data, loading a custom theme style, and finishing form rendering and form interaction.

Fig. 9 schematically illustrates an architecture diagram of building a globally registered element adapter (taking the form text input box as an example) of an embodiment of the present disclosure. As shown in fig. 9, the adaptor of the present disclosure is based on an abstract factory model (abstract crossFactory), and by implementing an abstract method of a form item, a plurality of abstract component class clusters can be produced, and a concrete adaptor abstract factory 901 includes a PC terminal adaptor (PCCross) 902, a mobile terminal adaptor (MobileCross) 903, and a self-service terminal adaptor (termial cross) 904. Specifically, a PC end input box (P_input) 905 corresponding to the PC end, a PC end cascade box (P_cam) 906, a mobile end input box (M_input) 907 corresponding to the mobile end and a self-service terminal input box (T_input) 908 corresponding to the self-service terminal are generated by creating a form item (new form item (); the class of the PC side input box is provided with a rendering method (P_input () render (): void) corresponding to the PC side, the class of the PC side cascade box is provided with a rendering method (P camera () render (): void) corresponding to the PC side, the class of the mobile side input box is provided with a rendering method (M_input () render (): void) corresponding to the mobile terminal, and the class of the self-service terminal input box is provided with a rendering method (T_input () render (): void) corresponding to the self-service terminal. In addition, the method can be expanded and enhanced according to the market development condition of the terminal, namely, the method can be expanded to adapt to other types of terminals, and is not limited to an input box and a cascade box. Thus, based on the abstract factory pattern, a form adapted to the terminal type can be generated by creating a form item according to the determined terminal type without paying attention to the generation process.

The method and the system generate the global registration component adapter based on the abstract factory mode, solve the problem that the existing form system does not have multi-terminal adaptability, determine the component construction function based on the terminal type, support multi-terminal form pages, provide an expansion window and realize the access of a new terminal.

Fig. 10 schematically illustrates a flowchart of a multi-port adaptive form generation method according to an embodiment of the present disclosure applied to a service system. The flow of applying the multi-terminal adaptive form generation method of the present embodiment to the service system may include, for example, operations S1001 to S1006, as shown in fig. 10.

In operation S1001, the access service system: injecting a service list of the system; the multi-terminal adaptive form generation method of the present disclosure is applied to a government system, for example.

In operation S1002, a form is created for a service, for example, a child registration form is created for child statistics of a government system. Generating a service form by page dragging, designing layout content and configuring form data: automatically filling a data far-end address and an addressing path; remote dictionary data request addresses; customizing a theme file address; such as child registration forms relating to grid layout structures, and form items configuring the child registration forms include a child registration, a name, an identification number, an address, a registration time, a certificate type, whether mailed, and the like.

In operation S1003, the list structure is saved as JSON data; in practical application, the list structure data can be sent to a server, and the server side can store the list structure data in a JSON data format. In this embodiment, when the form structure is stored in JSON data format, the types of the form components are recorded mainly in type-ready type.

In operation S1004, the form is enabled, and the form address is issued; each form has an address corresponding thereto, and the form address may be issued after the form is enabled so that the form may be subsequently accessed through the form address.

In operation S1005, the terminal accesses the form, rasterizes the form; the form may be accessed through the terminal, and the present disclosure employs a rasterized form layout structure. Specifically, the terminal access form may be one terminal access form, or may be a plurality of terminal access forms of the same type or different types.

In operation S1006, the component adaptor cross-adapter adapts the current terminal instantiation form interface, the detailed flow of which is shown in fig. 11. Specifically, when any one or more terminals access the form, the form interface is instantiated according to the current terminal type. When the mobile terminal accesses, the mobile terminal is adapted to generate a form matched with the mobile terminal; when the PC terminal accesses, the PC terminal is adapted to generate a form matched with the mobile terminal; and when the self-service terminal accesses, the self-service terminal is adapted to generate a form matched with the self-service terminal. And then, the user performs form interaction, filling and submitting. After the form adaptation is generated, the user of the terminal can interact, fill in and submit the form according to the requirement.

Fig. 11 schematically illustrates a global registration component adapter adaptation flow of the embodiment of the present disclosure, and as illustrated in fig. 11, the global registration component adapter adaptation flow of the embodiment may include, for example, operations S1101 to S1107.

In operation S1101, it is judged whether or not the form is accessible; specifically, the user state, the service ID and the terminal type (such as a PC terminal, a mobile terminal, a self-service terminal, etc.) are acquired, whether the form can be accessed is judged according to the user state and the service ID, if so, the next step is entered, and if not, the process is ended.

Reading form configuration JSON data in operation S1102;

in operation S1103, the form layout is drawn according to the form configuration JSON data, including the form overall layout, such as a grid format, a card type, and the like, and also including the form partial layout, such as the layout, setting positions, setting styles, and the like of the respective form items.

In operation S1104, the component adapter constructs an object; component objects based on the terminal environment state are created and initialized. Performing secondary verification on the terminal state by adopting a method of comparing the terminal event library (event-locks), collecting related data of a browser, generating a terminal state, and dynamically binding a component construction function according to the terminal state data;

In operation S1105, form data is preset; the form user data is subjected to preset processing, including automatic filling data and dictionary data required for filling the form. According to the configured remote data address and addressing rule, information extraction is carried out after cross-domain reading, and intelligent filling is completed; and the remote dictionary data uses JSON cross-domain request to perform format conversion according to the configuration address.

In operation S1106, the form is instantiated; according to the component construction function and preset data, the UI component is instantiated, the custom theme style is loaded, and the form rendering and form interaction are completed

In operation S1107, form interaction, data submission; the user of the terminal can interact, fill in and submit the form according to the requirement.

FIG. 12A schematically illustrates a method of generating a form effect map adapted to a mobile terminal in accordance with an embodiment of the present disclosure; FIG. 12B schematically illustrates a method of generating a form effect map adapted to a PC terminal in accordance with an embodiment of the present disclosure; as shown in fig. 12A and 12B, the multi-terminal adaptive form generation method of the present disclosure can generate a form adapted to the multi-terminal adaptive form according to different terminal types, thereby improving user experience.

Fig. 13 schematically shows a block diagram of a multi-port adapted form generation apparatus according to an embodiment of the present disclosure. As shown in fig. 13, the multi-terminal adapted form generating apparatus 1300 includes a receiving module 1301 and a transmitting module 1302.

The receiving module 1301 is configured to receive a form generation request sent by a client.

The sending module 1302 is configured to send a global adapter to the client according to the form generation request, so that the client generates a form adapted to the end state based on the end state of the client and the global adaptation information.

According to an embodiment of the present disclosure, the sending module 1302 may encapsulate the global adapter and send the encapsulated global adapter to the client. And after receiving the global adapter, the client analyzes the format supported by the client, and dynamically generates a form through general form rendering according to the state of the client and the global adapter.

Fig. 14 schematically illustrates a block diagram of a multi-port adapted form generation apparatus according to another embodiment of the present disclosure. As shown in fig. 14, the multi-terminal adaptive form generation apparatus 1400 includes a transmission module 1401, a reception module 1402, and a generation module 1403

The sending module 1401 is configured to send a form generation request to a server.

The receiving module 1402 is configured to receive a global adapter returned by the server side in response to the form generation request.

The generating module 1403 is configured to generate a form adapted to the end state according to the end state and the global adapter.

According to an embodiment of the present disclosure, the generating module 1403 determines a component constructor according to an end state and a global adapter, and generates a form adapted to the end state according to the component constructor. Illustratively, the generating module 1403 determines a component constructor from the end state and the global adapter; presetting form data according to the component construction function to obtain preset data; and completing the form rendering and the component instantiation according to the component construction function and the preset data, and generating a form adapted to the end state.

It should be noted that, the form generation method and apparatus for multi-port adaptation of the present disclosure may be used in the financial field, and may also be used in any field other than the financial field, and the application field of the form generation method and apparatus for multi-port adaptation of the present disclosure is not limited.

Any number of modules, sub-modules, units, sub-units, or at least some of the functionality of any number of the sub-units according to embodiments of the present disclosure may be implemented in one module. Any one or more of the modules, sub-modules, units, sub-units according to embodiments of the present disclosure may be implemented as split into multiple modules. Any one or more of the modules, sub-modules, units, sub-units according to embodiments of the present disclosure may be implemented at least in part as a hardware circuit, such as a Field Programmable Gate Array (FPGA), a Programmable Logic Array (PLA), a system-on-chip, a system-on-substrate, a system-on-package, an Application Specific Integrated Circuit (ASIC), or in any other reasonable manner of hardware or firmware that integrates or encapsulates the circuit, or in any one of or a suitable combination of three of software, hardware, and firmware. Alternatively, one or more of the modules, sub-modules, units, sub-units according to embodiments of the present disclosure may be at least partially implemented as computer program modules, which when executed, may perform the corresponding functions.

Fig. 15 schematically illustrates a block diagram of an electronic device adapted to perform a form generation method of multi-terminal adaptation, according to an embodiment of the disclosure.

As shown in fig. 15, an electronic device 1500 according to an embodiment of the present disclosure includes a processor 1501, which can perform various appropriate actions and processes according to a program stored in a Read Only Memory (ROM) 1502 or a program loaded from a storage section 1508 into a Random Access Memory (RAM) 1503. The processor 1501 may include, for example, a general purpose microprocessor (e.g., a CPU), an instruction set processor and/or an associated chipset and/or special purpose microprocessor (e.g., an Application Specific Integrated Circuit (ASIC)), or the like. The processor 1501 may also include on-board memory for caching purposes. The processor 1501 may include a single processing unit or multiple processing units for performing different actions of the method flows according to embodiments of the present disclosure.

In the RAM 1503, various programs and data necessary for the operation of the electronic device 1500 are stored. The processor 1501, the ROM 1502, and the RAM 1503 are connected to each other through a bus 1504. The processor 1501 performs various operations of the method flow according to an embodiment of the present disclosure by executing programs in the ROM 1502 and/or the RAM 1503. Note that the program may be stored in one or more memories other than the ROM 1502 and the RAM 1503. The processor 1501 may also perform various operations of the method flow according to an embodiment of the present disclosure by executing programs stored in the one or more memories.

According to an embodiment of the disclosure, the electronic device 1500 may also include an input/output (I/O) interface 1505, the input/output (I/O) interface 1505 also being connected to the bus 1504. Electronic device 1500 may also include one or more of the following components connected to I/O interface 1505: an input section 1506 including a keyboard, mouse, and the like; an output portion 1507 including a Cathode Ray Tube (CRT), a Liquid Crystal Display (LCD), and the like, and a speaker, and the like; a storage section 1508 including a hard disk and the like; and a communication section 1509 including a network interface card such as a LAN card, a modem, or the like. The communication section 1509 performs communication processing via a network such as the internet. A drive 1510 is also connected to the I/O interface 1505 as needed. Removable media 1511, such as a magnetic disk, an optical disk, a magneto-optical disk, a semiconductor memory, or the like, is mounted on the drive 1510 as needed so that a computer program read therefrom is mounted into the storage section 1508 as needed.

According to embodiments of the present disclosure, the method flow according to embodiments of the present disclosure may be implemented as a computer software program. For example, embodiments of the present disclosure include a computer program product comprising a computer program embodied on a computer readable storage medium, the computer program comprising program code for performing the method shown in the flowcharts. In such an embodiment, the computer program can be downloaded and installed from a network via the communication portion 1509, and/or installed from the removable medium 1511. The above-described functions defined in the electronic device of the embodiments of the present disclosure are performed when the computer program is executed by the processor 1501. The systems, devices, apparatus, modules, units, etc. described above may be implemented by computer program modules according to embodiments of the disclosure.

The present disclosure also provides a computer-readable storage medium that may be embodied in the apparatus/device/system described in the above embodiments; or may exist alone without being assembled into the apparatus/device/system. The computer-readable storage medium carries one or more programs which, when executed, implement methods in accordance with embodiments of the present disclosure.

According to embodiments of the present disclosure, the computer-readable storage medium may be a non-volatile computer-readable storage medium, which may include, for example, but is not limited to: 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), a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In the context of this disclosure, 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. For example, according to embodiments of the present disclosure, the computer-readable storage medium may include ROM 1502 and/or RAM 1503 described above and/or one or more memories other than ROM 1502 and RAM 1503.

The flowcharts 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 disclosure. 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.

Those skilled in the art will appreciate that the features recited in the various embodiments of the disclosure and/or in the claims may be combined in various combinations and/or combinations, even if such combinations or combinations are not explicitly recited in the disclosure. In particular, the features recited in the various embodiments of the present disclosure and/or the claims may be variously combined and/or combined without departing from the spirit and teachings of the present disclosure. All such combinations and/or combinations fall within the scope of the present disclosure.

The embodiments of the present disclosure are described above. However, these examples are for illustrative purposes only and are not intended to limit the scope of the present disclosure. Although the embodiments are described above separately, this does not mean that the measures in the embodiments cannot be used advantageously in combination. The scope of the disclosure is defined by the appended claims and equivalents thereof. Various alternatives and modifications can be made by those skilled in the art without departing from the scope of the disclosure, and such alternatives and modifications are intended to fall within the scope of the disclosure.

Claims

1. A multi-port adapted form generation method, comprising:

receiving a form generation request sent by a client;

sending a global adapter to the client according to the form generation request so that the client generates a form adapted to the end state based on the end state of the client and the global adapter;

the global adapter comprises product classes corresponding to a plurality of terminal devices in different end states;

the method for enabling the client to generate the form adapted to the end state based on the end state of the client and the global adapter comprises the following steps:

the client acquires a product class corresponding to the end state from the global adapter according to the end state; and

And determining a component construction function according to the end state and the global adapter, and generating a form adapted to the end state according to the component construction function.

2. The method of claim 1, wherein sending a global adapter to the client in accordance with the form generation request comprises:

generating a global adapter based on the abstract factory pattern;

3. The method of claim 2, wherein generating a global adapter based on the abstract factory pattern comprises:

determining an adapter abstraction factory;

4. A method according to claim 3, wherein causing the client to generate a form adapted to the end state according to its end state and the global adapter comprises: and generating a form matched with the end state according to the product class.

5. A multi-port adapted form generation method, comprising:

sending a form generation request to a server side;

generating a form adapted to the end state according to the end state and the global adapter, including:

obtaining a product class corresponding to the end state from the global adapter according to the end state; and

6. The method of claim 5, wherein generating a form adapted to the end state from the end state and the global adapter comprises:

7. The method of claim 6, wherein the form data is pre-programmed by data enhancement.

8. The method of claim 7, wherein the presetting of the form data by the data enhancement means comprises: and reading form data in a cross-domain mode according to the remote data address and the addressing rule, extracting information and converting formats, and finishing intelligent filling.

9. A multi-port adapted form generation apparatus, comprising:

the sending module is used for sending the global adapter to the client according to the form generation request so that the client generates a form adapted to the end state based on the end state and global adaptation information of the client;

the method for enabling the client to generate the form adapted to the end state based on the end state of the client and the global adaptation information comprises the following steps:

10. A multi-port adapted form generation apparatus, comprising:

the generation module is used for generating a form matched with the end state according to the end state and the global adapter;

the global adapter includes product classes corresponding to terminal devices in a plurality of different end states, and the generating a form adapted to the end states according to the end states and the global adapter includes:

11. An electronic device, comprising:

one or more processors;

storage means for storing one or more programs,

wherein the one or more programs, when executed by the one or more processors, cause the one or more processors to perform the method of any of claims 1-8.

12. A computer readable storage medium having stored thereon executable instructions which, when executed by a processor, cause the processor to perform the method according to any of claims 1-8.