CN116610318A - Form design method and device - Google Patents

Abstract

The application relates to a form design method and a form design device. The method comprises the following steps: receiving a first starting instruction and starting a form design interface; the form design interface comprises a design component display area, a form drawing area and a parameter modification area; receiving a component operation instruction, and selecting a target design component from the design components displayed in the design component display area based on the component operation instruction; when a target design component is acquired, displaying contents corresponding to the target design component in a form drawing area based on a component operation instruction; and when the content corresponding to the target design component is displayed in the form drawing area, correspondingly displaying the parameter modification item corresponding to the target design component in the parameter modification area. The realization service form can be designed according to the customer demand, wherein, the fields in the form and the page typesetting of the form can be flexibly changed along with the customer demand, thus enhancing the flexibility of the design form.

Description

Form design method and device

Technical Field

The application relates to the technical field of warehouse management, in particular to a form design method and a form design device.

Background

In warehouse management, as a factory customer upstream of a warehouse, tasks such as closing, goods storage, vehicle transportation and the like need to be completed through the warehouse, corresponding service forms, including a closing form, a goods form, a transportation form and the like, need to be submitted to the warehouse by corresponding different operation factory customers, and service fields (namely contents to be filled in) contained in various service forms are different. In order to realize service form electronization, at present, a common warehouse system processes a service form in a way of fixing page typesetting and service fields of the service form, and the butt joint transmission between the service form and other documents is also fixed, however, the service form in a fixed mode and the butt joint transmission relation with other documents are adopted, so that the flexibility of the butt joint transmission between the service form and the documents is limited. In addition, under the actual condition, a large number of service forms need secondary development, and the service forms in a fixed mode and the butt joint transmission relation with other single pieces are adopted, so that the future expansion capacity of the warehouse system is greatly limited.

Disclosure of Invention

In view of the foregoing, it is desirable to provide a form design method and apparatus that can improve the flexibility of manufacturing forms.

A form design method, the method comprising the steps of:

receiving a first starting instruction and starting a form design interface; the form design interface comprises a design component display area, a form drawing area and a parameter modification area;

receiving a component operation instruction, and selecting a target design component from the design components displayed in the design component display area based on the component operation instruction;

when a target design component is acquired, displaying contents corresponding to the target design component in a form drawing area based on a component operation instruction;

and when the content corresponding to the target design component is displayed in the form drawing area, correspondingly displaying the parameter modification item corresponding to the target design component in the parameter modification area.

In one embodiment, the design components displayed within the design component display area include a base class component; the target design components include a first type of target design component;

receiving a component operation instruction, and selecting a first type of target design component from the basic type of components based on the component operation instruction;

when the first type of target design components are acquired, text boxes, drop-down menus or option buttons corresponding to the first type of target design components are displayed in a form drawing area based on the component operation instructions.

In one embodiment, the design components displayed within the design component display area further comprise a layout class component; the target design components include a second class of target design components;

receiving a component operation instruction, and selecting a second type of target design component from the layout type components based on the component operation instruction;

when the second-class target design components are obtained, displaying typesetting contents corresponding to the second-class target design components in a form drawing area based on the component operation instructions; the typesetting content is used for adjusting the position layout relation or the data association relation between the corresponding contents of the target design components displayed in the form drawing area.

In one embodiment, the design components displayed in the design component display area further comprise custom class components; the target design components include a third category of target design components;

receiving a component operation instruction, and selecting a third category of target design components from the custom category of components based on the component operation instruction;

and when the third category of target design components are obtained, displaying preset standard contents corresponding to the third category of target design components in the form drawing area based on the component operation instructions.

In one embodiment, in the form drawing area, the text boxes, drop-down menus, or option buttons corresponding to the first type of target design components may be displayed separately, and/or the text boxes, drop-down menus, or option buttons corresponding to the first type of target design components may be displayed in the typeset content corresponding to the second type of target design components

The typesetting contents corresponding to the second type target design components can be displayed independently, and/or part of typesetting contents corresponding to the second type target design components are displayed in the typesetting contents corresponding to the other part of second type target design components

The preset standard content corresponding to the third category of target design components can be displayed independently, and/or the preset standard content corresponding to the third category of target design components can be displayed in the typesetting content corresponding to the second category of target design components.

In one embodiment, the form drawing area displays a basic component drop-down menu, a layout component drop-down menu, and a custom component drop-down menu;

under normal conditions, the basic class component is hidden in the basic component drop-down menu, and when a clicking operation instruction for starting the basic component drop-down menu is received, the basic class component is displayed in the form drawing area;

under normal conditions, the layout component is hidden in the drop-down menu of the layout component, and when a click operation instruction for starting the drop-down menu of the layout component is received, the layout component is displayed in the form drawing area;

under normal conditions, the custom class component is hidden in the custom component drop-down menu, and when a click operation instruction for starting the custom component drop-down menu is received, the custom class component is displayed in the form drawing area.

In one embodiment, from the perspective of the front view form design interface, the design component presentation area is located to the left of the form drawing area and the parameter modification area is located to the right of the form drawing area.

In one embodiment, the parameter modification items displayed in the parameter modification area include parameters for modifying the relative positions between the target design components that have been displayed in the form drawing area, parameters for modifying the content corresponding to the target design components that have been displayed in the form drawing area, and parameters for modifying the dimensions of the target design components that have been displayed in the form drawing area; or alternatively

The parameter modification items displayed in the parameter modification area include parameters for modifying the relative positions between the target design components that have been displayed in the form drawing area, parameters for modifying the content corresponding to the target design components that have been displayed in the form drawing area, parameters for modifying the dimensions of the target design components that have been displayed in the form drawing area, and parameters for modifying the properties of the target design components that have been displayed in the form drawing area.

In one embodiment, the method comprises the steps of:

receiving a second starting instruction and starting an incidence relation configuration interface; the association relation configuration interface comprises an association configuration area; service fields corresponding to the preselected standard forms are displayed in the associated configuration area; a drop-down menu is also displayed at a position corresponding to the service field in the association configuration area; the drop-down menu comprises user fields corresponding to target design components which are displayed in the form drawing area and used for representing the user fields;

and acquiring a matching instruction, starting a drop-down menu based on the matching instruction, selecting a target user field from user fields in the drop-down menu, and establishing an association relationship of service fields corresponding to the target user field.

A form design apparatus comprising the steps of:

the instruction receiving module is used for receiving a first starting instruction and starting a form design interface; the form design interface comprises a design component display area, a form drawing area and a parameter modification area;

the operation module is used for receiving the component operation instruction and selecting a target design component from the design components displayed in the design component display area based on the component operation instruction;

the display module is used for displaying the content corresponding to the target design component in the form drawing area based on the component operation instruction when the target design component is acquired;

and the display module is also used for correspondingly displaying the parameter modification items corresponding to the target design components in the parameter modification area when the contents corresponding to the target design components are displayed in the form drawing area.

One of the above technical solutions has the following advantages and beneficial effects:

according to the form design method provided by the embodiments of the application, the form design interface is started by receiving the first starting instruction; receiving a component operation instruction, and selecting a target design component from the design components displayed in the design component display area based on the component operation instruction; when a target design component is acquired, displaying contents corresponding to the target design component in a form drawing area based on a component operation instruction; and when the content corresponding to the target design component is displayed in the form drawing area, correspondingly displaying the parameter modification item corresponding to the target design component in the parameter modification area. The realization service form can be designed according to the customer demand, wherein, the fields in the form and the page typesetting of the form can be flexibly changed along with the customer demand, thus enhancing the flexibility of the design form. In addition, the form design method is simple to operate, increases the convenience of form design, and is easier to operate if secondary development is encountered.

Drawings

FIG. 1 is a flow chart of a form design method in an embodiment of the application.

FIG. 2 is a flowchart illustrating steps for selecting a first type of target design component according to an embodiment of the present application.

FIG. 3 is a flowchart illustrating steps for selecting a second type of target design element according to an embodiment of the present application.

FIG. 4 is a flow chart illustrating steps for selecting a third category of target design components according to an embodiment of the present application.

FIG. 5 is a schematic flow chart of a form design method according to an embodiment of the application.

Fig. 6 is a block diagram of a form design apparatus in accordance with an embodiment of the present application.

Fig. 7 is an internal structural diagram of a computer device in an embodiment of the present application.

Detailed Description

The present application will be described in further detail with reference to the drawings and examples, in order to make the objects, technical solutions and advantages of the present application more apparent. It should be understood that the specific embodiments described herein are for purposes of illustration only and are not intended to limit the scope of the application.

In order to solve the problems that the service form of the conventional warehouse system is fixed, the requirements of different clients cannot be met, the secondary development difficulty is high, and the operation is inflexible, in one embodiment, as shown in fig. 1, a form design method is provided, and the method comprises the following steps:

step S110, receiving a first starting instruction and starting a form design interface. It should be noted that the form design method of the present application may be executed on a computer device. The form design method of the present application will be described below by taking a computer device as an example. The computer device receives the first start-up instruction through an input device thereon, such as a keyboard, a mouse, or a touch display screen, etc., although the computer device may also receive the first start-up instruction through an input device wirelessly connected thereto, such as a wireless keyboard, a wireless mouse, or a wireless touch device, etc. The first start instruction may include a single instruction or may include an instruction set formed by a plurality of instructions. In one example, the first initiation instruction is a keyboard, mouse, or touch display initiated character instruction. In another example, the first launch instruction is a click instruction initiated by a keyboard, mouse, or touch display screen.

And after the computer equipment receives the first starting instruction, a form design interface is displayed on a display screen of the computer equipment. The form design interface is a page of the design service form. The form design interface comprises a design component display area, a form drawing area and a parameter modification area. The design component display area is used for displaying design components, wherein the design components are used for making service forms, for example, the design components comprise text boxes, option buttons, tables, dividing lines, containers, placeholders and the like, and the design components can be buttons arranged in the design component display area. In one example, the design components include a base class component, a layout class component, and a custom class component. The base class component is used to draw the base content of the service form, such as text boxes, switch buttons, and drop-down menus of the service form. The text boxes comprise a numerical value text box, a floating point numerical value text box, a character text box and a date text box. In another example, the base class component is also used to draw an attachment resource box and a sub-form box for the service form, e.g., video, image, or hypertext links, etc., can be added within the attachment resource box, and other forms that have been made can be filled in within the sub-form box. The layout type component is mainly used for typesetting the content of the service form, for example, the typesetting content corresponding to the layout component comprises a container, a TAB layout, a dividing line, a placeholder and a grid layout. The custom class component is a preset standard component for predefining and storing items which are generally required to be filled in during warehouse management (the preset standard component correspondingly displays preset standard content in a form drawing area), and can be directly invoked without user redesign, for example, the custom class component comprises a predesigned component for the items which are required to be filled in frequently in the aspects of acting partners, lists, business types, warehouses and the like.

In one example, the base class component, the layout class component, and the custom class component are all exposed in the design component exposure area. In another example, the form drawing area displays a base component drop-down menu, a layout component drop-down menu, and a custom component drop-down menu. It should be noted that, after the pull-down menu receives the start command, the content contained in the pull-down menu can be displayed, and the pull-down menu hides the content contained in the pull-down menu under normal conditions. Under normal conditions, the basic class component is hidden in the basic component drop-down menu, and when a clicking operation instruction for starting the basic component drop-down menu is received, the basic class component is displayed in the form drawing area. Under normal conditions, the layout type component is hidden in the layout component drop-down menu, and when a click operation instruction for starting the layout component drop-down menu is received, the layout type component is displayed in the form drawing area. Under normal conditions, the custom class component is hidden in the custom component drop-down menu, and when a click operation instruction for starting the custom component drop-down menu is received, the custom class component is displayed in the form drawing area.

The form drawing area is used for drawing an area of the service form, the service form is manufactured by placing the design component of the design component display area into the form drawing area, and the form drawing area is a blank area in an initial state. The parameter modification area is used for displaying parameter modification items of the design components placed in the form drawing area, and the design components placed in the form drawing area can be adjusted through the parameter modification items, for example, the size of the design components placed in the form drawing area is adjusted, the relative positions among the design components placed in the form drawing area are adjusted, and the content placed in the design components of the form drawing area is adjusted. In one example, the parameter modification area exposes all of the parameter modification items of the design components that are placed into the form drawing area. In another example, the parameter modification region exposes parameter modification items of the design components within the selected form drawing region.

The design component display area, the form drawing area, and the parameter modification area may be anywhere on the form design interface, e.g., from a perspective of looking at the form design interface, the design component display area is located above the form design interface, the form drawing area is located to the left of the form design interface, and the parameter modification area is located to the right of the form design interface. For another example, from a perspective of looking at the form design interface, the design component display area is located above the form design interface, the form drawing area is located in the form design interface middle area, and the parameter modification area is located below the form design interface. To facilitate user manipulation, in one example, from a perspective of looking at the form design interface, the design component presentation area is located to the left of the form drawing area and the parameter modification area is located to the right of the form drawing area.

Step S120, receiving the component operation instruction, and selecting a target design component from the design components displayed in the design component display area based on the component operation instruction.

It should be noted that, the computer device receives the component operation instruction through an input device thereon, for example, a keyboard, a mouse, or a touch display screen, etc., and of course, the computer device may also receive the component operation instruction through an input device wirelessly connected thereto, for example, a wireless keyboard, a wireless mouse, or a wireless touch device, etc. The component operation instruction may include a single instruction or may include an instruction set formed by a plurality of instructions. In one example, the component operation instruction is a keyboard, mouse, or touch display initiated character instruction. In another example, the component operation instruction is a click instruction initiated by a keyboard, mouse, or touch display screen. In one example, the component operation instructions include a selection instruction for selecting a design component within the design component presentation area and a drag instruction for dragging the selected design component into the form drawing area.

The target design component is the design component required to draw the current service form. In examples where the design components include a base class component, a layout class component, and a custom class component, the target design components include a first class of target design components corresponding to the base class component, a second class of target design components corresponding to the layout class component, and a third class of target design components corresponding to the custom class component.

In step S130, when the target design component is acquired, based on the component operation instruction, the content corresponding to the target design component is displayed in the form drawing area. The content includes text boxes, selection buttons, drop-down menus, typesetting content, preset standard content and the like. The content corresponding to the target design component may be displayed anywhere within the form rendering area.

In one example, the design components displayed within the design component presentation area include base class components. The target design components include a first type of target design components. In this example, as shown in fig. 2, the form design method of the present application includes:

step S210, receiving a component operation instruction, and selecting a first type of target design component from the basic type of components based on the component operation instruction.

Step S220, when the first type target design component is obtained, a text box, a drop-down menu or an option button corresponding to the first type target design component is displayed in the form drawing area based on the component operation instruction.

In one example, the design components displayed within the design component display area further include a layout class component. The target design components include a second type of target design component. In this example, as shown in fig. 3, the form design method of the present application includes:

step S310, receiving a component operation instruction, and selecting a second type of target design component from the layout type components based on the component operation instruction.

Step S320, when the second type target design component is obtained, based on the component operation instruction, typesetting content corresponding to the second type target design component is displayed in the form drawing area. The typesetting content is used for adjusting the position layout relation or the data association relation between the corresponding contents of the target design components displayed in the form drawing area.

In one example, the design components displayed within the design component presentation area further include custom class components. The target design components include a third category of target design components. In this example, as shown in fig. 4, the form design method of the present application includes:

step S410, receiving a component operation instruction, and selecting a third category of target design components from the custom category components based on the component operation instruction.

And step S420, when the third category target design component is obtained, displaying the preset standard content corresponding to the third category target design component in the form drawing area based on the component operation instruction.

In the typesetting process of the content corresponding to the design components in the form drawing area, a text box, a drop-down menu or an option button corresponding to the first type of target design components can be displayed separately (the separate display means directly displayed), and/or the text box, the drop-down menu or the option button corresponding to the first type of target design components can be displayed in the typesetting content corresponding to the second type of target design components (for example, the text box, the drop-down menu or the option button is displayed in the container). Three cases are corresponded: the text boxes, the drop-down menus or the option buttons corresponding to the design components are independently displayed, or the text boxes, the drop-down menus or the option buttons corresponding to the first type of target design components are displayed in typesetting contents corresponding to the second type of target design components, or part of the text boxes, the drop-down menus or the option buttons corresponding to the first type of target design components are independently displayed, and the other part of the text boxes, the drop-down menus or the option buttons corresponding to the first type of target design components are displayed in typesetting contents corresponding to the second type of target design components.

The typesetting contents corresponding to the second type of target design components may be displayed separately and/or portions of the typesetting contents corresponding to the second type of target design components may be displayed within other portions of the typesetting contents corresponding to the second type of target design components (e.g., one container may be displayed within another container). Three cases are corresponded: the typesetting contents corresponding to the second type target design components are displayed independently, or the typesetting contents corresponding to part of the second type target design components are displayed in the typesetting contents corresponding to the other part of the second type target design components, or the typesetting contents corresponding to part of the second type target design components are displayed independently, and in the other part of the typesetting contents corresponding to part of the second type target design components are displayed in the typesetting contents corresponding to the other part of the second type target design components.

The preset standard content corresponding to the third type of target design component may be displayed separately and/or the preset standard content corresponding to the third type of target design component may be displayed within the typeset content corresponding to the second type of target design component (e.g., one preset standard content is displayed within one container). Three cases are corresponded: the preset standard content corresponding to the third type of target design component is displayed independently, or the preset standard content corresponding to the third type of target design component is displayed in the typesetting content corresponding to the second type of target design component, or part of the preset standard content corresponding to the third type of target design component is displayed independently, and the other part of the preset standard content corresponding to the third type of target design component is displayed in the typesetting content corresponding to the second type of target design component.

In step S140, when the content corresponding to the target design component is displayed in the form drawing area, the parameter modification item corresponding to the target design component is correspondingly displayed in the parameter modification area.

In one example, the parameter modification items displayed within the parameter modification area include parameters for modifying the relative positions between the target design components that have been displayed within the form drawing area, parameters for modifying the content corresponding to the target design components that have been displayed within the form drawing area, and parameters for modifying the dimensions of the target design components that have been displayed within the form drawing area. In one example, the parameters of the relative position between the target design components include top margin, left margin, right margin, line spacing, whether in focus, whether compact, and so forth. The parameters of the content corresponding to the target design component include names, code numbers, and the like. Parameters of the dimensions of the target design component include width, height, and length.

In one example, the parameter modification items displayed within the parameter modification area include parameters for modifying the relative positions between the target design components that have been displayed within the form drawing area, parameters for modifying the content corresponding to the target design components that have been displayed within the form drawing area, parameters for modifying the dimensions of the target design components that have been displayed within the form drawing area, and parameters for modifying the properties of the target design components that have been displayed within the form drawing area. In one example, the parameters of the nature of the target design component include whether it is editable, whether it is necessary to fill, and so forth.

In one example, as shown in FIG. 5, the form design method of the present application includes the steps of:

step S550, receiving a second starting instruction, and starting the association configuration interface. The computer device receives the second start-up instruction through an input device thereon, such as a keyboard, a mouse, or a touch display screen, etc., although the computer device may also receive the second start-up instruction through an input device wirelessly connected thereto, such as a wireless keyboard, a wireless mouse, or a wireless touch device, etc. The second start instruction may include a single instruction or may include an instruction set formed of a plurality of instructions. In one example, the second initiation instruction is a keyboard, mouse, or touch-screen initiated character instruction. In another example, the second initiation instruction is a click instruction initiated by a keyboard, mouse, or touch display screen. The association relationship configuration interface is used for configuring the association relationship between the service form (which can be understood as a form provided by a factory end) and the pre-selected standard form (which can be understood as a form provided by a warehouse end) which are manufactured in the form design interface. The pre-selected standard forms are various forms which are required to be used in warehouse management, such as warehouse entry application forms, transportation forms, goods forms, service forms and the like.

The association configuration interface includes an association configuration area. And service fields corresponding to the preselected standard forms are displayed in the associated configuration area. And a drop-down menu is also displayed in the associated configuration area at a position corresponding to the service field, wherein the drop-down menu is in one-to-one correspondence with the service field, for example, the service field is distributed in parallel with the corresponding drop-down menu. The drop-down menu contains user fields corresponding to target design components which are displayed in the form drawing area and used for representing user fields, and because the design components are used for representing text boxes for filling items, and are used for representing typesetting formats, the target design components which are displayed in the form drawing area are contents in a drawn service form, and the target design components used for representing the user fields are corresponding to the target design components and are used for representing items required by warehouse management. The service field is an item (such as application reference number, warehouse, exit point, contact information) to be filled in a pre-selected standard form. The user field is the item (e.g., application reference number, warehouse, exit point, contact information) that needs to be filled in the service form made using the form design interface.

Step S560, a matching instruction is acquired, a drop-down menu is started based on the matching instruction, a target user field is selected from user fields in the drop-down menu, and an association relation of service fields corresponding to the target user field is established. The service field is fixed, the association relation between the service field and the corresponding user field is established by selecting from the drop-down menu, when the user changes the content of the user field, the corresponding modified content is transferred to the service field

According to the embodiments of the form design method, a form design interface is started by receiving a first starting instruction; receiving a component operation instruction, and selecting a target design component from the design components displayed in the design component display area based on the component operation instruction; when a target design component is acquired, displaying contents corresponding to the target design component in a form drawing area based on a component operation instruction; and when the content corresponding to the target design component is displayed in the form drawing area, correspondingly displaying the parameter modification item corresponding to the target design component in the parameter modification area. The realization service form can be designed according to the customer demand, wherein, the fields in the form and the page typesetting of the form can be flexibly changed along with the customer demand, thus enhancing the flexibility of the design form. In addition, the form design method is simple to operate, increases the convenience of form design, and is easier to operate if secondary development is encountered.

It should be understood that, although the steps in the flowcharts of fig. 1-5 are shown in order as indicated by the arrows, these steps are not necessarily performed in order as indicated by the arrows. The steps are not strictly limited to the order of execution unless explicitly recited herein, and the steps may be executed in other orders. Moreover, at least some of the steps in fig. 1-5 may include multiple sub-steps or stages that are not necessarily performed at the same time, but may be performed at different times, nor do the order in which the sub-steps or stages are performed necessarily occur sequentially, but may be performed alternately or alternately with at least a portion of the sub-steps or stages of other steps or steps.

In one embodiment, as shown in FIG. 6, a form design apparatus is provided, comprising:

the instruction receiving module 61 is configured to receive a first start instruction, and start the form design interface; the form design interface comprises a design component display area, a form drawing area and a parameter modification area;

an operation module 63 for receiving a component operation instruction, and selecting a target design component from the design components displayed in the design component display area based on the component operation instruction;

the display module 65 is configured to display, when acquiring the target design component, content corresponding to the target design component in the form drawing area based on the component operation instruction;

the display module 65 is further configured to correspondingly display a parameter modification item corresponding to the target design component in the parameter modification area when the content corresponding to the target design component is displayed in the form drawing area.

For specific limitations on the form design apparatus, reference may be made to the limitations on the form design method hereinabove, and no further description is given here. The various modules in the form design apparatus described above may be implemented in whole or in part in software, hardware, and combinations thereof. The above modules may be embedded in hardware or may be independent of a processor in the computer device, or may be stored in software in a memory in the computer device, so that the processor may call and execute operations corresponding to the above modules.

In one embodiment, a computer device is provided, which may be a terminal, and the internal structure of which may be as shown in fig. 7. The computer device includes a processor, a memory, a network interface, a display screen, and an input device connected by a system bus. Wherein the processor of the computer device is configured to provide computing and control capabilities. The memory of the computer device includes a non-volatile storage medium and an internal memory. The non-volatile storage medium stores an operating system and a computer program. The internal memory provides an environment for the operation of the operating system and computer programs in the non-volatile storage media. The network interface of the computer device is used for communicating with an external terminal through a network connection. The computer program is executed by a processor to implement a form design method. The display screen of the computer equipment can be a liquid crystal display screen or an electronic ink display screen, and the input device of the computer equipment can be a touch layer covered on the display screen, can also be keys, a track ball or a touch pad arranged on the shell of the computer equipment, and can also be an external keyboard, a touch pad or a mouse and the like.

It will be appreciated by those skilled in the art that the structure shown in FIG. 7 is merely a block diagram of some of the structures associated with the present inventive arrangements and is not limiting of the computer device to which the present inventive arrangements may be applied, and that a particular computer device may include more or fewer components than shown, or may combine some of the components, or have a different arrangement of components.

In one embodiment, a computer device is provided comprising a memory and a processor, the memory having stored therein a computer program, the processor when executing the computer program performing the steps of:

receiving a first starting instruction and starting a form design interface; the form design interface comprises a design component display area, a form drawing area and a parameter modification area;

receiving a component operation instruction, and selecting a target design component from the design components displayed in the design component display area based on the component operation instruction;

when a target design component is acquired, displaying contents corresponding to the target design component in a form drawing area based on a component operation instruction;

and when the content corresponding to the target design component is displayed in the form drawing area, correspondingly displaying the parameter modification item corresponding to the target design component in the parameter modification area.

In one embodiment, a computer readable storage medium is provided having a computer program stored thereon, which when executed by a processor, performs the steps of:

receiving a first starting instruction and starting a form design interface; the form design interface comprises a design component display area, a form drawing area and a parameter modification area;

receiving a component operation instruction, and selecting a target design component from the design components displayed in the design component display area based on the component operation instruction;

when a target design component is acquired, displaying contents corresponding to the target design component in a form drawing area based on a component operation instruction;

and when the content corresponding to the target design component is displayed in the form drawing area, correspondingly displaying the parameter modification item corresponding to the target design component in the parameter modification area.

Those skilled in the art will appreciate that implementing all or part of the above described methods may be accomplished by way of a computer program stored on a non-transitory computer readable storage medium, which when executed, may comprise the steps of the embodiments of the methods described above. Any reference to memory, storage, database, or other medium used in embodiments provided herein may include non-volatile and/or volatile memory. The nonvolatile memory can include Read Only Memory (ROM), programmable ROM (PROM), electrically Programmable ROM (EPROM), electrically Erasable Programmable ROM (EEPROM), or flash memory. Volatile memory can include Random Access Memory (RAM) or external cache memory. By way of illustration and not limitation, RAM is available in a variety of forms such as Static RAM (SRAM), dynamic RAM (DRAM), synchronous DRAM (SDRAM), double Data Rate SDRAM (DDRSDRAM), enhanced SDRAM (ESDRAM), synchronous Link DRAM (SLDRAM), memory bus direct RAM (RDRAM), direct memory bus dynamic RAM (DRDRAM), and memory bus dynamic RAM (RDRAM), among others.

The technical features of the above embodiments may be arbitrarily combined, and all possible combinations of the technical features in the above embodiments are not described for brevity of description, however, as long as there is no contradiction between the combinations of the technical features, they should be considered as the scope of the description.

The above examples illustrate only a few embodiments of the application, which are described in detail and are not to be construed as limiting the scope of the claims. It should be noted that it will be apparent to those skilled in the art that several variations and modifications can be made without departing from the spirit of the application, which are all within the scope of the application. Accordingly, the scope of protection of the present application is to be determined by the appended claims.

Claims (10)

1. A form design method, the method comprising the steps of:

receiving a first starting instruction and starting a form design interface; the form design interface comprises a design component display area, a form drawing area and a parameter modification area;

receiving a component operation instruction, and selecting a target design component from the design components displayed in the design component display area based on the component operation instruction;

when the target design component is acquired, displaying the content corresponding to the target design component in the form drawing area based on the component operation instruction;

when the content corresponding to the target design component is displayed in the form drawing area, correspondingly displaying a parameter modification item corresponding to the target design component in the parameter modification area; and displaying an initial parameter modification item in the parameter modification area when the content corresponding to the target design component is not displayed in the form drawing area.

2. The form design method of claim 1, wherein the design components displayed within the design component display area comprise base class components; the target design components include a first type of target design components;

receiving the component operation instruction, and selecting the first type of target design component from the basic type of components based on the component operation instruction;

and displaying a text box, a drop-down menu or an option button corresponding to the first type of target design component in the form drawing area based on the component operation instruction when the first type of target design component is acquired.

3. The form design method of claim 2, wherein the design components displayed within the design component display area further comprise a layout class component; the target design components include a second type of target design component;

receiving the component operation instruction, and selecting the second type of target design component from the layout type components based on the component operation instruction;

when the second-class target design component is acquired, displaying typesetting contents corresponding to the second-class target design component in the form drawing area based on the component operation instruction; the typesetting content is used for adjusting the position layout relation or the data association relation between the corresponding contents of the target design components which are displayed in the form drawing area.

4. The form design method of claim 3, wherein the design components displayed in the design component display area further comprise custom class components; the target design component includes a third category of target design components;

receiving the component operation instruction, and selecting the third category of target design components from the custom category of components based on the component operation instruction;

and when the third category target design component is acquired, displaying preset standard contents corresponding to the third category target design component in the form drawing area based on the component operation instruction.

5. The form design method according to claim 4, wherein in the form drawing area, a text box, a drop-down menu, or an option button corresponding to the first type of target design component is displayed separately, and/or a text box, a drop-down menu, or an option button corresponding to the first type of target design component is displayed in the typeset content corresponding to the second type of target design component

The typesetting contents corresponding to the second type target design components can be displayed independently, and/or part of the typesetting contents corresponding to the second type target design components are displayed in the typesetting contents corresponding to the other part of the second type target design components

The preset standard content corresponding to the third type of target design component can be displayed independently, and/or the preset standard content corresponding to the third type of target design component can be displayed in the typesetting content corresponding to the second type of target design component.

6. The form designing method according to any one of claims 2 to 5, wherein the form drawing area displays a basic component pull-down menu, the layout component pull-down menu, and the custom component pull-down menu;

under normal conditions, the basic class component is hidden in the basic component drop-down menu, and when a clicking operation instruction for starting the basic component drop-down menu is received, the basic class component is displayed in the form drawing area;

under normal conditions, the layout component is hidden in the layout component drop-down menu, and when a click operation instruction for starting the layout component drop-down menu is received, the layout component is displayed in the form drawing area;

under normal conditions, the custom class component is hidden in the custom component drop-down menu, and when a click operation instruction for starting the custom component drop-down menu is received, the custom class component is displayed in the form drawing area.

7. The form design method according to any one of claims 1 to 5, wherein the design component presentation area is located on the left side of the form drawing area and the parameter modification area is located on the right side of the form drawing area from a front view of the form design interface.

8. The form designing method according to any one of claims 1 to 5, wherein if two or more contents corresponding to the target design components are displayed in the form drawing area, when switching from selecting a content corresponding to one of the target design components to selecting a content corresponding to another one of the target design components, switching from the parameter modification item corresponding to one of the target design components to the parameter modification item corresponding to another one of the target design components in the parameter modification area;

the parameter modification items displayed in the parameter modification area include parameters for modifying the relative positions between the target design components that have been displayed in the form drawing area, parameters for modifying the content corresponding to the target design components that have been displayed in the form drawing area, and parameters for modifying the size of the target design components that have been displayed in the form drawing area; or alternatively

The parameter modification items displayed in the parameter modification area include parameters for modifying the relative positions between the target design components that have been displayed in the form drawing area, parameters for modifying the content corresponding to the target design components that have been displayed in the form drawing area, parameters for modifying the dimensions of the target design components that have been displayed in the form drawing area, and parameters for modifying the properties of the target design components that have been displayed in the form drawing area.

9. The form design method according to any one of claims 1 to 5, characterized in that the method comprises the steps of:

receiving a second starting instruction and starting an incidence relation configuration interface; the association relation configuration interface comprises an association configuration area; the service field corresponding to the preselected standard form is displayed in the associated configuration area; a drop-down menu is also displayed in the associated configuration area at a position corresponding to the service field; the drop-down menu comprises user fields corresponding to target design components which are displayed in the form drawing area and used for representing the user fields;

and acquiring a matching instruction, starting the drop-down menu based on the matching instruction, selecting a target user field from the user fields in the drop-down menu, and establishing an association relationship of the service fields corresponding to the target user field.

10. A form design apparatus, comprising the steps of:

the instruction receiving module is used for receiving a first starting instruction and starting a form design interface; the form design interface comprises a design component display area, a form drawing area and a parameter modification area;

the operation module is used for receiving a component operation instruction, and selecting a target design component from the design components displayed in the design component display area based on the component operation instruction;

the display module is used for displaying the content corresponding to the target design component in the form drawing area based on the component operation instruction when the target design component is acquired;

and the display module is also used for correspondingly displaying the parameter modification items corresponding to the target design components in the parameter modification area when the contents corresponding to the target design components are displayed in the form drawing area.