CN114254602A - Design system and storage medium for custom forms - Google Patents
Design system and storage medium for custom forms Download PDFInfo
- Publication number
- CN114254602A CN114254602A CN202111527263.4A CN202111527263A CN114254602A CN 114254602 A CN114254602 A CN 114254602A CN 202111527263 A CN202111527263 A CN 202111527263A CN 114254602 A CN114254602 A CN 114254602A
- Authority
- CN
- China
- Prior art keywords
- control element
- design
- target control
- target
- user
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
- G06F40/177—Editing, e.g. inserting or deleting of tables; using ruled lines
- G06F40/18—Editing, e.g. inserting or deleting of tables; using ruled lines of spreadsheets
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/12—Use of codes for handling textual entities
- G06F40/14—Tree-structured documents
- G06F40/143—Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD]
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/12—Use of codes for handling textual entities
- G06F40/151—Transformation
- G06F40/154—Tree transformation for tree-structured or markup documents, e.g. XSLT, XSL-FO or stylesheets
Abstract
The application discloses a design system and a storage medium for a user-defined form, and relates to the technical field of application development. The system comprises: the form list unit is used for displaying and editing basic information of a user-defined form, and the user-defined form comprises a newly-built form and a built form; the form design unit is provided with a display area and an editing area, the display area is used for displaying control elements used for self-defining form design, the editing area is used for receiving a design instruction of a target self-defining form and displaying the current design effect of the target self-defining form, the target self-defining form is a self-defining form selected from the form list unit, and the current design effect is an effect of rendering based on attribute information corresponding to each target control element contained in the target self-defining form; and the field configuration unit is used for configuring the source of the attribute information corresponding to the target control element in the target user-defined form, and can create the user-defined form and design and modify the created form.
Description
Technical Field
The application relates to the technical field of application development, in particular to a design system and a storage medium for a user-defined form.
Background
With the popularization of paperless office ideas, more and more companies recognize the importance of online business management, transaction processing, operation, and the like. Therefore, making a customized form meeting the requirement becomes an increasingly urgent problem to be solved.
Disclosure of Invention
The application provides a design system and a storage medium for a user-defined form, which can create the user-defined form and carry out design modification on the created form.
According to an aspect of the present application, there is provided a design system for a custom form, comprising:
the form list unit is used for displaying and editing basic information of a user-defined form, and the user-defined form comprises a newly-built form and a built form;
the form design unit is provided with a display area and an editing area, the display area is used for displaying control elements used for the design of the user-defined form, the editing area is used for receiving a design instruction of a target user-defined form and displaying the current design effect of the target user-defined form, the target user-defined form is the user-defined form selected from the form list unit, and the current design effect is the rendering effect based on attribute information corresponding to each target control element contained in the target user-defined form;
and the field configuration unit is used for configuring the source of the attribute information corresponding to the target control element in the target user-defined form.
Optionally, when the target user-defined form is the newly-created form, the form design unit further includes:
a first receiving module, configured to receive a first design instruction applied to the target control element;
a first obtaining module, configured to obtain, in response to the first design instruction, first attribute information corresponding to the target control element;
and the first rendering module is used for rendering the target control element based on the first attribute information so as to display the design effect of adding the target control element to the newly-built form in the editing area.
Optionally, the first design instruction comprises a selection instruction,
the first receiving module is further configured to receive a selection instruction applied to the target control element;
the first obtaining module is further configured to, in response to the selection instruction, call a first data interface to obtain first sub-attribute information of the target control element;
the first rendering module is further configured to add the first sub-attribute information of the target control element to the attribute information table of the target user-defined form, so as to display the current design effect of the target control element in the editing area.
Optionally, the first data interface is a getHtml interface, and the first sub-attribute information is html code information of the target control element.
Optionally, the first design instruction includes an attribute configuration instruction,
the first receiving module is further configured to receive a property configuration instruction applied to a field property tab corresponding to the target control element;
the first obtaining module is further configured to, in response to the attribute configuration instruction, call a second data interface corresponding to the target control element to obtain second sub-attribute information of the target control element;
the first rendering module is further configured to render the target control element based on the second sub-attribute information, so as to display a current design effect of the target control element in the editing area.
Optionally, the second data interface is a property style interface, and the second sub-property information is a property style of the target control element.
Optionally, when the target customized form is the existing form, the form design unit further includes:
a second obtaining module, configured to obtain, based on a selection instruction applied to the existing form in the form list unit, a property information table corresponding to the existing form, where the property information table includes property information of at least one target control element;
and the second rendering module is used for rendering the existing form based on the attribute information table so as to display the original design effect of the existing form in the editing area.
Optionally, the form design unit further includes:
the second receiving module is used for receiving a property modification instruction applied to a field property tab corresponding to the target control element;
the second obtaining module is further configured to, in response to the attribute modification instruction, call an attribute style interface corresponding to the target control element to obtain the attribute style of the modified target control element;
the second rendering module is further configured to render the target control element based on the property style, so as to display a current design effect of the target control element in the editing region.
Optionally, the form design unit further includes:
and the third acquisition module is used for acquiring the attribute information table corresponding to the target user-defined form, and converting the attribute information table into preset format data for storage.
According to another aspect of the present application, there is provided a non-transitory computer readable storage medium having stored thereon computer instructions for causing the computer to execute the design system for custom forms disclosed in embodiments of the present application.
The design system for the user-defined form manages the user-defined form through the form list unit, utilizes the form design unit to carry out user-defined design on newly-built forms and established forms, and can meet the requirement of form business diversification in enterprise informatization and office automation.
It should be understood that the statements in this section do not necessarily identify key or critical features of the embodiments of the present application, nor do they limit the scope of the present application. Other features of the present application will become apparent from the following description.
Drawings
The drawings are included to provide a better understanding of the present solution and are not intended to limit the present application. Wherein:
FIG. 1 is a block diagram of a design system for a custom form according to an embodiment of the present disclosure;
FIG. 2 is a schematic page diagram of a form design unit according to an embodiment of the present application;
FIG. 3 is a block diagram of another design system for custom forms according to an embodiment of the present application;
FIG. 4 is a block diagram of a design system for a custom form according to an embodiment of the present application;
FIG. 5 is a block diagram of an electronic device for implementing a design system for custom forms of embodiments of the present application.
Detailed Description
The following description of the exemplary embodiments of the present application, taken in conjunction with the accompanying drawings, includes various details of the embodiments of the application for the understanding of the same, which are to be considered exemplary only. Accordingly, those of ordinary skill in the art will recognize that various changes and modifications of the embodiments described herein can be made without departing from the scope and spirit of the present application. Also, descriptions of well-known functions and constructions are omitted in the following description for clarity and conciseness.
A design system and a storage medium for a custom form of the embodiments of the present application are described below with reference to the drawings.
Fig. 1 is a block diagram of a design system for a custom form according to an embodiment of the present disclosure.
As shown in FIG. 1, the design system 10 for custom forms includes:
and the form list unit 11 is used for displaying and editing basic information of a user-defined form, wherein the user-defined form comprises a newly-built form and a built form.
The basic information of the user-defined form comprises information such as form codes, names, version numbers, data tables, creators and creation dates.
It should be noted that the form list unit 11 includes function buttons such as add, modify, delete, and query, and a user can trigger operations such as single click, double click, etc. to newly create a custom form, delete a created form, modify basic information of a created form, or query basic information of a created form in the form list unit 11.
The form design unit 12 is provided with a display area 1 and an editing area 2, the display area 1 is used for displaying control elements for the design of the customized form, the editing area 2 is used for receiving a design instruction of the target customized form and displaying the current design effect of the target customized form, the target customized form is a customized form selected from the form list unit, and the current design effect is an effect of rendering based on attribute information corresponding to each target element contained in the target customized form.
Specifically, as shown in fig. 2, the control elements displayed in the display area 1 include four major categories, namely a basic control element, a layout control element, an advanced control element, and a business component element. Wherein the basic control elements include control elements such as textboxes, integers, values, multi-line text, drop-down boxes, dates, check boxes, radio boxes, multi-selection boxes, and linefeeds; layout control elements include control elements such as two column layouts, three column layouts, grid layouts, horizontal lines, and the like; advanced control elements include control elements such as references, edit forms, and the like; the business component elements comprise control elements such as staff member parameters and department references.
When the design system 10 is used to design a user-defined form, the control elements in the display area can be directly dragged to the editing area, and the positions of the control elements in the editing area can be adjusted through dragging operation.
It should be appreciated that because the control elements used in the design of the custom form provide controls for the presentation area, the custom form designed by design system 10 has a uniform page style.
Further, the editing area 2 includes a display area 21 and a property configuration tab area 22. The attribute configuration tab area 22 includes a field attribute tab and a form attribute tab, the form attribute tab is used to set the style of the whole user-defined form, and the configuration items include attribute information such as the form width, the control top margin, the width of the control label, the alignment mode of the label, and the like. The field attribute tab is used for displaying attribute information corresponding to the selected control in the display area 21. The attribute information corresponding to different control types is different, and the control elements generally include attribute information such as a field ID, a name, a maximum length, a default value, placeholder content, a width, a check rule, whether to fill in, and the like.
In one or more embodiments, when the selected control element is a selection control of a data set type, the field attribute tab further contains setting information of a data source, where the data source mainly includes three categories: (1) the data is customized, and a user can directly add data corresponding to the data set on a page; (2) the user-defined file is used for selecting the corresponding file according to the user-defined file reference; and a url path, wherein the user selects the url path corresponding to the data source by referring to the url path.
And the field configuration unit 13 is configured to configure a source of the attribute information corresponding to the target control element in the custom form.
Specifically, the field configuration unit 11 displays the source configuration of all field values of the user-defined form in the form of an edit form, where a form column includes a value type, a name, a url path, an id field, a name field, and the like. The value type is divided into a url type and an openurl type, when the value type is the url, the value in the url column needs to be configured with a background request path in a restful format, and when the value type is the openurl, the value in the url column needs to be configured with a path for opening a page.
From this, the design system for self-defined form that this application provided manages the self-defined form through form list unit, utilizes form design unit to carry out the custom design to newly-built form and established form, can satisfy the demand that form business is diversified in enterprise informatization and office automation.
In one or more embodiments, as shown in fig. 3, when the target customized form is a new form, the form design unit 12 further includes:
the first receiving module 121 is configured to receive a first design instruction applied to a target control element.
The first obtaining module 122 is configured to, in response to the first design instruction, obtain first attribute information corresponding to the target control element.
The first rendering module 123 is configured to render the target control element based on the first attribute information, so as to display, in the editing area, a design effect of adding the target control element to the new form.
It should be noted that, when the custom form is a new form, the content contained in the custom form is empty, and the design at this time is to add and set a target element control for the custom form.
The user can click a 'new adding' function button in the form list unit 11, at this time, the form list unit pops up a form maintenance page, a form code can be automatically generated in the page, the user inputs a custom form name (a new form can be selected by default), it is indicated that a custom form can be added according to the triggering of the 'new adding' function button, the user edits the basic information of the new form in the form list unit 11 and then stores the basic information of the new form, at this time, the form design unit 12 can be popped up automatically or the user can trigger the 'form design' function button on the new form to enter the form design unit 12.
In one or more embodiments, the first design instruction includes a selection instruction, where the selection instruction can be selected by clicking, double-clicking, right-clicking, dragging, and the like on a control element in the presentation area.
The first receiving module 121 is further configured to receive a selection instruction applied to the target control element.
The first obtaining module 122 is further configured to, in response to the selection instruction, invoke the first data interface to obtain the first sub-attribute information of the target control element.
The first data interface can be a getHtml interface, and the first sub-attribute information is html code information of the target control element.
The first rendering module 123 is further configured to add the first sub-attribute information of the target control element to the attribute information table of the target custom form, so as to show the current design effect of the target control element in the editing area.
For example, when any target control element is dragged from the display area to the editing area, a getHtml interface corresponding to the target control element is called, the interface is used for generating an html code corresponding to the target control element according to all attribute information of the target control element, content returned by the getHtml interface is added to an html file of a newly-built form, and meanwhile, the attribute information of the target control element is recorded in a global record of a design system. Then, a parse interface is called, which is used for converting the target control element into a native html element, and at this time, the style of the dragged target control element can be displayed in the editing area.
In one or more embodiments, the first design instructions include attribute configuration instructions, wherein the attribute configuration instructions are key information applied within attribute configuration tab area 22.
The first receiving module 121 is further configured to receive a property configuration instruction applied to a field property tab corresponding to the target control element.
The first obtaining module 122 is further configured to, in response to the attribute configuration instruction, invoke a second data interface corresponding to the target control element to obtain second sub-attribute information of the target control element.
And the second data interface is a property style interface, and the second sub-property information is the property style of the target control element.
The first rendering module 123 is further configured to render the target control element based on the second sub-attribute information, so as to show the current design effect of the target control element in the editing area.
For example, after the user drags the target control element to the editing region, the state of the target control element is set as the selected control element, and at this time, the attribute style information to be edited of the target control element is displayed in the field attribute tab corresponding to the target control element in the attribute configuration tab region 22.
It should be noted that, as the user edits the property style information of the target control element in the field property page, the display style of the target control element in the editing area changes along with the editing of the property style information. The modification of the property style information of the target control element is also updated into the global property configuration information of the design system 10, so that the user can copy, cancel, etc. the editing operation.
Therefore, the design system for the user-defined form can perform user-defined design on the newly-built form, simultaneously display the design effect of the user on the target control element in real time in the editing area, realize the timely feedback of the user-defined form design, facilitate the timely design and modification of the designer, and improve the design efficiency of the user-defined form.
In one or more embodiments, as shown in fig. 3, when the target customized form is an existing form, the form design unit 12 further includes:
the second obtaining module 124 obtains the attribute information table corresponding to the existing form based on the selection instruction applied to the existing form in the form list.
The attribute information table corresponding to the existing form stores attribute information of all control elements contained in the existing form, and each attribute of a control element is stored in the attribute information table in a field form. Wherein, the attribute information table can be an html file.
And a second rendering module 125, configured to perform a xudo on the existing form based on the attribute information table, so as to display the original design effect of the existing form in the editing area.
That is, when the designed form is an existing form, the design content stored in the existing form is displayed in the editing area according to the attribute information table of the existing form, so that the user can design the form secondarily based on the existing design of the existing form.
Specifically, the second rendering module 125 renders each target control element according to the field attribute described in the attribute information table, for example, when the field attribute is a character string, a text box control element is generated, when the field attribute is an integer, an integer control element is generated, when the field attribute is data, a numerical control element is generated, and when the field attribute is a date, a date control is generated.
Further, the form design unit 12 further includes:
the second receiving module 126 is configured to receive a property modification instruction applied to a field property tab corresponding to the target control element.
The second obtaining module 124 is further configured to, in response to the attribute modification instruction, invoke the attribute style interface corresponding to the target control element to obtain the modified attribute style of the target control element.
And the second rendering module 125 is further configured to render the target control element based on the property style, so as to show the current design effect of the target control element in the editing area.
That is, after the existing design of the existing form is displayed, the user can further modify the attributes of the control elements in the existing form, so as to achieve the purpose of performing secondary design on the existing form.
The attribute modification instruction includes, but is not limited to, modifying the type of the field attribute of the target control element, modifying the field attribute value of the target control element, and the like.
For example, the user may change the default width, top margin, spacing, tab width, alignment, etc. of the target control element through the property modification instructions. It should be appreciated that, similar to the new form, when the property information of the target control element in the existing form is modified, the design effect of the modified target control element can be displayed in the display area 21.
Optionally, the attribute modification instruction may also be applied to a form attribute tab, that is, the attribute modification may also be directly performed on the generic attribute in the existing form, so as to perform overall modification on all target control elements in the existing form.
Therefore, the design system for the user-defined form, provided by the embodiment of the application, can carry out secondary design on the existing form, so that the design system can meet the design requirements of various user-defined forms, and the user experience is improved.
In one or more embodiments, as shown in FIG. 4, the form design unit 12 further includes:
the third obtaining module 127 is configured to obtain an attribute information table corresponding to the target user-defined form, and convert the attribute information table into preset format data for storage.
The attribute information table further includes form attribute information set, for example, by a form attribute tab.
Specifically, after the design of the target customized form is completed, the third obtaining module 127 obtains attribute information corresponding to each control according to all target control elements included in the target customized form, combines general attribute information set in a form attribute tab of the target customized form and attribute information set in a field attribute tab of each target control element to generate an attribute information table, and converts the attribute information table into a json data file for storing in a database, where the json data file records html codes of the attribute information table corresponding to the target customized form.
Optionally, in order to increase the conversion speed of data or the rendering speed of the user-defined form in the later stage, the attribute information of a plurality of control elements may be recorded in a control array manner. For example, all the controls contained in the target custom form are obtained, whether each control is a layout control element is judged, if yes, a basic control element in the layout control elements is further found out and is added to the control array as a child node of the superior control.
Further, after the target customized form is saved, the designed target customized form can be further released, for example, the release data is released through a timely communication application program, and at this time, the communication application program usually uses an html page to open the release data, so that when the design system releases the target customized form, html codes for recording the target customized form, which are saved in a json data format, are analyzed and then released. The release information comprises html codes, version numbers and the like of the target user-defined forms. The target custom form can be used in the workflow after the release is finished, and can also be used independently.
To sum up, the design system for self-defined form that this application provided manages the self-defined form through form list unit, utilizes form design unit to carry out the custom design to newly-built form and established form, can satisfy the diversified demand of form business in enterprise's informatization and office automation.
According to an embodiment of the present application, there is also provided a readable storage medium.
FIG. 5 is a block diagram of an electronic device for a design system for custom forms according to an embodiment of the present application. Electronic devices are intended to represent various forms of digital computers, such as laptops, desktops, workstations, personal digital assistants, servers, blade servers, mainframes, and other appropriate computers. The electronic device may also represent various forms of mobile devices, such as personal digital processing, cellular phones, smart phones, wearable devices, and other similar computing devices. The components shown herein, their connections and relationships, and their functions, are meant to be examples only, and are not meant to limit implementations of the present application that are described and/or claimed herein.
As shown in fig. 5, the electronic apparatus includes: one or more processors 501, memory 502, and interfaces for connecting the various components, including high-speed interfaces and low-speed interfaces. The various components are interconnected using different buses and may be mounted on a common motherboard or in other manners as desired. The processor may process instructions for execution within the electronic device, including instructions stored in or on the memory to display graphical information of a GUI on an external input/output apparatus (such as a display device coupled to the interface). In other embodiments, multiple processors and/or multiple buses may be used, along with multiple memories and multiple memories, as desired. Also, multiple electronic devices may be connected, with each device providing portions of the necessary operations (e.g., as a server array, a group of blade servers, or a multi-processor system). In fig. 5, one processor 501 is taken as an example.
The memory 502 may include a storage program area and a storage data area, wherein the storage program area may store an operating system, an application program required for at least one function; the storage data area may store data created from use of a design system for custom forms, and the like. Further, the memory 502 may include high speed random access memory, and may also include non-transitory memory, such as at least one magnetic disk storage device, flash memory device, or other non-transitory solid state storage device. In some embodiments, memory 502 optionally includes memory located remotely from processor 501, which may be connected to a design system for custom forms via a network. Examples of such networks include, but are not limited to, the internet, intranets, local area networks, mobile communication networks, and combinations thereof.
The electronic device for a design system for custom forms may further comprise: an input device 503 and an output device 504. The processor 501, the memory 502, the input device 503 and the output device 504 may be connected by a bus or other means, and fig. 5 illustrates the connection by a bus as an example.
The input device 503 may receive input numeric or character information and generate key signal inputs related to user settings and function controls of the electronic device for the design system for the custom form, such as a touch screen, keypad, mouse, track pad, touch pad, pointer stick, one or more mouse buttons, track ball, joystick, or other input device. The output devices 504 may include a display device, auxiliary lighting devices (e.g., LEDs), and haptic feedback devices (e.g., vibrating motors), among others. The display device may include, but is not limited to, a Liquid Crystal Display (LCD), a Light Emitting Diode (LED) display, and a plasma display. In some implementations, the display device can be a touch screen.
Various implementations of the systems and techniques described here can be realized in digital electronic circuitry, integrated circuitry, application specific ASICs (application specific integrated circuits), computer hardware, firmware, software, and/or combinations thereof. These various embodiments may include: implemented in one or more computer programs that are executable and/or interpretable on a programmable system including at least one programmable processor, which may be special or general purpose, receiving data and instructions from, and transmitting data and instructions to, a storage system, at least one input device, and at least one output device.
These computer programs (also known as programs, software applications, or code) include machine instructions for a programmable processor, and may be implemented using high-level procedural and/or object-oriented programming languages, and/or assembly/machine languages. As used herein, the terms "machine-readable medium" and "computer-readable medium" refer to any computer program product, apparatus, and/or device (e.g., magnetic discs, optical disks, memory, Programmable Logic Devices (PLDs)) used to provide machine instructions and/or data to a programmable processor, including a machine-readable medium that receives machine instructions as a machine-readable signal. The term "machine-readable signal" refers to any signal used to provide machine instructions and/or data to a programmable processor.
To provide for interaction with a user, the systems and techniques described here can be implemented on a computer having: a display device (e.g., a CRT (cathode ray tube) or LCD (liquid crystal display) monitor) for displaying information to a user; and a keyboard and a pointing device (e.g., a mouse or a trackball) by which a user can provide input to the computer. Other kinds of devices may also be used to provide for interaction with a user; for example, feedback provided to the user can be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and input from the user may be received in any form, including acoustic, speech, or tactile input.
The systems and techniques described here can be implemented in a computing system that includes a back-end component (e.g., as a data server), or that includes a middleware component (e.g., an application server), or that includes a front-end component (e.g., a user computer having a graphical user interface or a web browser through which a user can interact with an implementation of the systems and techniques described here), or any combination of such back-end, middleware, or front-end components. The components of the system can be interconnected by any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include: local Area Networks (LANs), Wide Area Networks (WANs), and the Internet.
The computer system may include clients and servers. A client and server are generally remote from each other and typically interact through a communication network. The relationship of client and server arises by virtue of computer programs running on the respective computers and having a client-server relationship to each other.
To sum up, the design system for self-defined form that this application provided manages the self-defined form through form list unit, utilizes form design unit to carry out the custom design to newly-built form and established form, can satisfy the diversified demand of form business in enterprise's informatization and office automation. It should be understood that various forms of the flows shown above may be used, with steps reordered, added, or deleted. For example, the steps described in the present application may be executed in parallel, sequentially, or in different orders, and the present invention is not limited thereto as long as the desired results of the technical solutions disclosed in the present application can be achieved.
The above-described embodiments should not be construed as limiting the scope of the present application. It should be understood by those skilled in the art that various modifications, combinations, sub-combinations and substitutions may be made in accordance with design requirements and other factors. Any modification, equivalent replacement, and improvement made within the spirit and principle of the present application shall be included in the protection scope of the present application.
Claims (10)
1. A design system for custom forms, comprising:
the form list unit is used for displaying and editing basic information of a user-defined form, and the user-defined form comprises a newly-built form and a built form;
the form design unit is provided with a display area and an editing area, the display area is used for displaying control elements used for the design of the user-defined form, the editing area is used for receiving a design instruction of a target user-defined form and displaying the current design effect of the target user-defined form, the target user-defined form is the user-defined form selected from the form list unit, and the current design effect is the rendering effect based on attribute information corresponding to each target control element contained in the target user-defined form;
and the field configuration unit is used for configuring the source of the attribute information corresponding to the target control element in the target user-defined form.
2. The design system of claim 1, wherein when the target custom form is the newly created form, the form design unit further comprises:
a first receiving module, configured to receive a first design instruction applied to the target control element;
a first obtaining module, configured to obtain, in response to the first design instruction, first attribute information corresponding to the target control element;
and the first rendering module is used for rendering the target control element based on the first attribute information so as to display the design effect of adding the target control element to the newly-built form in the editing area.
3. The design system of claim 2, wherein the first design instruction comprises a selection instruction,
the first receiving module is further configured to receive a selection instruction applied to the target control element;
the first obtaining module is further configured to, in response to the selection instruction, call a first data interface to obtain first sub-attribute information of the target control element;
the first rendering module is further configured to add the first sub-attribute information of the target control element to the attribute information table of the target user-defined form, so as to display the current design effect of the target control element in the editing area.
4. The design system of claim 3, wherein the first data interface is a getHtml interface, and the first sub-property information is html code information of the target control element.
5. The design system of claim 2, wherein the first design instruction comprises an attribute configuration instruction,
the first receiving module is further configured to receive a property configuration instruction applied to a field property tab corresponding to the target control element;
the first obtaining module is further configured to, in response to the attribute configuration instruction, call a second data interface corresponding to the target control element to obtain second sub-attribute information of the target control element;
the first rendering module is further configured to render the target control element based on the second sub-attribute information, so as to display a current design effect of the target control element in the editing area.
6. The design system of claim 5, wherein the second data interface is a property style interface and the second sub-property information is a property style of the target control element.
7. The design system of claim 1, wherein when the target custom form is the existing form, the form design unit further comprises:
a second obtaining module, configured to obtain, based on a selection instruction applied to the existing form in the form list unit, a property information table corresponding to the existing form, where the property information table includes property information of at least one target control element;
and the second rendering module is used for rendering the existing form based on the attribute information table so as to display the original design effect of the existing form in the editing area.
8. The design system of claim 7, wherein the form design unit further comprises:
the second receiving module is used for receiving a property modification instruction applied to a field property tab corresponding to the target control element;
the second obtaining module is further configured to, in response to the attribute modification instruction, call an attribute style interface corresponding to the target control element to obtain the attribute style of the modified target control element;
the second rendering module is further configured to render the target control element based on the property style, so as to display a current design effect of the target control element in the editing region.
9. The design system of any one of claims 2-8, wherein the form design unit further comprises:
and the third acquisition module is used for acquiring the attribute information table corresponding to the target user-defined form, and converting the attribute information table into preset format data for storage.
10. A non-transitory computer readable storage medium having stored thereon computer instructions for causing a computer to execute the design system for custom forms of any of claims 1-9.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111527263.4A CN114254602A (en) | 2021-12-14 | 2021-12-14 | Design system and storage medium for custom forms |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111527263.4A CN114254602A (en) | 2021-12-14 | 2021-12-14 | Design system and storage medium for custom forms |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN114254602A true CN114254602A (en) | 2022-03-29 |
Family
ID=80792213
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202111527263.4A Pending CN114254602A (en) | 2021-12-14 | 2021-12-14 | Design system and storage medium for custom forms |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114254602A (en) |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115186643A (en) * | 2022-07-21 | 2022-10-14 | 平安科技（深圳）有限公司 | Self-defined configuration method, device, equipment and storage medium of sign-up template |
| CN115291876A (en) * | 2022-09-29 | 2022-11-04 | 安徽商信政通信息技术股份有限公司 | Form design tool construction method, system, electronic equipment and storage medium |
| CN116204267A (en) * | 2023-05-05 | 2023-06-02 | 北京路浩知识产权集团有限公司 | Method and device for generating intellectual property flow form |
| CN117094300A (en) * | 2023-10-17 | 2023-11-21 | 博智安全科技股份有限公司 | Report data generation method and device, electronic equipment and storage medium |
-
2021
- 2021-12-14 CN CN202111527263.4A patent/CN114254602A/en active Pending
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115186643A (en) * | 2022-07-21 | 2022-10-14 | 平安科技（深圳）有限公司 | Self-defined configuration method, device, equipment and storage medium of sign-up template |
| CN115291876A (en) * | 2022-09-29 | 2022-11-04 | 安徽商信政通信息技术股份有限公司 | Form design tool construction method, system, electronic equipment and storage medium |
| CN116204267A (en) * | 2023-05-05 | 2023-06-02 | 北京路浩知识产权集团有限公司 | Method and device for generating intellectual property flow form |
| CN116204267B (en) * | 2023-05-05 | 2023-12-22 | 北京路浩知识产权集团有限公司 | Method and device for generating intellectual property flow form |
| CN117094300A (en) * | 2023-10-17 | 2023-11-21 | 博智安全科技股份有限公司 | Report data generation method and device, electronic equipment and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN114254602A (en) | Design system and storage medium for custom forms | |
| KR101312848B1 (en) | Browse mode designer | |
| US10592082B2 (en) | Parallel front end application and workflow development | |
| US7577909B2 (en) | Flexible management user interface from management models | |
| EP3451154A1 (en) | Embedded analytics for applications and interfaces across multiple platforms | |
| US20130097485A1 (en) | Template-based content creation | |
| US7925977B2 (en) | Architecture solution map builder | |
| CN111767026B (en) | Method, device, equipment and medium for generating business object template | |
| KR102237877B1 (en) | Intelligent software auto development system with real-time collaboration support and method thereof | |
| US11822615B2 (en) | Contextual editing in a page rendering system | |
| US9218324B2 (en) | Method of encapsulating diverse user interface components while consistently enforcing external constraints | |
| US20130152038A1 (en) | Project management workflows | |
| US10169313B2 (en) | In-context editing of text for elements of a graphical user interface | |
| JP6813634B2 (en) | WEB reporting design system for programming event behavior based on graphic interface | |
| CN114461200A (en) | Low-code development application and method based on cloud SaaS platform | |
| US20150278190A1 (en) | Web server system, dictionary system, dictionary call method, screen control display method, and demonstration application generation method | |
| CN114089958A (en) | Form visual configuration method and device | |
| CN109471580B (en) | Visual 3D courseware editor and courseware editing method | |
| CN111610972B (en) | Page generation method, device, equipment and storage medium | |
| CN113535165A (en) | Interface generation method and device, electronic equipment and computer readable storage medium | |
| CN115712413A (en) | Low code development method, device, equipment and storage medium | |
| CN114610280A (en) | Visual form design method and system realized in low-code mode | |
| US10896161B2 (en) | Integrated computing environment for managing and presenting design iterations | |
| CN116301785A (en) | Method and device for realizing custom text editor component | |
| US11061664B2 (en) | Code management system and code management method |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |