Disclosure of Invention
The embodiment of the specification provides a form interface format configuration and interface display method, device and medium, which are used for solving the following technical problems in the prior art: the display interface of the existing ERP product cannot be flexibly adjusted according to the requirements of users, and the requirements of personalized custom interfaces are met.
The embodiment of the specification adopts the following technical scheme:
A form interface format configuration and interface display method, wherein the method comprises the following steps:
Acquiring a form design instruction, and constructing a form according to the form design instruction, wherein the form is composed of a plurality of areas;
acquiring an area selection instruction, and selecting at least one area in the form according to the area selection instruction;
Acquiring an enabling dynamic rendering instruction, and setting the selected area as a dynamic rendering area according to the enabling dynamic rendering instruction;
acquiring a custom format instruction, and setting a custom interface format of the dynamic rendering area according to the custom format instruction, wherein the custom format instruction at least comprises an added format instruction;
Obtaining a format configuration instruction, and configuring the content of the custom interface format according to the format configuration instruction, wherein the format configuration instruction at least comprises one of the following items: modifying names, displaying or hiding, whether read-only, whether filling is necessary, and displaying order;
acquiring a save instruction, and saving custom format configuration information according to the save instruction;
Acquiring a compiling instruction, and generating a corresponding dynamic component based on the custom format configuration information according to the compiling instruction;
And acquiring a form opening instruction, wherein the form opening instruction at least comprises the custom format configuration information, and rendering a form according to the custom format configuration information to form an expansion interface of the form, and realizing the function of the expansion interface through the dynamic component.
Further, the method further comprises:
setting at least one area which is not selected in the form as a basic area;
Setting a basic interface format of the basic area based on the service type of the form;
and configuring the content of the basic interface format to form a basic interface of the form.
Further, the underlying interface format of the form is not allowed to be modified.
Further, the method further comprises:
recording the ID of the basic area and the ID of the dynamic rendering area;
And displaying the basic interface of the form according to the ID of the basic area, and rendering the form according to the ID of the dynamic rendering area so as to display the expansion interface of the form.
Further, the dynamic rendering area is selected by a service organization end or a user end.
Further, the authority of the format configuration instruction is distributed to a service organization end or a user end.
Further, the method further comprises:
Setting a plurality of groups of different dynamic rendering areas based on different user terminals;
Different custom format configuration information IDs are distributed to the custom format configuration information of each group of dynamic rendering areas;
Acquiring corresponding custom format configuration information according to the custom format configuration information ID;
And the form opening instruction sent by each user terminal at least comprises the user-defined format configuration information ID.
Further, when the form opening instruction sent by other user ends is obtained, the user-defined format configuration information ID is searched,
If the custom format configuration information ID already exists, the form configuration is updated,
And if the custom format configuration information ID does not exist, adding form configuration.
A form interface format configuration and interface presentation apparatus, comprising:
at least one processor; and
A memory communicatively coupled to the at least one processor; wherein,
The memory stores instructions executable by the at least one processor to enable the at least one processor to:
Acquiring a form design instruction, and constructing a form according to the form design instruction, wherein the form is composed of a plurality of areas;
acquiring an area selection instruction, and selecting at least one area in the form according to the area selection instruction;
Acquiring an enabling dynamic rendering instruction, and setting the selected area as a dynamic rendering area according to the enabling dynamic rendering instruction;
acquiring a custom format instruction, and setting a custom interface format of the dynamic rendering area according to the custom format instruction, wherein the custom format instruction at least comprises an added format instruction;
Obtaining a format configuration instruction, and configuring the content of the custom interface format according to the format configuration instruction, wherein the format configuration instruction at least comprises one of the following items: modifying names, displaying or hiding, whether read-only, whether filling is necessary, and displaying order;
acquiring a save instruction, and saving custom format configuration information according to the save instruction;
Acquiring a compiling instruction, and generating a corresponding dynamic component based on the custom format configuration information according to the compiling instruction;
And acquiring a form opening instruction, wherein the form opening instruction at least comprises the custom format configuration information, and rendering a form according to the custom format configuration information to form an expansion interface of the form, and realizing the function of the expansion interface through the dynamic component.
A non-volatile computer storage medium storing computer executable instructions for form interface format configuration and interface presentation, the computer executable instructions configured to:
Acquiring a form design instruction, and constructing a form according to the form design instruction, wherein the form is composed of a plurality of areas;
acquiring an area selection instruction, and selecting at least one area in the form according to the area selection instruction;
Acquiring an enabling dynamic rendering instruction, and setting the selected area as a dynamic rendering area according to the enabling dynamic rendering instruction;
acquiring a custom format instruction, and setting a custom interface format of the dynamic rendering area according to the custom format instruction, wherein the custom format instruction at least comprises an added format instruction;
Obtaining a format configuration instruction, and configuring the content of the custom interface format according to the format configuration instruction, wherein the format configuration instruction at least comprises one of the following items: modifying names, displaying or hiding, whether read-only, whether filling is necessary, and displaying order;
acquiring a save instruction, and saving custom format configuration information according to the save instruction;
Acquiring a compiling instruction, and generating a corresponding dynamic component based on the custom format configuration information according to the compiling instruction;
And acquiring a form opening instruction, wherein the form opening instruction at least comprises the custom format configuration information, and rendering a form according to the custom format configuration information to form an expansion interface of the form, and realizing the function of the expansion interface through the dynamic component.
The above-mentioned at least one technical scheme that this description embodiment adopted can reach following beneficial effect:
the form interface format configuration and interface display method of the embodiment of the specification can flexibly adjust and personalize the product interface in the implementation process, and can isolate the display interface of the form according to the definition of dimensions (business organization end or user end) and the requirements of different projects.
Detailed Description
For the purposes of making the objects, technical solutions and advantages of the present specification more apparent, the technical solutions of the present application will be clearly and completely described below with reference to specific embodiments of the present specification and corresponding drawings. It will be apparent that the described embodiments are only some, but not all, embodiments of the application. All other embodiments, which can be made by those skilled in the art without the exercise of inventive faculty, are intended to be within the scope of the application, based on the embodiments in the specification.
The following describes in detail the technical solutions provided by the embodiments of the present application with reference to the accompanying drawings. Fig. 1 is a schematic flow chart of a form interface format configuration and interface display method according to an embodiment of the present disclosure.
As shown in fig. 1, a form interface format configuration and interface display method includes:
Acquiring a form design instruction, and constructing a form according to the form design instruction, wherein the form is composed of a plurality of areas;
acquiring an area selection instruction, and selecting at least one area in the form according to the area selection instruction;
Acquiring an enabling dynamic rendering instruction, and setting the selected area as a dynamic rendering area according to the enabling dynamic rendering instruction;
acquiring a custom format instruction, and setting a custom interface format of the dynamic rendering area according to the custom format instruction, wherein the custom format instruction at least comprises an added format instruction;
Obtaining a format configuration instruction, and configuring the content of the custom interface format according to the format configuration instruction, wherein the format configuration instruction at least comprises one of the following items: modifying names, displaying or hiding, whether read-only, whether filling is necessary, and displaying order;
acquiring a save instruction, and saving custom format configuration information according to the save instruction;
Acquiring a compiling instruction, and generating a corresponding dynamic component based on the custom format configuration information according to the compiling instruction;
And acquiring a form opening instruction, wherein the form opening instruction at least comprises the custom format configuration information, and rendering a form according to the custom format configuration information to form an expansion interface of the form, and realizing the function of the expansion interface through the dynamic component.
In this embodiment, the form interface format configuration and interface display method further includes:
setting at least one area which is not selected in the form as a basic area;
Setting a basic interface format of the basic area based on the service type of the form;
and configuring the content of the basic interface format to form a basic interface of the form.
Further, the underlying interface format of the form is not allowed to be modified.
In this embodiment, the form interface format configuration and interface display method further includes:
recording the ID of the basic area and the ID of the dynamic rendering area;
And displaying the basic interface of the form according to the ID of the basic area, and rendering the form according to the ID of the dynamic rendering area so as to display the expansion interface of the form.
In this embodiment, the dynamic rendering area is selected by a service organization side or a user side.
In this embodiment, the authority of the format configuration instruction is allocated to a service organization end or a user end.
In this embodiment, the form interface format configuration and interface display method further includes:
Different custom format configuration information IDs are distributed to the custom format configuration information of each group of dynamic rendering areas;
Acquiring corresponding custom format configuration information according to the custom format configuration information ID;
And the form opening instruction sent by each user terminal at least comprises the user-defined format configuration information ID.
Further, when the form opening instruction sent by other user ends is obtained, the user-defined format configuration information ID is searched,
If the custom format configuration information ID already exists, the form configuration is updated,
And if the custom format configuration information ID does not exist, adding form configuration.
The form interface format configuration and interface display method of the embodiment can flexibly adjust and personalize the product interface in the implementation process, and can isolate the display interface of the form according to the definition of dimensions (business organization end or user end) and the requirements of different projects.
For the convenience of understanding the present invention, the following describes the specific embodiments of the form interface format configuration and interface display method further:
in the implementation process of the existing ERP form product, the requirements of users on the personalized adjustment interface are always faced, and if some characteristics are added in the form product to meet certain requirements, other users using the form product are likely to be influenced. Therefore, the method can be flexibly adjusted in the implementation process, and personalized customization of the form product interface is imperative.
Therefore, a new form interface format configuration and interface display method is urgently needed to be developed, so as to realize visual and custom configuration of the interface format, and enable the form product to dynamically adjust the product interface and custom develop the custom interface after delivering the user.
The method comprises the following steps:
When (1) form developer designs
First, a form is constructed according to a service type, the form being composed of a plurality of areas.
Setting a basic area in the form, and setting a basic interface format of the basic area according to the service type of the form. Then, the content in the basic interface format is configured to form a basic interface of the form.
1. Form developers set form-enabled dynamic rendering at design time
At least one area is selected from the form as a dynamic rendering area. The regions of the loader, form, dataGrid, tabs, etc. are preferably selected in the designer as dynamic rendering regions. Setting the region in the right attribute code to enable dynamic rendering, and recording the region information which can be dynamically rendered in the table unit data.
DynamicConfig is added to the module node, and the base area ID and the dynamic rendering area ID are recorded.
2. Form developers save forms at design time
2.1 Form developer clicks save button, and related business process is performed in the event after metadata save.
2.2, Storing custom configuration information:
formId:xxx
content: custom configuration content
id:xxxx
type:SYS
2.3 Saving workflow page configuration information: the converter dynamically configures the form; converting into flow bill format configuration information; if the format configuration information already exists in the current form, the format is updated.
(II) compile-time (JIT) generation of form format configuration information
JIT generates corresponding dynamic components according to dynamic format configuration.
Jit generates an API request method to obtain dynamic format configuration.
3. Request parameters: styleId: the custom format configures the information id.
4. Request returns: and customizing the format configuration information.
(III) custom Format interface design
By adding the format button, a format is created in terms of dimensions. Providing [ copy ], delete ], configure ] functions.
(IV) configuration interface Format
1. Format configuration object: control, tab page, dataGrid column, button.
2. Format configuration attributes: labels (name modifications), display hidden, read-only, fill-out, display order.
3. Rights allocation: business organization, user (as second dimension).
Fifth, run-time (custom format) routing method
1. Before routing, a format ID is determined based on the dimension information and the base form ID provided in the URL, and is added to the URL.
2. The form script renders the form according to the custom format configuration information ID. The form script may be a base form script or an extended form script.
The form interface format configuration and interface display method of the embodiment further includes:
Sixth, the format configuration is carried out during the design (flow developer)
1. The flow developer uses the flow designer to set fields and buttons to display and hide during design.
2. Saving the dynamic format configuration of the form:
id: a format id;
formId: form id;
content: flow document format.
The flow document format needs to be converted into a form dynamic format configuration.
3. Saving the dynamic format configuration id of the prior known form;
if the id already exists, updating the configuration;
if the id does not exist, the configuration is added.
Seventh, run-time (flow user) accesses custom format interface
1. When the flow user opens the form, the corresponding custom format configuration information ID is provided in the URL.
2. The form renders the form according to the custom format configuration information ID.
Based on the same thought, some embodiments of the present application also provide a device and a non-volatile computer storage medium corresponding to the above method.
Some embodiments of the present application provide an apparatus for form interface format configuration and interface presentation corresponding to fig. 1, the apparatus comprising:
at least one processor; and
A memory communicatively coupled to the at least one processor; wherein,
The memory stores instructions executable by the at least one processor to enable the at least one processor to:
Acquiring a form design instruction, and constructing a form according to the form design instruction, wherein the form is composed of a plurality of areas;
acquiring an area selection instruction, and selecting at least one area in the form according to the area selection instruction;
Acquiring an enabling dynamic rendering instruction, and setting the selected area as a dynamic rendering area according to the enabling dynamic rendering instruction;
acquiring a custom format instruction, and setting a custom interface format of the dynamic rendering area according to the custom format instruction, wherein the custom format instruction at least comprises an added format instruction;
Obtaining a format configuration instruction, and configuring the content of the custom interface format according to the format configuration instruction, wherein the format configuration instruction at least comprises one of the following items: modifying names, displaying or hiding, whether read-only, whether filling is necessary, and displaying order;
acquiring a save instruction, and saving custom format configuration information according to the save instruction;
Acquiring a compiling instruction, and generating a corresponding dynamic component based on the custom format configuration information according to the compiling instruction;
And acquiring a form opening instruction, wherein the form opening instruction at least comprises the custom format configuration information, and rendering a form according to the custom format configuration information to form an expansion interface of the form, and realizing the function of the expansion interface through the dynamic component.
Some embodiments of the application provide a non-volatile computer storage medium corresponding to one of the form interface format configurations and interface presentations of fig. 1, storing computer-executable instructions configured to:
Acquiring a form design instruction, and constructing a form according to the form design instruction, wherein the form is composed of a plurality of areas;
acquiring an area selection instruction, and selecting at least one area in the form according to the area selection instruction;
Acquiring an enabling dynamic rendering instruction, and setting the selected area as a dynamic rendering area according to the enabling dynamic rendering instruction;
acquiring a custom format instruction, and setting a custom interface format of the dynamic rendering area according to the custom format instruction, wherein the custom format instruction at least comprises an added format instruction;
Obtaining a format configuration instruction, and configuring the content of the custom interface format according to the format configuration instruction, wherein the format configuration instruction at least comprises one of the following items: modifying names, displaying or hiding, whether read-only, whether filling is necessary, and displaying order;
acquiring a save instruction, and saving custom format configuration information according to the save instruction;
Acquiring a compiling instruction, and generating a corresponding dynamic component based on the custom format configuration information according to the compiling instruction;
And acquiring a form opening instruction, wherein the form opening instruction at least comprises the custom format configuration information, and rendering a form according to the custom format configuration information to form an expansion interface of the form, and realizing the function of the expansion interface through the dynamic component.
The embodiments of the present application are described in a progressive manner, and the same and similar parts of the embodiments are all referred to each other, and each embodiment is mainly described in the differences from the other embodiments. In particular, for the apparatus and medium embodiments, the description is relatively simple, as it is substantially similar to the method embodiments, with reference to the section of the method embodiments being relevant.
The devices and media provided in the embodiments of the present application are in one-to-one correspondence with the methods, so that the devices and media also have similar beneficial technical effects as the corresponding methods, and since the beneficial technical effects of the methods have been described in detail above, the beneficial technical effects of the devices and media are not repeated here.
It will be appreciated by those skilled in the art that embodiments of the present invention may be provided as a method, system, or computer program product. Accordingly, the present invention may take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment combining software and hardware aspects. Furthermore, the present invention may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, and the like) having computer-usable program code embodied therein.
The present invention is directed to methods, apparatus (systems), and computer program products in accordance with embodiments of the present invention
And a flowchart and/or block diagram of an article. It will be understood that each flow and/or block of the flowchart illustrations and/or block diagrams, and combinations of flows and/or blocks in the flowchart illustrations and/or block diagrams, can be implemented by computer program instructions. These computer program instructions may be provided to a processor of a general purpose computer, special purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, create means for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be stored in a computer-readable memory that can direct a computer or other programmable data processing apparatus to function in a particular manner, such that the instructions stored in the computer-readable memory produce an article of manufacture including instruction means which implement the function specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be loaded onto a computer or other programmable data processing apparatus to cause a series of operational steps to be performed on the computer or other programmable apparatus to produce a computer implemented process such that the instructions which execute on the computer or other programmable apparatus provide steps for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
In one typical configuration, a computing device includes one or more processors (CPUs), input/output interfaces, network interfaces, and memory.
The memory may include volatile memory in a computer-readable medium, random Access Memory (RAM) and/or nonvolatile memory, such as Read Only Memory (ROM) or flash memory (flash RAM). Memory is an example of computer-readable media.
Computer readable media, including both non-transitory and non-transitory, removable and non-removable media, may implement information storage by any method or technology. The information may be computer readable instructions, data structures, modules of a program, or other data. Examples of storage media for a computer include, but are not limited to, phase change memory (PRAM), static Random Access Memory (SRAM), dynamic Random Access Memory (DRAM), other types of Random Access Memory (RAM), read Only Memory (ROM), electrically Erasable Programmable Read Only Memory (EEPROM), flash memory or other memory technology, compact disc read only memory (CD-ROM), digital Versatile Discs (DVD) or other optical storage, magnetic cassettes, magnetic tape magnetic disk storage or other magnetic storage devices, or any other non-transmission medium, which can be used to store information that can be accessed by a computing device. Computer-readable media, as defined herein, does not include transitory computer-readable media (transmission media), such as modulated data signals and carrier waves.
It should also be noted that the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising one … …" does not exclude the presence of other like elements in a process, method, article or apparatus that comprises the element.
The foregoing is merely exemplary of the present application and is not intended to limit the present application. Various modifications and variations of the present application will be apparent to those skilled in the art. Any modification, equivalent replacement, improvement, etc. which come within the spirit and principles of the application are to be included in the scope of the claims of the present application.