CN108920141A - 基于布局模板的业务表单的自动排版生成方法及生成器 - Google Patents

Abstract

一种基于布局模板的业务表单的自动排版生成方法及生成器，该生成方法包括下述步骤：步骤S1、根据业务数据结构及业务数据的特性，预先设定业务表单的生成规则；步骤S2、根据用户的业务性质和业务需求设置好业务数据结构，确定业务数据组成要求及基本特性，并对其进行存储；步骤S3、进行页面布局、业务数据结构设置及属性参照设置；步骤S4、根据实际业务的差异对业务表格进行手工调整。新型的业务表单生成器，具有高效率、高稳定性、统一性的特点。同时业务表单生成器未来也将逐步代替传统的编码布局的模式，服务端人员专注业务逻辑各司其职的开发界面，提升部门的核心竞争力，未来业务表单生成器将是企业运营管理行业主流的方式。

Description

基于布局模板的业务表单的自动排版生成方法及生成器

技术领域

本发明公开一种表单生成方法及生成器，特别是一种基于布局模板的业务表单的自动排版生成方法及生成器。

背景技术

现有技术中的业务表单采用编码布局的模式，通常是开发团队中的java开发人员又编码前端UI界面，又要完成后端的数据请求和及存储，使用传统的编码模式，前端数据展现及数据绑定的过程非常繁琐，且容易出错，每个页面的布局相似度非常高，UI设计人员只能做一些简单的HTML页面，然后交给Java开发人员进行数据填充及调整工作，包括公式、参照数据、模糊搜索、翻页、行事件、列事件、行数据隐藏、列数据隐藏等相关功能。

上述的操作存在着必然的缺陷，程序开发者大量时间花费在了其不太擅长的前端布局的工作上，每个java开发者的审美观通常都比较一般，容易造成产品界面的不统一，并且不能统一更换风格，后期维护非常麻烦。存在着UI设计师设计效果图与后端落地效果严重不一致的问题。团队里前端跟后端开发人员之间存在大量的重复劳动的情况。

发明内容

针对上述提到的现有技术中的表单生成采用编码方式，存在麻烦和不美观的缺点，本发明提供一种基于布局模板的业务表单的自动排版生成方法及生成器，以配置模板技术为基础，根据不同控件配置属性和带参数图形元素的自由模板；在空白的画布上，选择云表单开关，可根据类型选择不同的业务模板。该方法应用于企业运营管理系统，可大大简化业务表单制作步骤，使业务表单从编码绘制时代进入到自动生成时代；应用此方法可降低实施、开发人员的业务表单编码的工作量，采用所见即所得的方式加快开发效率。

本发明解决其技术问题采用的技术方案是：一种基于布局模板的业务表单的自动排版生成方法，该生成方法包括下述步骤：

步骤S1、根据业务数据结构及业务数据的特性，预先设定业务表单的生成规则；

步骤S2、根据用户的业务性质和业务需求设置好业务数据结构，确定业务数据组成要求及基本特性，并对其进行存储；

步骤S3、进行页面布局、业务数据结构设置及属性参照设置；

步骤S4、根据实际业务的差异对业务表格进行手工调整。

一种基于布局模板的业务表单的自动排版生成器，生成器包括：

表单生成规则单元：根据业务数据结构及业务数据的特性，预先设定业务表单的生成规则，生成规则包括业务表单布局元素、页面布局的排列顺序；

业务数据结构设置单元：根据用户的业务性质和业务需求设置好业务数据结构，确定业务数据组成要求及基本特性，并对其进行存储；

表格设置单元：进行页面布局、业务数据结构设置及属性参照设置；

手工调整单元：根据实际业务的差异对业务表格进行手工调整。

本发明解决其技术问题采用的技术方案进一步还包括：

所述的业务数据结构的设置在业务表单生成时进行设置。

所述的步骤S3中，在生成业务表单时进行设置，为每个数据元素找到最适合的控件类型及大小，得出初步的布局元素，明细表格布局元素，根据预定的布局元素，按页面宽度，结合控件的大小。

所述的步骤S4中，用户手工调整控件属性，设置计算公式及参照来源。

所述的业务数据结构预先设置好，存储为相应的模板，存储在电脑或云服务器上。

所述的步骤S3中，页面布局时，根据业务数据结构特点将其固定在相应的模板中，调用相应的业务数据模板时，直接使用固定在其中业务数据结构。

本发明的有益效果是：本发明业务界面生成器的推出，统一了整个研发中心表单设计标准，让所有业务表单按模板内的布局方式，无论是后期维护还是扩展，都奠定了非常好的基础。同时解脱了研发团队高技术人才大量时间花在界面调整的琐碎工作上，生成器的使用对研发中心工作效率提升了几倍。可视化设计，所见即所得让开发人员能够非常具象感知业务界面，相比之前单纯想象或者Debug效率更高。控件种类齐全交互性好，控件种类可以无限针对接口进行扩展。随时随地维护方便管理，统一的服务器，不同的客户端，方便开发人员之类协作开发。

新型的业务表单生成器，具有高效率、高稳定性、统一性的特点。同时业务表单生成器未来也将逐步代替传统的编码布局的模式，慢慢形成公司内部统一由UI人员设计前端布局模板，服务端人员专注业务逻辑各司其职的开发界面，从而形成前后端分离，快速根据技术进步更换UI模板，提升部门的核心竞争力。传统的前后端一体化的模式将逐步的淡出舞台，未来业务表单生成器将是企业运营管理行业主流的方式。

下面将结合具体实施方式对本发明做进一步说明。

具体实施方式

本实施例为本发明优选实施方式，其他凡其原理和基本结构与本实施例相同或近似的，均在本发明保护范围之内。

本发明为一种基于布局模板的业务表单的自动排版生成方法，其包括下述步骤：

步骤S1、根据业务数据结构及业务数据的特性，预先设定业务表单的生成规则，生成规则包括业务表单布局元素、页面布局的排列顺序等；

步骤S2、根据用户的业务性质和业务需求设置好业务数据结构，确定业务数据组成要求及基本特性，并对其进行存储。比如：订单管理界面，可以根据业务需求确定需要元素，同时还包含一个明细记录等。程序开发者选择需要生成表单的数据源，支持主从表生成表头表体。

本实施例中，业务数据结构的设置可在业务表单生成时进行设置，或者预先设置好，存储为相应的模板，存储在电脑或云服务器上。

步骤S3、进行页面布局、业务数据结构设置及属性参照设置等。

页面布局时，可根据业务数据结构特点将其固定在相应的模板中，调用相应的业务数据模板时，直接使用固定在其中业务数据结构。也可在生成业务表单时进行设置，如：分析数据结构，为每个数据元素找到最适合的控件类型及大小，得出初步的布局元素，明细子表布局元素：根据预定的布局元素，按页面宽度，结合控件的大小，从左到右从上到下流式排版，完成页面的布局排版。

步骤S4、根据实际业务的差异对业务表格进行手工调整。本实施例中，用户手工调整控件属性，设置计算公式及参照来源等。如制单人的组织机构需要设置数据类型为人员，这样系统就能把人员信息填充到组织机构控件，物品编号的参照来源，指定物品信息的数据来源，以及设置物品编号选择后自动填充物品名称信息，为子表的合计控件设置计算公式=数量×单价，合计金额的计算公式=子表求和(合计列)等等。

本发明同时保护一种基于布局模板的业务表单的自动排版生成器，其包括：

表单生成规则单元：该单元根据业务数据结构及业务数据的特性，预先设定业务表单的生成规则，生成规则包括业务表单布局元素、页面布局的排列顺序等；

业务数据结构设置单元：根据用户的业务性质和业务需求设置好业务数据结构，确定业务数据组成要求及基本特性，并对其进行存储。比如：订单管理界面，可以根据业务需求确定需要元素，同时还包含一个明细记录等。程序开发者选择需要生成表单的数据源，支持主从表生成表头表体。

本实施例中，业务数据结构的设置可在业务表单生成时进行设置，或者预先设置好，存储为相应的模板，存储在电脑或云服务器上。

表格设置单元：进行页面布局、业务数据结构设置及属性参照设置等。

页面布局时，可根据业务数据结构特点将其固定在相应的模板中，调用相应的业务数据模板时，直接使用固定在其中业务数据结构。也可在生成业务表单时进行设置，如：分析数据结构，为每个数据元素找到最适合的控件类型及大小，得出初步的布局元素，明细子表布局元素：根据预定的布局元素，按页面宽度，结合控件的大小，从左到右从上到下流式排版，完成页面的布局排版。

手工调整单元：根据实际业务的差异对业务表格进行手工调整。本实施例中，用户手工调整控件属性，设置计算公式及参照来源等。如制单人的组织机构需要设置数据类型为人员，这样系统就能把人员信息填充到组织机构控件，物品编号的参照来源，指定物品信息的数据来源，以及设置物品编号选择后自动填充物品名称信息，为子表的合计控件设置计算公式=数量×单价，合计金额的计算公式=子表求和(合计列)等等。

下面将结合几个具体实例对本发明做进一步说明：

实施例一：本实施例中，采用一键布局模式，根本用户定义的业务数据结构及业务数据的特性，按照预先设定的规则，生成相应的布局元素，通过顺序排列组成页面布局，具体实现步骤：

步骤S1、根据业务数据结构及业务数据的特性，预先设定业务表单的生成规则，生成规则包括业务表单布局元素、页面布局的排列顺序等；

步骤S2、用户根据业务性质和业务需求设置好业务数据结构，确定业务数据组成要求及基本特性。比如：订单管理界面，根据业务需求确定元素，同时还包含一个明细记录。程序开发者选择需要生成表单的数据源，支持主从表生成表头表体。

步骤S3、分析如上数据结构，为每个数据元素找到最适合的控件类型及大小，得出初步的布局元素，明细子表布局元素：根据预定的布局元素，按页面宽度，结合控件的大小，从左到右从上到下流式排版，完成页面的布局排版；

步骤S4、用户手工调整控件属性，设置计算公式及参照来源等。如制单人的组织机构需要设置数据类型为人员，这样系统就能把人员信息填充到组织机构控件，物品编号的参照来源，指定物品信息的数据来源，以及设置物品编号选择后自动填充物品名称信息，为子表的合计控件设置计算公式=数量×单价，合计金额的计算公式=子表求和(合计列)。

实施例二：本实施例中，采用模板布局模式，参照用户现有页面的布局规则和样式，生成新的页面布局，业务数据结构模板和表单属性事先生成并进行存储，具体实现步骤：

步骤S1、用户从现有模板中挑选最相似的模板参照（无须设定业务数据结构）；

步骤S2、用户根据模板的页面布局生成一样的页面布局和业务数据结构及属性参照等设置；

步骤S3、用户根据实际业务的差异进行手工调整，如制单人的组织机构需要设置数据类型为人员，这样系统就能把人员信息填充到组织机构控件，物品编号的参照来源，指定物品信息的数据来源，以及设置物品编号选择后自动填充物品名称信息，为子表的合计控件设置计算公式=数量×单价，合计金额的计算公式=子表求和(合计列)。

实施例三：本实施例中，采用云模板布局模式，业务数据结构模板和表单属性事先生成并进行云存储，参照云服务的共享模板布局规则和样式，生成自己的页面布局，具体实现步骤：

步骤S1、用户从云服务模板列表中挑选最相似的云模板参照（无须设定业务数据结构）；

步骤S2、根据模板的页面布局生成一样的页面布局和业务数据结构及属性参照等设置；

步骤S3、用户根据实际业务的差异进行手工调整，如制单人的组织机构需要设置数据类型为人员，这样系统就能把人员信息填充到组织机构控件，物品编号的参照来源，指定物品信息的数据来源，以及设置物品编号选择后自动填充物品名称信息，为子表的合计控件设置计算公式=数量×单价，合计金额的计算公式=子表求和(合计列)。

本发明业务界面生成器的推出，统一了整个研发中心表单设计标准，让所有业务表单按模板内的布局方式，无论是后期维护还是扩展，都奠定了非常好的基础。同时解脱了研发团队高技术人才大量时间花在界面调整的琐碎工作上，生成器的使用对研发中心工作效率提升了几倍。可视化设计，所见即所得让开发人员能够非常具象感知业务界面，相比之前单纯想象或者Debug效率更高。控件种类齐全交互性好，控件种类可以无限针对接口进行扩展。随时随地维护方便管理，统一的服务器，不同的客户端，方便开发人员之类协作开发。

新型的业务表单生成器，具有高效率、高稳定性、统一性的特点。同时业务表单生成器未来也将逐步代替传统的编码布局的模式，慢慢形成公司内部统一由UI人员设计前端布局模板，服务端人员专注业务逻辑各司其职的开发界面，从而形成前后端分离，快速根据技术进步更换UI模板，提升部门的核心竞争力。传统的前后端一体化的模式将逐步的淡出舞台，未来业务表单生成器将是企业运营管理行业主流的方式。

Claims (7)

1.一种基于布局模板的业务表单的自动排版生成方法，其特征是：所述的生成方法包括下述步骤：

步骤S1、根据业务数据结构及业务数据的特性，预先设定业务表单的生成规则；

步骤S2、根据用户的业务性质和业务需求设置好业务数据结构，确定业务数据组成要求及基本特性，并对其进行存储；

步骤S3、进行页面布局、业务数据结构设置及属性参照设置；

步骤S4、根据实际业务的差异对业务表格进行手工调整。

2.根据权利要求1所述的基于布局模板的业务表单的自动排版生成方法，其特征是：所述的业务数据结构的设置在业务表单生成时进行设置。

3.根据权利要求2所述的基于布局模板的业务表单的自动排版生成方法，其特征是：所述的步骤S3中，在生成业务表单时进行设置，为每个数据元素找到最适合的控件类型及大小，得出初步的布局元素，明细表格布局元素，根据预定的布局元素，按页面宽度，结合控件的大小。

4.根据权利要求2所述的基于布局模板的业务表单的自动排版生成方法，其特征是：所述的步骤S4中，用户手工调整控件属性，设置计算公式及参照来源。

5.根据权利要求1所述的基于布局模板的业务表单的自动排版生成方法，其特征是：所述的业务数据结构预先设置好，存储为相应的模板，存储在电脑或云服务器上。

6.根据权利要求5所述的基于布局模板的业务表单的自动排版生成方法，其特征是：所述的步骤S3中，页面布局时，根据业务数据结构特点将其固定在相应的模板中，调用相应的业务数据模板时，直接使用固定在其中业务数据结构。

7.一种基于布局模板的业务表单的自动排版生成器，其特征是：所述的生成器包括：

表单生成规则单元：根据业务数据结构及业务数据的特性，预先设定业务表单的生成规则，生成规则包括业务表单布局元素、页面布局的排列顺序；

业务数据结构设置单元：根据用户的业务性质和业务需求设置好业务数据结构，确定业务数据组成要求及基本特性，并对其进行存储；

表格设置单元：进行页面布局、业务数据结构设置及属性参照设置；

手工调整单元：根据实际业务的差异对业务表格进行手工调整。