CN111858104A

CN111858104A - Multi-end adaptive form generation method, device, equipment and medium

Info

Publication number: CN111858104A
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: 2020-10-30
Anticipated expiration: 2040-07-31
Also published as: CN111858104B

Abstract

The present disclosure provides a method, an apparatus, a device and a medium for generating a multi-end adapted form, where the method for generating a multi-end adapted form includes: receiving a form generation request sent by a client; and sending a 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. The multi-end adaptive form generation method and device can be used in the financial field or other fields.

Description

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

Technical Field

The present disclosure relates to the field of computer technologies, and in particular, to a method, an apparatus, a device, and a medium for generating a form with multi-end adaptation.

Background

The form requirements in the big data era are ubiquitous, and forms can be generated as long as the user data acquisition requirements exist, so that various PC terminal form design systems can be generated. The Internet enters a stable development period, the PC terminal and the mobile terminal are not in an alternative relation, data of each terminal are closely related, and the user experience requirement is higher. Therefore, a form generation scheme capable of being simultaneously oriented to a PC terminal, a mobile terminal, or even an applet or a third party terminal device 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 with multi-end adaptation, which can implement multi-end unified development, where one form can run on multiple terminals, and only need to pay attention to output and receive service data, and there is no need to worry about interaction difference and compatibility problems of a user on multiple ends. The form can be perfectly adapted to a mobile terminal, a PC terminal and the like at the same time, and service data sharing is realized. And the method can be applied to various data-driven form design systems, can also carry out extension support in different browser environments at the same end, is decoupled from a service system, and has strong replication. In addition, the system can be decoupled with any service system, can realize stable upgrade, and has a large market promotion space.

One aspect of the present disclosure provides a method for generating a multi-end adapted form, including:

receiving a form generation request sent by a client; and

and sending a 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 the 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;

determining a product class corresponding to each of the abstract classes based on the plant abstract classes, the product class including an input box component, a cascade box component.

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

According to the embodiment of the present disclosure, the generating, by the client, the form adapted to the end state according to the end state of the client and the global adapter includes: and enabling the client to determine a component constructor according to the end state and the global adapter, and generating a form matched with the end state according to the component constructor.

Another aspect of the present disclosure provides a method for generating a multi-end adapted form, including:

sending a form generation request to a server side;

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

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

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

According to an embodiment of the present disclosure, generating a form adapted to an end state according to the end state and the global adapter includes: and enabling the client to determine a component constructor according to the end state and the global adapter, and generating a form matched with the end state according to the component constructor.

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

determining a component constructor according to the end state and the global adapter;

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

and finishing form rendering and component instantiation according to the component construction function and preset data, and generating a form matched with the end state.

According to the embodiment of the disclosure, the form data is preset in a data enhancement mode.

According to the embodiment of the disclosure, the preset processing is performed on the form data in a data enhancement mode, and the preset processing comprises the following steps: and reading form data in a cross-domain manner according to the remote data address and the addressing rule, extracting information and converting the format, and finishing intelligent filling.

Another aspect of the present disclosure provides a multi-end adapted form generating apparatus, including:

the receiving module is used for receiving a form generation request sent by a 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 adaptive 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 a global adapter returned by the server end 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 including:

one or more processors;

a storage device 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 above-described method.

Another aspect of the 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 the embodiment of the disclosure, a request is generated by receiving a form sent by a client; and sending the global adapter to the client according to the form generation request so as to enable the client to generate the form matched with the end state based on the end state of the client and the global adapter, thereby at least partially solving the problem that the existing form system does not have multi-end adaptability, supporting a multi-end form page, providing an expansion window and realizing the access of a new terminal. The method is characterized in that the Internet technology is used as a core, the user value is used as a guide for the ecological embodiment of the Internet, a scheme of multi-end unified development and array presetting is provided in a form business system, meanwhile, the scheme can be decoupled from the business system, and the stable upgrading can be carried out in the later stage.

Drawings

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

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

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

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

FIG. 4 schematically illustrates a flow diagram for sending a global adapter to the client in accordance with the form generation request, according to an embodiment of the 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 flow diagram of a multi-ended 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 present disclosure;

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

FIG. 9 schematically illustrates an architecture diagram of a globalized registry component adapter, according to an embodiment of the present disclosure;

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

FIG. 11 schematically illustrates a globalized registry component adapter adaptation flow diagram according to an embodiment of the present disclosure;

FIG. 12A is a diagram schematically illustrating the generation of a form effect adapted to a mobile terminal according to a method of an embodiment of the present disclosure;

FIG. 12B is a diagram schematically illustrating the generation of a form effect adapted to a PC terminal according to the method of the embodiment of the present disclosure;

FIG. 13 is a block diagram schematically illustrating the structure of a multi-end adapted form generating apparatus according to an embodiment of the present disclosure;

FIG. 14 is a block diagram schematically illustrating a structure of a multi-end adapted form generating apparatus according to another embodiment of the present disclosure; and

fig. 15 schematically shows a block diagram of an electronic device adapted to perform a form generation method for multi-end adaptation according to 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 illustrative only 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 disclosure. It may be evident, however, that one or more embodiments may be practiced without these specific details. Moreover, in the following description, descriptions of well-known structures and techniques are omitted so as to not 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 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 is noted that the terms used herein should be interpreted as having a meaning that is consistent with the context of this specification and should not be interpreted in an idealized or overly formal sense.

Where a convention analogous to "at least one of A, B and C, etc." is used, in general such a construction is intended in the sense one having skill in the art would understand the convention (e.g., "a system having at least one of A, B and C" would include but not be limited to systems that have 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 found that, for the form, different terminals generally differ from each other, except for the usage scenario and the network environment, and most importantly, differ in operation, for example: the PC terminal mainly interacts with a mouse click operation and a handle operation; the mobile terminal interaction comprises click, double click, long-time press, sliding and the like, and further comprises various sensors: gravity, acceleration, position, fiber optics, etc.; the self-service terminal is mainly based on a touch screen, a numeric keyboard or handwriting input. The difference of multiple ends is very large, various technologies are pursued to be special and precise, and most of user interface components in the front-end ecology of the internet are designed mainly for a certain terminal at present.

The existing business system faces such a dilemma, in order to realize the requirement of multiple ends, the construction cost has to be increased, a plurality of systems are constructed, and a lot of troubles are brought on operation, maintenance and upgrading at the later stage of the project. If the PC terminal is adopted as a main design, the mobile terminal is multiplexed, great experience defects bring much inconvenience to users, and vice versa, namely, the existing form generation scheme cannot well meet the requirement of multi-end adaptation, the user experience is influenced, and in addition, the multi-end development cost is too high and is not easy to upgrade.

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

receiving a form generation request sent by a client; and

The method and the device realize multi-end adaptation, improve user experience, and solve the problems of overhigh multi-end development cost, difficult upgrading and insufficient intellectualization of the current 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 is 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 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 (abbreviated as mobile terminal) device 101, a PC terminal (abbreviated as PC terminal) device 102, a self-service terminal (abbreviated as self-service terminal) device 103, a network 104, and a server 105. Network 104 is used to provide a medium for communication links between mobile terminal device 101, PC terminal device 102, self-service terminal device 103 and server 105. The network 104 may include various connection types, such as wired, wireless communication links, and so forth.

The user may interact with the server 105 over the network 104 using the 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 send 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. The mobile terminal device 101 includes, but is not limited to, a smart phone, a tablet computer, a laptop computer, and the like, the PC terminal device 102 includes, but is not limited to, a desktop computer, and the like, and the self-service terminal device 103 includes, but is not limited to, a self-service terminal device commonly used in banks and hospitals. Various client applications can be installed on the mobile terminal device 101, the PC terminal device 102, and the self-service terminal device 103, and the installed client applications include but are not limited to: network communication type application, web browsing type application, online payment platform, 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 flowchart of a multi-end adapted form generation method according to an embodiment of the present disclosure. The form generation method of this embodiment may be performed by the server side.

As shown in fig. 2, the method for generating a multi-end adapted form according to this embodiment may include operations S201 to S202, for example.

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

According to an embodiment of the present disclosure, the form is a form of data collection, data presentation. The form structure may be implemented by the structure described in the following fig. 3, for example, and is not described in detail here.

Fig. 3 schematically illustrates 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-system) 303.

The form layout structure (form-layout)301 uses a nested recursive formula to store and analyze the layout, but the present disclosure is not limited to the nested recursive formula, and may also be other suitable ways for multi-end adaptation; the rasterization layout is adopted, namely the layout structure of the whole form is adopted, the rasterization layout can meet the requirement of multiple ends, and the method is not limited to the rasterization layout, and can also be other layout structures suitable for multi-end adaptation.

The form item (form-item)302 is used to record a data unique identifier (ID, each form item usually has a corresponding ID)304, description information (1abel)305, a component type (type)306, auto fill data (auto _ data)307, remote data (remote _ data)308 (for example, data enhancement configuration such as auto fill data and remote data is performed through an addressing path, a request address, etc.), and a basic configuration (config)309 of the form item binding.

The theme-style file (the-system) 303 is used for supporting the link-type introduction and realizing the theme appearance enhancement. When the internal theme style cannot meet the requirement, the external theme style can be introduced in a linked mode, so that the diversified requirements of the user can be better met, and the user experience is improved. For example, an external festival theme style may be introduced on a major festival such as national celebration.

According to an embodiment of the disclosure, to achieve cross-platform nature of forms, the form structure is first stored using data. The traditional HTML or XML data is not strong in structuralization and inconvenient to convert and read, JSON (JavaScript Object notation) data is adopted to store a form structure in the embodiment of the invention, the JSON data structure is very convenient in data transmission 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, and is suitable for being stored by JSON data. The embodiment of the disclosure can be carried out on the basis of form structure data storage.

According to the embodiment of the present disclosure, the form generation request may include, but is not limited to, a form type, a form identification, and the like. The form identification is used for obtaining corresponding form data. Illustratively, the form type may be a government order, sales order or reimbursement order, 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 an 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 changing due to different end states or different form generation requests, so that the client may generate a form adapted to the end state by using the global adapter.

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

According to the embodiment of the disclosure, the client can obtain the end state of the terminal device where the client is located in real time, so that a form matched with the end state is further generated according to the end state and the global adapter. 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 sending the global adapter to the client according to the form generation request, corresponding form data can be sent to the client. Illustratively, the form data is form data corresponding to the form generation request, such as value information of a form item. For example, the value information of the form item includes, for the sales order, the value information of the form item, such as the order amount, the order detail, the consignee and the consignee address. Illustratively, the value information of the consignee is Liqu.

According to the embodiment of the present disclosure, the multi-terminal adaptation may also be adapted to terminal devices in a plurality of different terminal states (terminal states, i.e. types of terminal devices, including but not limited to mobile terminals, PC terminals, and self-service terminals). 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. And if the received form generation request is sent by the client of the PC terminal equipment, generating a form matched with the PC terminal equipment. And if the received form generation request is sent by the client side of the self-service terminal equipment, generating a form matched with the self-service terminal equipment.

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 in this embodiment may include, for example, operations S401 to S402.

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

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

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, in addition to encapsulating the global adapter and sending the encapsulated global adapter to the client according to the form generation request, the corresponding form data can be encapsulated and sent to the client according to the form generation request. Illustratively, the form data is stored on the server in the JSON format. Illustratively, the foregoing 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-end adaptability, can support a multi-end form page, 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 an abstract factory pattern according to this embodiment may include, for example, operations S501 to S503.

In operation S501, an adapter abstraction factory is determined.

In operation S502, a factory abstraction class is determined based on the end state of the multiple ends and the adapter abstraction factory, the factory abstraction class including PC-end adapter, mobile-end adapter, and self-service-end adapter abstraction classes.

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

In operation S503, a product class corresponding to each abstract class is determined based on the plant abstract class, and 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 and the cascade box component, and may include other components according to actual needs, such as a single-selection component, a multiple-selection component, and the like.

According to the embodiment of the disclosure, the client can acquire the end state of the terminal device 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 the 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-end adapted form generation method according to another embodiment of the present disclosure. The form generation method of this embodiment may be performed by the client side.

As shown in fig. 6, the method for generating a multi-end adapted form according to this embodiment may include operations S601 to S603, for example.

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

According to the embodiment of the disclosure, the client sends the 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 in response to the form generation request is received.

According to the embodiment of the disclosure, a server can store a global adapter, after a client sends a 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 a form adapted to an end state according to the end state and the global adapter includes: and acquiring 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, configuration information corresponding to the end state is obtained according to the product class, so as to generate a form adapted to the end state. Illustratively, configuration information corresponding to the end state is obtained according to the product class, so as to generate a form adapted to the end state.

According to the embodiment of the disclosure, 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. 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 which is matched with the end state is generated according to the component constructor. According to the embodiment of the disclosure, after the form generation request is sent to the server side, besides receiving the global adapter returned by the server side in response to the form generation request, the form data returned by the server side in response to the form generation request is also received. Illustratively, the form data is form data corresponding to the form generation request, such as a form item component type. Correspondingly, a component constructor is determined according to the end state, the global adapter and the form data, and a form matched with the end state is generated according to the component constructor.

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

FIG. 7 is a flow chart that schematically illustrates the generation of a form that is adapted to an end state based on the end state and the global adapter, in accordance with an embodiment of the present disclosure.

As shown in fig. 7, the operation S603 of generating the 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 according to the end state and the global adapter.

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

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

In operation S702, the form data is preset according to the component constructor to obtain preset data.

According to the embodiment of the disclosure, the form data is preset in a data enhancement mode. Illustratively, the preset processing is performed on the form data in a data enhancement mode, and includes: and reading form data in a cross-domain manner according to the remote data address and the addressing rule, extracting information and converting the format, and finishing intelligent filling.

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

According to the embodiment of the disclosure, after determining the component constructor and acquiring the preset data (external theme styles can also be introduced), the client can 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 form data so as to generate the form required by a user.

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

FIG. 8 is a flow chart of a multi-end adapted form generation method according to another embodiment of the present disclosure.

As shown in fig. 8, the form generating method with multi-end adaptation of this embodiment may include operations S801 to S805, for example.

In operation S801, state management (Store): the method comprises the steps of managing the access Terminal state (the Terminal state of the Terminal equipment, namely the Terminal type), transmitting state parameters, automatically detecting when no Terminal parameter exists, carrying out environment preliminary judgment by using a user agent header used for HTTP request by a browser, wherein the environment preliminary judgment comprises the states of PC (computer Terminal) \\ Mobile Terminal \ Terminal (self-service Terminal) and the like, and storing and managing the state data. That is, the step is to preliminarily determine the terminal state, that is, preliminarily determine the terminal type (whether the terminal type is a PC terminal, a mobile terminal, a self-service terminal, or the like), directly input the state parameter if the terminal parameter exists, and automatically detect if the terminal parameter does not exist.

In operation S802, registration (Install): a globally-registered component adapter (cross-adapter), referred to as a global adapter, is generated based on the abstract factory pattern.

The adapter of the present disclosure adopts a componentization design, which increases reusability and flexibility, and the form system is based on a componentization development framework, and can use, but is not limited to, for example, fact, Vue, and the like. The component adaptation library of the adapter integrates an open source component library of multiple terminals: a PC terminal UI component library, a mobile terminal component library and component contents in a self-service terminal interaction mode; the component adapter supports continuous iteration of a component library by using inheritance and extension characteristics of the component, and the efficiency of the adapter is improved.

According to an embodiment of the present disclosure, the operation S802 may be implemented by, for example, an architecture described in the following fig. 9, which is not described herein again.

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

According to the embodiment of the disclosure, since the component constructor is bound to the terminal state, the form item in the global registration component adapter determined according to the component constructor corresponds to a component adapted to the terminal state, for example, if the terminal state is a mobile terminal, the component constructor is a constructor bound to the mobile terminal, and the corresponding formItem is a form item adapted to the mobile terminal, that is, an input box and a cascade box of the corresponding mobile terminal, and the like, so that the generated form is a form adapted to the mobile terminal. If the terminal state is the PC terminal, the component constructor is a constructor bound with the PC terminal, the corresponding formItem is a form item adapted to the PC terminal, namely an input frame and a cascade frame of the corresponding PC terminal, and the form generated thereby is a form adapted to the PC terminal. If the terminal state is the self-service terminal, the component constructor is a constructor 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 of the self-service terminal are corresponded, and the form generated is the form adapted to the self-service terminal. In addition, the global registration component adapter can be adapted to other terminals according to needs, and is not limited to mobile terminals, PC terminals and self-service terminals. The specific adaptation process is similar to that of a mobile terminal, a PC terminal and a self-service terminal, and is not described herein again.

In operation S804, Initialize (Initialize): the form data is subjected to a presetting (initialization) process including auto-fill data and dictionary data required for filling the form. According to the configured remote data address and the addressing rule, information extraction is carried out after cross-domain reading, and intelligent filling is completed; and the far-end dictionary data is subjected to format conversion after a JSON cross-domain request is used according to the configuration address. For example, the name is written in the form a, and the name in the form B is automatically filled in the corresponding name; or, the name and the identification number are input for registration during registration, and the corresponding name and identification number are automatically filled in the form during initialization.

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

FIG. 9 schematically illustrates an architecture diagram for building a globalized registry component adaptor (taking a form entry text input box as an example) according to an embodiment of the disclosure. As shown in fig. 9, the adapter of the present disclosure may generate a plurality of abstract component class clusters by implementing an abstraction method of a form item based on an abstract factory model (abstract factory), where a concrete adapter abstract factory 901 includes a PC terminal adapter (PCCross)902, a mobile terminal adapter (mobilecloss) 903, and a kiosk adapter (terminalcross) 904. Specifically, a PC side input frame (P _ input)905 and a PC side cascade frame (P _ cascade) 906 corresponding to a PC side, a mobile side input frame (M _ input)907 corresponding to a mobile side, and a self-service terminal input frame (T _ input)908 corresponding to a self-service terminal are generated by creating a form item (new form item ()); the class of the PC-side input frame has a rendering method (P _ input () render (): void) corresponding to the PC side, the class of the PC-side cascade frame has a rendering method (P cassette () render (): void) corresponding to the PC side, the class of the mobile-side input frame has a rendering method (M _ input () render (): void) corresponding to the mobile terminal, and the class of the self-service terminal input frame has a rendering method (T _ input () render (): void) corresponding to the self-service terminal. In addition, the expansion enhancement can be carried out according to the terminal market development condition, namely the expansion can be carried out to adapt to other types of terminals, and the expansion is not limited to the input box and the 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 device for generating the global registration component adapter based on the abstract factory pattern solve the problem that the existing form system does not have multi-end adaptability, determine the component construction function based on the terminal type, thereby being capable of supporting a multi-end form page, providing an extended window and realizing the access of a new terminal.

Fig. 10 schematically shows a flowchart of the multi-end adapted form generation method applied to a business system according to the embodiment of the present disclosure. The present disclosure is suitable for accessing various systems with any form service as a main scenario, and as shown in fig. 10, the flow of applying the form generation method with multi-end adaptation to a service system in this embodiment may include, for example, operation S1001 to operation S1006.

In operation S1001, the access service system: a service list of the injection system; the multi-end adapted form generation method of the present disclosure is applied to, for example, a government affairs system.

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 business form by page dragging, designing layout contents, and configuring form item data: automatically filling a data remote address and an addressing path; a remote dictionary data request address; customizing the address of the theme file; such as a child registration form that involves a grid layout structure, the form items that configure the child registration form include a one-child registration, a two-child registration, a name, an identification number, an address, a registration time, a certificate type, whether to post, etc.

In operation S1003, the form structure is saved as JSON data; in practical application, the form structure data can be sent to a server, and the server side can store the form structure data in a JSON data format. In this embodiment, when the form structure is stored in the JSON data format, the type of the form component is mainly recorded in type, i.e., 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 can be issued upon activation of the form, so that the form can be subsequently accessed via the form address.

In operation S1005, the terminal accesses the form, rasterizes the form; the form can be accessed through the terminal, and the rasterized form layout structure is adopted in the method. Specifically, the access form may be a terminal access form, or may be a plurality of terminal access forms of the same type or different types.

In operation S1006, the component adapter cross-adapter adapts the current terminal instantiation form interface, and the detailed flow is as 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. Adapting the mobile terminal when the mobile terminal accesses to generate a form matched with the mobile terminal; adapting to a PC terminal when the PC terminal accesses, and generating 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. The user then performs form interaction, filling in, and submission. After the form adaptation is generated, the user of the terminal can perform form interaction, filling and submission as required.

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

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

In operation S1102, reading JSON data configured for the form;

in operation S1103, a form layout is drawn according to the form configuration JSON data, including a form overall layout, such as a grid type, a card type, and the like, and also including a form partial layout, such as a layout of each form item, a setting position, a setting style, and the like.

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 terminal event libraries (event-racks), collecting related data of a browser, generating an end state, and dynamically binding an assembly construction function according to the end state data;

in operation S1105, form data is preset; and presetting the form user data, including automatic filling data and dictionary data required by filling the form. According to the configured remote data address and the addressing rule, information extraction is carried out after cross-domain reading, and intelligent filling is completed; and the far-end dictionary data is subjected to format conversion after a JSON cross-domain request is used according to the configuration address.

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

In operation S1107, form interaction and data submission; the user of the terminal can perform form interaction, filling and submission according to the requirement.

FIG. 12A is a diagram schematically illustrating the generation of a form effect adapted to a mobile terminal according to a method of an embodiment of the present disclosure; FIG. 12B is a diagram schematically illustrating the generation of a form effect adapted to a PC terminal according to the method of the embodiment of the present disclosure; as shown in fig. 12A and 12B, the form generation method for multi-end adaptation of the present disclosure can generate a form adapted to different terminal types, thereby improving user experience.

Fig. 13 schematically shows a block diagram of a multi-end adapted form generating apparatus according to an embodiment of the present disclosure. As shown in fig. 13, the multi-end adapted form generating apparatus 1300 includes a receiving module 1301 and a sending 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 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 adaptation information.

According to an embodiment of the present disclosure, the sending module 1302 may package the global adapter and send the packaged global adapter to the client. And after receiving the global adapter, the client analyzes the received global adapter into a format supported by the client, and dynamically generates a form through universal form rendering according to the end state and the global adapter.

Fig. 14 schematically shows a block diagram of a multi-end adapted form generating apparatus according to another embodiment of the present disclosure. As shown in fig. 14, the form generating apparatus 1400 for multi-end adaptation includes a sending module 1401, a receiving module 1402 and a generating module 1403

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

The receiving module 1402 is configured to receive a global adapter returned by the server 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 the embodiment of the present disclosure, the generating module 1403 determines a component constructor according to the end state and the 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 according to the end state and the global adapter; presetting the form data according to the component structure function to obtain preset data; and finishing form rendering and component instantiation according to the component construction function and preset data, and generating a form matched with the end state.

It should be noted that the method and apparatus for generating a form with multi-end adaptation disclosed in the present disclosure may be used in the financial field, and may also be used in any fields other than the financial field.

Any number of modules, sub-modules, units, sub-units, or at least part of the functionality of any number thereof according to embodiments of the present disclosure may be implemented in one module. Any one or more of the modules, sub-modules, units, and sub-units according to the embodiments of the present disclosure may be implemented by being split into a plurality of 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 a chip, a system on a substrate, a system on a package, an Application Specific Integrated Circuit (ASIC), or may be implemented in any other reasonable manner of hardware or firmware by integrating or packaging a circuit, or in any one of or a suitable combination of software, hardware, and firmware implementations. Alternatively, one or more of the modules, sub-modules, units, sub-units according to embodiments of the disclosure may be at least partially implemented as a computer program module, which when executed may perform the corresponding functions.

Fig. 15 schematically shows a block diagram of an electronic device adapted to perform a form generation method of multi-end adaptation according to an embodiment of the present 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. Processor 1501 may include, for example, a general purpose microprocessor (e.g., a CPU), an instruction set processor and/or associated chipset(s) and/or a special purpose microprocessor (e.g., an Application Specific Integrated Circuit (ASIC)), and so forth. The processor 1501 may also include on-board memory for caching purposes. Processor 1501 may include a single processing unit or multiple processing units for performing different acts of a method flow in accordance with embodiments of the present disclosure.

In the RAM1503, various programs and data necessary for the operation of the electronic apparatus 1500 are stored. The processor 1501, the ROM 1502, and the RAM1503 are connected to each other by a bus 1504. The processor 1501 executes various operations of the method flow according to the embodiments of the present disclosure by executing programs in the ROM 1502 and/or RAM 1503. Note that the programs may also be stored in one or more memories other than the ROM 1502 and RAM 1503. The processor 1501 may also execute various operations of the method flows according to the embodiments of the present disclosure by executing programs stored in the one or more memories.

According to an embodiment of the present disclosure, electronic device 1500 may also include input/output (I/O) interface 1505, input/output (I/O) interface 1505 also being connected to bus 1504. The electronic device 1500 may also include one or more of the following components connected to the I/O interface 1505: an input portion 1506 including a keyboard, a mouse, and the like; an output portion 1507 including a display such as a Cathode Ray Tube (CRT), a Liquid Crystal Display (LCD), and the like, and a speaker; a storage portion 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. A removable medium 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 necessary, so that a computer program read out therefrom is mounted into the storage section 1508 as necessary.

According to embodiments of the present disclosure, method flows according to embodiments of the present disclosure may be implemented as computer software programs. 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 containing program code for performing the method illustrated by the flow chart. In such an embodiment, the computer program may be downloaded and installed from a network through the communication section 1509, and/or installed from the removable medium 1511. The computer program, when executed by the processor 1501, performs the above-described functions defined in the electronic device of the embodiments of the present disclosure. The systems, devices, apparatuses, modules, units, etc. described above may be implemented by computer program modules according to embodiments of the present disclosure.

The present disclosure also provides a computer-readable storage medium, which may be contained in the apparatus/device/system described in the above embodiments; or may exist separately and not be assembled into the device/apparatus/system. The computer-readable storage medium carries one or more programs which, when executed, implement the method according to an embodiment of the 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 present 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, a computer-readable storage medium may include the ROM 1502 and/or RAM1503 described above and/or one or more memories other than the ROM 1502 and RAM 1503.

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 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 various combinations and/or combinations of features recited in the various embodiments and/or claims of the present disclosure can be made, even if such combinations or combinations are not expressly recited in the present disclosure. In particular, various combinations and/or combinations of the features recited in the various embodiments and/or claims of the present disclosure may be made without departing from the spirit or teaching of the present disclosure. All such combinations and/or associations are within the scope of the present disclosure.

The embodiments of the present disclosure have been 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 separately above, this does not mean that the measures in the embodiments cannot be used in advantageous combination. The scope of the disclosure is defined by the appended claims and equivalents thereof. Various alternatives and modifications can be devised by those skilled in the art without departing from the scope of the present disclosure, and such alternatives and modifications are intended to be within the scope of the present disclosure.

Claims

1. A multi-end adaptive form generation method comprises the following steps:

receiving a form generation request sent by a client; and

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 an abstract factory pattern comprises:

determining an adapter abstraction factory;

4. The method of claim 3, wherein enabling the client to generate a form adapted to the end state according to the end state of the client and the global adapter comprises: and enabling the client to acquire a product class corresponding to the end state from the global adapter according to the end state of the client, and generating a form matched with the end state according to the product class.

5. The method of claim 1, wherein enabling the client to generate a form adapted to the end state according to the end state of the client and the global adapter comprises: and enabling the client to determine a component constructor according to the end state and the global adapter, and generating a form matched with the end state according to the component constructor.

6. A multi-end adaptive form generation method comprises the following steps:

sending a form generation request to a server side;

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

8. The method of claim 7, wherein the form data is preset by data enhancement.

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

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

11. A multi-end adapted form generation apparatus, comprising:

12. An electronic device, comprising:

one or more processors;

a storage device 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-9.

13. A computer readable storage medium having stored thereon executable instructions which, when executed by a processor, cause the processor to perform the method of any one of claims 1 to 9.