CN115639989A - A visual form configuration method and related equipment for corrugated paper packaging industry - Google Patents
A visual form configuration method and related equipment for corrugated paper packaging industryDownload PDFInfo
- Publication number
- CN115639989A CN115639989ACN202211094980.7ACN202211094980ACN115639989ACN 115639989 ACN115639989 ACN 115639989ACN 202211094980 ACN202211094980 ACN 202211094980ACN 115639989 ACN115639989 ACN 115639989A
- Authority
- CN
- China
- Prior art keywords
- configuration
- visual
- corrugated paper
- terminal
- rendering
- 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
- 230000000007visual effectEffects0.000titleclaimsabstractdescription106
- 238000000034methodMethods0.000titleclaimsabstractdescription59
- 238000004806packaging method and processMethods0.000titleclaimsabstractdescription56
- 238000009877renderingMethods0.000claimsabstractdescription71
- 238000003860storageMethods0.000claimsdescription16
- 238000013461designMethods0.000claimsdescription10
- 238000005457optimizationMethods0.000claimsdescription3
- 230000003044adaptive effectEffects0.000claims2
- 230000008569processEffects0.000abstractdescription13
- 230000000694effectsEffects0.000abstractdescription11
- 239000000123paperSubstances0.000description45
- 238000012800visualizationMethods0.000description15
- 230000006870functionEffects0.000description13
- 238000012545processingMethods0.000description5
- 230000007246mechanismEffects0.000description4
- 239000011111cardboardSubstances0.000description2
- 238000010586diagramMethods0.000description2
- 239000004973liquid crystal related substanceSubstances0.000description2
- 230000009466transformationEffects0.000description2
- 238000000844transformationMethods0.000description2
- 230000005540biological transmissionEffects0.000description1
- 238000004883computer applicationMethods0.000description1
- 238000004590computer programMethods0.000description1
- 238000013480data collectionMethods0.000description1
- 230000003993interactionEffects0.000description1
- 238000004519manufacturing processMethods0.000description1
- 230000003287optical effectEffects0.000description1
- 239000011087paperboardSubstances0.000description1
- 239000002994raw materialSubstances0.000description1
Images
Classifications
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02P—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN THE PRODUCTION OR PROCESSING OF GOODS
- Y02P90/00—Enabling technologies with a potential contribution to greenhouse gas [GHG] emissions mitigation
- Y02P90/30—Computing systems specially adapted for manufacturing
Landscapes
- Management, Administration, Business Operations System, And Electronic Commerce (AREA)
Abstract
Translated fromChinese
Description
Translated fromChinese技术领域technical field
本发明涉及计算机应用技术领域，尤其涉及一种瓦楞纸包装行业的可视化表单配置方法、系统、终端及计算机可读存储介质。The invention relates to the field of computer application technology, in particular to a method, system, terminal and computer-readable storage medium for configuring a visual form in the corrugated paper packaging industry.
背景技术Background technique
瓦楞包装属于纸包装的一种，是指用纸和纸板等原材料，进一步加工制成纸制品的生产活动；并利用加工制造出来的瓦楞纸、纸板、纸箱、纸盒等进行相关行业产品包装服务的一系列活动。瓦楞纸是由挂面纸和通过瓦楞辊加工而形成的波形的瓦楞纸粘合而成的板状物。Corrugated packaging is a kind of paper packaging, which refers to the production activities of using paper and cardboard and other raw materials to further process paper products; and using the processed and manufactured corrugated paper, cardboard, cartons, cartons, etc. series of activities. Corrugated paper is a plate made of liner paper and corrugated corrugated paper formed by corrugating roller processing.
如图1所示，现有的瓦楞纸包装行业中可视化表单配置方案包括可视化表单设计和表单渲染两个部分。其中，可视化表单设计：在网页上通过从表单控件列表拖拽所需的表单控件到布局容器中，并设置该表单控件的属性，然后通过重复上述动作，拖拽多个表单控件进行组合，实现一个表单布局和渲染。其中，表单渲染：上述配置信息(表单属性配置信息)会在需要表单的网页，通过表单渲染器还原可视化表单设计中所配置的表单控件、布局和渲染，引入表单渲染器后，直接采用默认element ui框架还原可视化表单设计中所配置的表单控件、布局和渲染，无法实现控件进一步的个性化需求；同时，现有技术中，上述表单属性配置文件中的控制属性在表单属性配置信息中为布尔值，只能简单控制控件自身的状态，无法实现与其它组件的联动效果。As shown in Figure 1, the existing visual form configuration scheme in the corrugated paper packaging industry includes two parts: visual form design and form rendering. Among them, visual form design: on the web page, drag and drop the required form control from the form control list to the layout container, and set the properties of the form control, and then repeat the above actions to combine multiple form controls to achieve A form layout and rendering. Among them, form rendering: the above configuration information (form attribute configuration information) will restore the form controls, layout and rendering configured in the visual form design through the form renderer on the web page that requires the form. After the form renderer is introduced, the default element will be used directly The ui framework restores the form controls, layout and rendering configured in the visual form design, and cannot realize the further individualized requirements of the controls; meanwhile, in the prior art, the control attributes in the above form attribute configuration file are Boolean in the form attribute configuration information value, it can only simply control the state of the control itself, and cannot realize the linkage effect with other components.
现有技术的方案仅实现了表单控件列表中控件的组合呈现，缺少控件之间的联动，缺少解决表单包含表格的组合，无法实现表单属性配置信息在移动端、小程序的渲染。The solutions in the prior art only realize the combined presentation of controls in the form control list, lack the linkage between controls, lack the solution to the combination of forms contained in the form, and cannot realize the rendering of form attribute configuration information on mobile terminals and applets.
因此，现有技术还有待于改进和发展。Therefore, the prior art still needs to be improved and developed.
发明内容Contents of the invention
本发明的主要目的在于提供一种瓦楞纸包装行业的可视化表单配置方法、系统、终端及计算机可读存储介质，旨在解决现有技术中可视化表单配置方案仅实现了表单控件列表中控件的组合呈现，缺少控件之间的联动，缺少解决表单包含表格的组合，无法实现表单属性配置信息在移动端、小程序的渲染的问题。The main purpose of the present invention is to provide a visual form configuration method, system, terminal and computer-readable storage medium for the corrugated paper packaging industry, aiming at solving the problem that the visual form configuration scheme in the prior art only realizes the combined presentation of controls in the form control list , the lack of linkage between controls, the lack of solutions to the combination of forms and tables, and the inability to realize the rendering of form attribute configuration information on mobile terminals and applets.
为实现上述目的，本发明提供一种瓦楞纸包装行业的可视化表单配置方法，所述瓦楞纸包装行业的可视化表单配置方法包括如下步骤：In order to achieve the above object, the present invention provides a visual form configuration method for the corrugated paper packaging industry. The visual form configuration method for the corrugated paper packaging industry includes the following steps:
获取表单可视化配置界面，在表单可视化配置界面的控件列表加载表格组件，基于表格组件进行可视化配置；Get the form visualization configuration interface, load the form component in the control list of the form visualization configuration interface, and perform visual configuration based on the form component;
可视化配置后输出表单属性配置文件，优化表单属性配置文件，得到优化后的表单属性配置文件；Output the form attribute configuration file after visual configuration, optimize the form attribute configuration file, and obtain the optimized form attribute configuration file;
加载表单渲染器，通过表单渲染器判断渲染终端类型，若渲染终端适配多端渲染，则加载所需控件的注册文件，通过优化后的表单属性配置文件初始化表单。Load the form renderer, judge the type of rendering terminal through the form renderer, if the rendering terminal is suitable for multi-terminal rendering, load the registration file of the required control, and initialize the form through the optimized form attribute configuration file.
可选地，所述瓦楞纸包装行业的可视化表单配置方法，其中，所述表格组件用于对表单数据中子表的数据的插入、编辑或者删除。Optionally, in the method for configuring a visual form in the corrugated paper packaging industry, the form component is used for inserting, editing or deleting data of sub-tables in the form data.
可选的，所述瓦楞纸包装行业的可视化表单配置方法，其中，所述表单属性配置文件为一种JSON文件格式描述一个表单所包含控件的属性及布局信息。Optionally, the visual form configuration method for the corrugated paper packaging industry, wherein the form attribute configuration file is a JSON file format describing the attributes and layout information of the controls contained in a form.
可选的，所述瓦楞纸包装行业的可视化表单配置方法，其中，所述表单属性配置文件包括表单配置信息和控件配置信息集合。Optionally, the visual form configuration method for the corrugated paper packaging industry, wherein the form attribute configuration file includes a set of form configuration information and control configuration information.
可选地，所述瓦楞纸包装行业的可视化表单配置方法，其中，所述表单渲染器用于还原可视化表单设计中所配置的表单控件、布局和渲染。Optionally, in the method for configuring a visual form in the corrugated paper packaging industry, the form renderer is used to restore the form controls, layout and rendering configured in the visual form design.
可选地，所述瓦楞纸包装行业的可视化表单配置方法，其中，所述渲染终端为表单展现时所在的设备。Optionally, in the method for configuring a visual form in the corrugated paper packaging industry, the rendering terminal is the device where the form is displayed.
可选地，所述瓦楞纸包装行业的可视化表单配置方法，其中，所述渲染终端包括PC端、移动端和微信小程序。Optionally, the visual form configuration method for the corrugated paper packaging industry, wherein the rendering terminal includes a PC terminal, a mobile terminal and a WeChat applet.
此外，为实现上述目的，本发明还提供一种瓦楞纸包装行业的可视化表单配置系统，其中，所述瓦楞纸包装行业的可视化表单配置系统包括：In addition, in order to achieve the above object, the present invention also provides a visual form configuration system for the corrugated paper packaging industry, wherein the visual form configuration system for the corrugated paper packaging industry includes:
可视化配置模块，用于获取表单可视化配置界面，在表单可视化配置界面的控件列表加载表格组件，基于表格组件进行可视化配置；The visual configuration module is used to obtain the visual configuration interface of the form, load the form component in the control list of the visual configuration interface of the form, and perform visual configuration based on the form component;
配置文件优化模块，用于可视化配置后输出表单属性配置文件，优化表单属性配置文件，得到优化后的表单属性配置文件；The configuration file optimization module is used to output the form attribute configuration file after visual configuration, optimize the form attribute configuration file, and obtain the optimized form attribute configuration file;
表单渲染模块，用于加载表单渲染器，通过表单渲染器判断渲染终端类型，若渲染终端适配多端渲染，则加载所需控件的注册文件，通过优化后的表单属性配置文件初始化表单。The form rendering module is used to load the form renderer, judge the type of rendering terminal through the form renderer, if the rendering terminal is suitable for multi-terminal rendering, load the registration file of the required control, and initialize the form through the optimized form attribute configuration file.
此外，为实现上述目的，本发明还提供一种终端，其中，所述终端包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的瓦楞纸包装行业的可视化表单配置程序，所述瓦楞纸包装行业的可视化表单配置程序被所述处理器执行时实现如上所述的瓦楞纸包装行业的可视化表单配置方法的步骤。In addition, in order to achieve the above object, the present invention also provides a terminal, wherein the terminal includes: a memory, a processor, and a visual form configuration of the corrugated paper packaging industry stored on the memory and operable on the processor A program, when the visual form configuration program of the corrugated paper packaging industry is executed by the processor, the steps of the above-mentioned visual form configuration method of the corrugated paper packaging industry are realized.
此外，为实现上述目的，本发明还提供一种计算机可读存储介质，其中，所述计算机可读存储介质存储有瓦楞纸包装行业的可视化表单配置程序，所述瓦楞纸包装行业的可视化表单配置程序被处理器执行时实现如上所述的瓦楞纸包装行业的可视化表单配置方法的步骤。In addition, in order to achieve the above object, the present invention also provides a computer-readable storage medium, wherein the computer-readable storage medium stores a visual form configuration program for the corrugated paper packaging industry, and the visual form configuration program for the corrugated paper packaging industry is The processor executes the steps of implementing the above-mentioned visual form configuration method for the corrugated paper packaging industry.
本发明获取表单可视化配置界面，在表单可视化配置界面的控件列表加载表格组件，基于表格组件进行可视化配置；可视化配置后输出表单属性配置文件，优化表单属性配置文件，得到优化后的表单属性配置文件；加载表单渲染器，通过表单渲染器判断渲染终端类型，若渲染终端适配多端渲染，则加载所需控件的注册文件，通过优化后的表单属性配置文件初始化表单。本发明在可视化配置界面的控件列表增加了表格控件，丰富了表单配置的组合，扩展了该配置方案的使用场景；优化了可视化配置后输出的表单配置文件，使其能支持表单控件的联动效果；优化了表单渲染器渲染表单的过程，在加载表单渲染器后，通过判断终端类型，加载符合条件的组合库，实现多端渲染的效果，满足了实际应用中控件联动、子表及多端渲染的需求。The present invention obtains the form visualization configuration interface, loads the form component in the control list of the form visualization configuration interface, and performs visual configuration based on the form component; outputs the form attribute configuration file after the visualization configuration, optimizes the form attribute configuration file, and obtains the optimized form attribute configuration file ; Load the form renderer, judge the type of the rendering terminal through the form renderer, if the rendering terminal is suitable for multi-terminal rendering, load the registration file of the required control, and initialize the form through the optimized form attribute configuration file. The present invention adds form controls to the control list of the visual configuration interface, enriches the combination of form configurations, and expands the usage scenarios of the configuration scheme; optimizes the form configuration file output after the visual configuration, so that it can support the linkage effect of form controls ;Optimized the form rendering process of the form renderer. After loading the form renderer, by judging the terminal type, loading the qualified combination library to achieve the effect of multi-terminal rendering, which meets the requirements of control linkage, sub-table and multi-terminal rendering in practical applications. need.
附图说明Description of drawings
图1是现有技术中可视化表单配置方案的流程示意图；FIG. 1 is a schematic flow diagram of a visual form configuration solution in the prior art;
图2是本发明瓦楞纸包装行业的可视化表单配置方法的较佳实施例的流程图；Fig. 2 is the flow chart of the preferred embodiment of the visualization form configuration method of the corrugated paper packaging industry of the present invention;
图3本发明是瓦楞纸包装行业的可视化表单配置方法的较佳实施例中配置可视化表单的流程图；Fig. 3 present invention is the flow chart of configuring visual form in the preferred embodiment of the visual form configuration method of corrugated paper packaging industry;
图4是本发明瓦楞纸包装行业的可视化表单配置系统的较佳实施例执行过程的流程图；Fig. 4 is the flow chart of the execution process of the preferred embodiment of the visual form configuration system of the corrugated paper packaging industry of the present invention;
图5是本发明终端的较佳实施例的运行环境示意图。Fig. 5 is a schematic diagram of the operating environment of a preferred embodiment of the terminal of the present invention.
具体实施方式Detailed ways
为使本发明的目的、技术方案及优点更加清楚、明确，以下参照附图并举实施例对本发明进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。In order to make the object, technical solution and advantages of the present invention more clear and definite, the present invention will be further described in detail below with reference to the accompanying drawings and examples. It should be understood that the specific embodiments described here are only used to explain the present invention, not to limit the present invention.
本发明较佳实施例所述的瓦楞纸包装行业的可视化表单配置方法，如图2和图3所示，所述瓦楞纸包装行业的可视化表单配置方法包括如下步骤：The visual form configuration method of the corrugated paper packaging industry described in the preferred embodiment of the present invention, as shown in Figure 2 and Figure 3, the visual form configuration method of the corrugated paper packaging industry includes the following steps:
步骤S10、获取表单可视化配置界面，在表单可视化配置界面的控件列表加载表格组件，基于表格组件进行可视化配置。Step S10 , acquiring a form visualization configuration interface, loading a form component in the control list of the form visualization configuration interface, and performing visualization configuration based on the form component.
所述表单是一种普通的用户界面元素，为数据输入和输出提供了一种简单而直观的表现方式，表单根据需求的不同在布局和交互逻辑上也有很大差异，其中，表单可通过开发者手动开发，也可以由引擎基于表单配置文件自动生成。The form is a common user interface element, which provides a simple and intuitive way of expressing data input and output. The form also has great differences in layout and interaction logic according to different requirements. Among them, the form can be developed through It can be developed manually or automatically generated by the engine based on the form configuration file.
具体地，表单在网页中主要负责数据采集功能。表单可视化配置界面是通过在可视化的界面中对表单进行配置、编译的过程。Specifically, the form is mainly responsible for the data collection function in the webpage. The form visual configuration interface is the process of configuring and compiling the form in the visual interface.
在表单可视化配置界面的控件列表中加载表格组件，基于表格组件进行可视化配置，表单控件是提供一组允许用户操作的控件，从而接收用户输入的数据，利用表单控件可以完成文本输入，按钮，单选按钮，复选框，文本选择框等的设计，表格组件是表单控件中的一种，是对原有控件种类的一种扩充，该组件主要用于解决自定义表格的设计以及动态渲染，可支持较为灵活的自定义样式配置。该组件是报表表格组件的升级版，移除部分定制功能，将个性功能抽离支持扩展，保留公共的基础功能，以便于后续的扩展。在可视化设计表单时，通过选定表格控件，拖拽到布局容器中，然后配置该控件属性。该控件的属性主要是表格列属性的配置。在可视化配置界面的控件列表增加表格控件，丰富了表单配置的组合，扩展了该配置方案的使用场景。Load the table component in the control list of the form visual configuration interface, and perform visual configuration based on the table component. The form control provides a set of controls that allow users to operate, so as to receive the data entered by the user. The form control can be used to complete text input, buttons, single The design of buttons, check boxes, text selection boxes, etc., the table component is a kind of form control, which is an expansion of the original control type. This component is mainly used to solve the design and dynamic rendering of custom tables. It can support more flexible custom style configuration. This component is an upgraded version of the report form component, which removes some custom functions, separates individual functions from supporting extensions, and retains common basic functions for subsequent expansion. When visually designing a form, drag and drop the table control into the layout container by selecting it, and then configure the properties of the control. The properties of this control are mainly the configuration of table column properties. Adding table controls to the control list of the visual configuration interface enriches the combination of form configurations and expands the usage scenarios of this configuration scheme.
在配置界面的控件列表中加载表格组件，其目的是：用于对表单数据中子表数据的插入、编辑或者删除。The table component is loaded in the control list of the configuration interface, and its purpose is to insert, edit or delete the sub-table data in the form data.
如图3所示，通过增加表格组件，发明表格组件可视化配置、表格编辑等功能，实现表单配置的子表功能。As shown in Figure 3, by adding table components, inventing functions such as table component visual configuration and table editing, the sub-table function of form configuration is realized.
步骤S20、可视化配置后输出表单属性配置文件，优化表单属性配置文件，得到优化后的表单属性配置文件。Step S20 , outputting the form attribute configuration file after the visual configuration, optimizing the form attribute configuration file, and obtaining the optimized form attribute configuration file.
具体地，所述表单属性配置文件即表单属性配置信息，是一种JSON文件格式描述一个表单所包含控件的属性及布局信息。一份表单属性配置信息，包含表单配置信息、控件配置信息集合，其中JSON是一种轻量级的数据交换格式，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得JSON成为理想的数据交换语言，易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。Specifically, the form attribute configuration file is the form attribute configuration information, which is a JSON file format describing the attributes and layout information of the controls contained in a form. A form attribute configuration information, including form configuration information and control configuration information collection, among which JSON is a lightweight data exchange format, which uses a text format completely independent of programming language to store and represent data. The concise and clear hierarchical structure makes JSON an ideal data exchange language, which is easy for humans to read and write, but also easy for machines to parse and generate, and effectively improves the efficiency of network transmission.
优化表单属性配置文件，本发明通过将表单属性配置文件中部分控制属性改为函数，通过执行函数结果实现表单控件的联动。To optimize the form attribute configuration file, the present invention changes part of the control attributes in the form attribute configuration file into functions, and realizes the linkage of form controls by executing the function results.
进一步地，控制属性是指可用描述控件状态属性的字段，状态包含是否展示hidden(隐藏)、是否禁用disable(禁用)；表单控件指一个表单中包含的输入框，单选框、下拉选择等。优化了可视化配置后输出的表单配置文件，即将hideen、disable等参数改为参数类型，使其能支持表单控件的联动效果。Further, the control attribute refers to the field that can describe the state attribute of the control. The state includes whether to display hidden (hidden) or disabled (disabled); form control refers to an input box, radio box, drop-down selection, etc. contained in a form. The form configuration file output after the visual configuration is optimized, that is, parameters such as hideen and disable are changed to parameter types so that they can support the linkage effect of form controls.
所述表单属性配置文件中部分控制属性改为函数后，表单渲染时通过获取函数返回结果(布尔值)控制状态，其中布尔值是“真”True或“假”False中的一个，实现与其它组件的联动效果，具体地，在原方案基础上增加condition参数描述需要关联的控件；扩展hidden、disable等参数使其支持函数运算，实现联动控件的展示、禁用控制。After part of the control attributes in the form attribute configuration file are changed to functions, when the form is rendered, the result (Boolean value) returned by the function is used to control the state, wherein the Boolean value is one of "true" True or "false" False, and the implementation is different from other The linkage effect of components, specifically, add condition parameters to describe the controls that need to be associated on the basis of the original solution; expand parameters such as hidden and disable to support function operations, and realize the display and disable control of linkage controls.
其中，condition参数为描述关联控件判断条件的参数，参数包含type(描述判断的条件类型：大于、等于、小于等)，value(描述比较的值)，traget(描述被比较的值，或被关联的字段)，model(描述target的类型)。Among them, the condition parameter is a parameter describing the judgment condition of the associated control. The parameter includes type (describes the condition type of judgment: greater than, equal to, less than, etc.), value (describes the value of comparison), traget (describes the value to be compared, or is associated field), model (describing the type of target).
该函数的入参包含表单所填写的信息(data)，该表单控件的配置信息(config)，例如需要实现A控件填写后，B控件才展示，通过获取data中A控件的属性值，与config中描述判断条件(condition)结合后，执行结果用于控制控件状态。The input parameters of this function include the information (data) filled in the form and the configuration information (config) of the form control. For example, it is necessary to realize that the B control is displayed after the A control is filled in. By obtaining the attribute value of the A control in the data, it can be compared with the config After combining the judgment conditions (condition) described in , the execution result is used to control the state of the control.
步骤S30、加载表单渲染器，通过表单渲染器判断渲染终端类型，若渲染终端适配多端渲染，则加载所需控件的注册文件，通过优化后的表单属性配置文件初始化表单。Step S30, load the form renderer, determine the type of the rendering terminal through the form renderer, if the rendering terminal is suitable for multi-terminal rendering, load the registration file of the required control, and initialize the form through the optimized form attribute configuration file.
如图3所示，在原方案渲染表单时增加两个控制环节，先判断渲染终端的类型，使其能适配多端渲染；然后加载所需控件的注册文件，最后通过表单属性配置信息初始化表单。As shown in Figure 3, two control links are added when rendering the form in the original solution. First, determine the type of rendering terminal to adapt to multi-terminal rendering; then load the registration file of the required control, and finally initialize the form through the form attribute configuration information.
所述表单渲染器是根据一份字段描述协议将表单渲染到用户界面上，基于element-ui封装的表单衬着器，完全继续了element的属性定义，并举行了简朴扩大，从而用户可以经由过程运用一段预设的数据衬着出一个完全的element表单，可还原可视化表单设计中所配置的表单控件、布局和渲染，进一步的element-ui是一套采用Vue2.0作为基础框架实现的组件库，提供了基本组件功能，目前基element-ui实现的表格组件和表单组件都是独立的。The form renderer renders the form to the user interface according to a field description protocol. Based on the form renderer encapsulated by element-ui, it completely inherits the attribute definition of element and simply expands it, so that users can pass Use a piece of preset data to render a complete element form, which can restore the form controls, layout and rendering configured in the visual form design. Further element-ui is a set of component libraries implemented using Vue2.0 as the basic framework , which provides basic component functions. Currently, the table components and form components implemented based on element-ui are independent.
具体地，所述渲染终端也叫客户端，是指表单展现时所在的设备，分为PC端，移动端、微信小程序等。Specifically, the rendering terminal is also called a client, which refers to the device where the form is displayed, and is divided into a PC terminal, a mobile terminal, a WeChat applet, and the like.
本发明通过增加基础组件的外部注册机制，实现对小程序、移动端等多端的支持。The present invention realizes support for applets, mobile terminals and other terminals by adding an external registration mechanism of basic components.
具体地，外部注册机制是指，在表单渲染阶段，引入表单渲染器后，通过调用use方法，实现表单控件的替换，当use方法被使用，通过use方法传递的控件会替换现掉有技术中同名的控件类型。Specifically, the external registration mechanism means that in the form rendering stage, after introducing the form renderer, the use method is called to replace the form controls. When the use method is used, the control passed through the use method will replace the existing technology. A control type of the same name.
这里由于现有技术中基础组件是默认注册的，包含在表单渲染器里面，所以本发明改进方案命名为外部注册机制。Here, because the basic components in the prior art are registered by default and included in the form renderer, the improved solution of the present invention is named as an external registration mechanism.
进一步地，通过区分不同渲染终端，可以由上述的外部注册机制加载符合渲染要求的表单控件。实现在不同客户端展现同一个表单配置。本发明优化了表单渲染器渲染表单的过程，在加载表单渲染器后，通过判断终端类型，加载符合条件的组件库，实现多端渲染的效果。Furthermore, by distinguishing between different rendering terminals, the above-mentioned external registration mechanism can load form controls that meet the rendering requirements. Realize displaying the same form configuration on different clients. The invention optimizes the form rendering process of the form renderer, and after the form renderer is loaded, the terminal type is judged, and the qualified component library is loaded to realize the effect of multi-terminal rendering.
进一步地，如图4所示，基于上述瓦楞纸包装行业的可视化表单配置方法，本发明还相应提供了一种瓦楞纸包装行业的可视化表单配置系统，其中，所述瓦楞纸包装行业的可视化表单配置系统包括：Further, as shown in Figure 4, based on the above-mentioned visual form configuration method for the corrugated paper packaging industry, the present invention also provides a corresponding visual form configuration system for the corrugated paper packaging industry, wherein the visual form configuration system for the corrugated paper packaging industry includes :
可视化配置模块50，用于获取表单可视化配置界面，在表单可视化配置界面的控件列表加载表格组件，基于表格组件进行可视化配置。The
配置文件优化模块60，用于可视化配置后输出表单属性配置文件，优化表单属性配置文件，得到优化后的表单属性配置文件。The configuration
表单渲染模块70，用于加载表单渲染器，通过表单渲染器判断渲染终端类型，若渲染终端适配多端渲染，则加载所需控件的注册文件，通过优化后的表单属性配置文件初始化表单。The
进一步地，如图5所示，基于上述瓦楞纸包装行业的可视化表单配置方法和系统，本发明还相应提供了一种终端，所述终端包括处理器10、存储器20及显示器30。图5仅示出了终端的部分组件，但是应理解的是，并不要求实施所有示出的组件，可以替代的实施更多或者更少的组件。Further, as shown in FIG. 5 , based on the above-mentioned visual form configuration method and system for the corrugated paper packaging industry, the present invention also provides a terminal correspondingly, and the terminal includes a
所述存储器20在一些实施例中可以是所述终端的内部存储单元，例如终端的硬盘或内存。所述存储器20在另一些实施例中也可以是所述终端的外部存储设备，例如所述终端上配备的插接式硬盘，智能存储卡(Smart Media Card,SMC)，安全数字(SecureDigital,SD)卡，闪存卡(Flash Card)等。进一步地，所述存储器20还可以既包括所述终端的内部存储单元也包括外部存储设备。所述存储器20用于存储安装于所述终端的应用软件及各类数据，例如所述安装终端的程序代码等。所述存储器20还可以用于暂时地存储已经输出或者将要输出的数据。在一实施例中，存储器20上存储有瓦楞纸包装行业的可视化表单配置程序40，该瓦楞纸包装行业的可视化表单配置程序40可被处理器10所执行，从而实现本申请中瓦楞纸包装行业的可视化表单配置方法。The
所述处理器10在一些实施例中可以是一中央处理器(Central Processing Unit,CPU)，微处理器或其他数据处理芯片，用于运行所述存储器20中存储的程序代码或处理数据，例如执行所述瓦楞纸包装行业的可视化表单配置方法等。The
所述显示器30在一些实施例中可以是LED显示器、液晶显示器、触控式液晶显示器以及OLED(Organic Light-Emitting Diode，有机发光二极管)触摸器等。所述显示器30用于显示在所述终端的信息以及用于显示可视化的用户界面。所述终端的部件10-30通过系统总线相互通信。In some embodiments, the
在一实施例中，当处理器10执行所述存储器20中瓦楞纸包装行业的可视化表单配置程序40时实现以下步骤：In one embodiment, when the
获取表单可视化配置界面，在表单可视化配置界面的控件列表加载表格组件，基于表格组件进行可视化配置；Get the form visualization configuration interface, load the form component in the control list of the form visualization configuration interface, and perform visual configuration based on the form component;
可视化配置后输出表单属性配置文件，优化表单属性配置文件，得到优化后的表单属性配置文件；Output the form attribute configuration file after visual configuration, optimize the form attribute configuration file, and obtain the optimized form attribute configuration file;
加载表单渲染器，通过表单渲染器判断渲染终端类型，若渲染终端适配多端渲染，则加载所需控件的注册文件，通过优化后的表单属性配置文件初始化表单。Load the form renderer, judge the type of rendering terminal through the form renderer, if the rendering terminal is suitable for multi-terminal rendering, load the registration file of the required control, and initialize the form through the optimized form attribute configuration file.
其中，所述在表单可视化配置界面的控件列表加载表格组件，基于表格组件进行可视化配置，包括：所述表格组件用于对表单数据中子表的数据的插入、编辑或者删除。Wherein, the table component is loaded in the control list of the form visual configuration interface, and the visual configuration is performed based on the table component, including: the table component is used for inserting, editing or deleting the data of the sub-table in the form data.
其中，可视化配置后输出表单属性配置文件，优化表单属性配置文件，得到优化后的表单属性配置文件，包括：Among them, the form attribute configuration file is output after the visual configuration, the form attribute configuration file is optimized, and the optimized form attribute configuration file is obtained, including:
所述瓦楞纸包装行业的可视化表单配置方法中表单属性配置文件包括表单配置信息和控件配置信息集合。The form attribute configuration file in the visual form configuration method for the corrugated paper packaging industry includes a set of form configuration information and control configuration information.
其中，所述加载表单渲染器，通过表单渲染器判断渲染终端类型，包括：Wherein, the loading form renderer, judging the rendering terminal type through the form renderer, includes:
所述表单渲染器用于还原可视化表单设计中所配置的表单控件、布局和渲染；The form renderer is used to restore the form controls, layout and rendering configured in the visual form design;
所述渲染终端为表单展现时所在的设备；The rendering terminal is the device where the form is displayed;
判断过程为，先判断渲染终端的类型，使其能适配多端渲染；然后加载所需控件的注册文件，最后通过表单属性配置信息初始化表单。The judging process is to first judge the type of rendering terminal so that it can adapt to multi-terminal rendering; then load the registration file of the required control, and finally initialize the form through the form attribute configuration information.
其中，上述瓦楞纸包装行业的可视化表单配置方法中渲染终端包括PC端、移动端和微信小程序。Among them, the rendering terminals in the above-mentioned visual form configuration method for the corrugated paper packaging industry include PC terminals, mobile terminals and WeChat applets.
本发明还提供一种计算机可读存储介质，其中，所述计算机可读存储介质存储有瓦楞纸包装行业的可视化表单配置程序，所述瓦楞纸包装行业的可视化表单配置程序被处理器执行时实现如上所述的瓦楞纸包装行业的可视化表单配置方法的步骤。The present invention also provides a computer-readable storage medium, wherein the computer-readable storage medium stores a visual form configuration program for the corrugated paper packaging industry, and when the visual form configuration program for the corrugated paper packaging industry is executed by a processor, the above-mentioned Steps of the above-mentioned visual form configuration method for the corrugated paper packaging industry.
综上所述，本发明提供一种瓦楞纸包装行业的可视化表单配置的方法、系统、终端及计算机可读存储介质，所述方法包括：获取表单可视化配置界面，在表单可视化配置界面的控件列表加载表格组件，基于表格组件进行可视化配置；可视化配置后输出表单属性配置文件，优化表单属性配置文件，得到优化后的表单属性配置文件；加载表单渲染器，通过表单渲染器判断渲染终端类型，若渲染终端适配多端渲染，则加载所需控件的注册文件，通过优化后的表单属性配置文件初始化表单。本发明在可视化配置界面的控件列表增加了表格控件，丰富了表单配置的组合，扩展了该配置方案的使用场景；优化了可视化配置后输出的表单配置文件，使其能支持表单控件的联动效果；优化了表单渲染器渲染表单的过程，在加载表单渲染器后，通过判断终端类型，加载符合条件的组合库，实现多端渲染的效果，解决了实际应用中控件联动、子表及多端渲染的需求。In summary, the present invention provides a method, system, terminal, and computer-readable storage medium for visual form configuration in the corrugated paper packaging industry. Table component, based on the table component for visual configuration; after visual configuration, output the form attribute configuration file, optimize the form attribute configuration file, and obtain the optimized form attribute configuration file; load the form renderer, and judge the rendering terminal type through the form renderer. If the terminal is adapted to multi-terminal rendering, the registration file of the required control is loaded, and the form is initialized through the optimized form attribute configuration file. The present invention adds form controls to the control list of the visual configuration interface, enriches the combination of form configurations, and expands the usage scenarios of the configuration scheme; optimizes the form configuration file output after the visual configuration, so that it can support the linkage effect of form controls ;Optimized the form rendering process of the form renderer. After loading the form renderer, by judging the terminal type and loading the qualified combination library, the effect of multi-terminal rendering is realized, and the problem of control linkage, sub-table and multi-terminal rendering in practical applications is solved. need.
需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者终端不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者终端所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、方法、物品或者终端中还存在另外的相同要素。It should be noted that, in this document, the term "comprising", "comprising" or any other variation thereof is intended to cover a non-exclusive inclusion such that a process, method, article or terminal comprising a set of elements includes not only those elements, It also includes other elements not expressly listed, or elements inherent in the process, method, article, or terminal. Without further limitations, an element defined by the phrase "comprising a ..." does not preclude the presence of additional identical elements in the process, method, article or terminal comprising the element.
当然，本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关硬件(如处理器，控制器等)来完成，所述的程序可存储于一计算机可读取的计算机可读存储介质中，所述程序在执行时可包括如上述各方法实施例的流程。其中所述的计算机可读存储介质可为存储器、磁碟、光盘等。Of course, those of ordinary skill in the art can understand that all or part of the processes in the methods of the above embodiments can be implemented through computer programs to instruct related hardware (such as processors, controllers, etc.), and the programs can be stored in a In the computer-readable computer-readable storage medium, the program may include the processes of the above-mentioned method embodiments when executed. The computer-readable storage medium described herein may be a memory, a magnetic disk, an optical disk, and the like.
应当理解的是，本发明的应用不限于上述的举例，对本领域普通技术人员来说，可以根据上述说明加以改进或变换，所有这些改进和变换都应属于本发明所附权利要求的保护范围。It should be understood that the application of the present invention is not limited to the above examples, and those skilled in the art can make improvements or transformations according to the above descriptions, and all these improvements and transformations should belong to the protection scope of the appended claims of the present invention.
Claims (10)
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202211094980.7ACN115639989A (en) | 2022-09-05 | 2022-09-05 | A visual form configuration method and related equipment for corrugated paper packaging industry |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202211094980.7ACN115639989A (en) | 2022-09-05 | 2022-09-05 | A visual form configuration method and related equipment for corrugated paper packaging industry |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN115639989Atrue CN115639989A (en) | 2023-01-24 |
Family
ID=84942030
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202211094980.7APendingCN115639989A (en) | 2022-09-05 | 2022-09-05 | A visual form configuration method and related equipment for corrugated paper packaging industry |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN115639989A (en) |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106033471A (en)* | 2015-03-20 | 2016-10-19 | 阿里巴巴集团控股有限公司 | Method and device for processing form |
| CN111858104A (en)* | 2020-07-31 | 2020-10-30 | 中国工商银行股份有限公司 | Multi-end adaptive form generation method, device, equipment and medium |
| CN113741953A (en)* | 2021-03-29 | 2021-12-03 | 北京京东拓先科技有限公司 | Form processing method, apparatus, electronic device and computer storage medium |
| CN114035773A (en)* | 2022-01-10 | 2022-02-11 | 大汉软件股份有限公司 | Configuration-based low-code form development method, system and device |
- 2022
- 2022-09-05CNCN202211094980.7Apatent/CN115639989A/enactivePending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106033471A (en)* | 2015-03-20 | 2016-10-19 | 阿里巴巴集团控股有限公司 | Method and device for processing form |
| CN111858104A (en)* | 2020-07-31 | 2020-10-30 | 中国工商银行股份有限公司 | Multi-end adaptive form generation method, device, equipment and medium |
| CN113741953A (en)* | 2021-03-29 | 2021-12-03 | 北京京东拓先科技有限公司 | Form processing method, apparatus, electronic device and computer storage medium |
| CN114035773A (en)* | 2022-01-10 | 2022-02-11 | 大汉软件股份有限公司 | Configuration-based low-code form development method, system and device |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103605516B (en) | Flexible Web display frame model architecture method for designing | |
| US20160299745A1 (en) | Development method for web development system, and web development system | |
| US10318126B2 (en) | Data-driven schema for describing and executing management tasks in a graphical user interface | |
| US11677807B2 (en) | System and method to standardize and improve implementation efficiency of user interface content | |
| CN112214214A (en) | Low code development system, device and medium for android native APP | |
| CN114089958A (en) | Form visualization configuration method and device | |
| US9836441B2 (en) | Platform abstraction of graphics | |
| CN108664242B (en) | Method and device for generating visual interface, electronic equipment and readable storage medium | |
| CN105094786A (en) | Method and system for customizing page based on JavaScript | |
| CN111936966A (en) | Design system for creating graphic content | |
| CN115639989A (en) | A visual form configuration method and related equipment for corrugated paper packaging industry | |
| JP2011501327A (en) | Declarative model interpretation | |
| US9690444B1 (en) | Custom help systems by runtime modification of generic help files | |
| CN117435199A (en) | Pneumatic problem simulation software framework, construction method, equipment and storage media | |
| US11526578B2 (en) | System and method for producing transferable, modular web pages | |
| CN114489619A (en) | Interface view display method, terminal equipment and computer readable storage medium | |
| CN112486378B (en) | Graph generation method, device, terminal and storage medium | |
| CN113741891A (en) | Page processing method and device, electronic equipment and storage medium | |
| Raibulet et al. | Automatic generation of mobile widgets | |
| WO2021229785A1 (en) | Manufacturing system design verification device | |
| JP7709491B2 (en) | DATA PROCESSING APPARATUS, PROGRAM, AND DATA PROCESSING METHOD | |
| US20240126577A1 (en) | Visualization of application capabilities | |
| CN116149653A (en) | Method, device, storage medium and computer equipment for constructing list page | |
| CN115509530A (en) | Proposal generation method, device and computer-readable storage medium | |
| WO2024081073A1 (en) | Visualization of application capabilities |
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 | ||
| RJ01 | Rejection of invention patent application after publication | Application publication date:20230124 | |
| RJ01 | Rejection of invention patent application after publication |