CN115098084A - 一种非编码表单设计和绘制方法 - Google Patents

Abstract

一种非编码表单设计和绘制方法，通过建立表单信息表，表单字段信息表，表单字段选项信息表，使表单信息表和表单字段信息表通过主键外键相关联，表单字段信息表和表单字段选项信息表通过“外键－主键”相关联，从而定义表单模板，快速便捷的完成表单设计，再通过表单模板数据和相应CSS样式呈现该表单。通过表单模板设计方法，本发明公开了一种非编码表单设计和绘制方法，主要包括：用户输入自定义表单信息、表单字段信息（含字段类型信息）和字段选项信息，形成表单模板信息存储于数据库前述相应表，在业务流程中可以根据表单模板信息和表单相应CSS样式生成并呈现相应表单。本发明面向对象是业务人员而非开发人员，用户无须任何HTML、CSS等编程技术即可自行定义设计所需表单，从而用较低的成本满足用户更多的表单应用需求。

Description

一种非编码表单设计和绘制方法

技术领域

本发明涉及软件工程领域，具体涉及一种非编码表单设计和绘制方法。

背景技术

随着信息系统业务的发展和需要，用户通常都会有个性化的电子表单需求，而且随着用户业务的不断发展，先前使用的电子表单有时需要变动才能适合业务的发展。这些电子表单的实现和变动，从软件开发的角度，需要编写和重新编写代码。每个不同的电子表单都需要不同的编码实现，不仅加重开发人员的工作量，也使用户承担更多的研发费用和更长的表单投入实施时间。 因此能够灵活高效进行电子非编码表单设计和绘制方法已经成为开发人员和业务人员的共同需求。

中国已授权专利201210209275.7公布了一种生成自定义表单的方法和装置：新建表单模板信息，所述表单模板信息包括表单信息表、字段信息表、表单字段关系表、字段类型信息表、字段类型子项信息表，根据用户定义设置表单信息表并创建表单包含字段的字段信息表获得表单模板信息，根据表单模板信息生成并呈现自定义表单。

上述已授权专利公布的方法事实上只能绘制呈现比较简单的规律性的自定义表单，对于复杂无规则的表单需求则无能为力，离实际运用尚有距离。

发明内容

为了解决上述实际问题，本发明提供了一种非编码表单设计和绘制方法，实现了用户自定义表单时无需任何编程知识，却能方便快捷高效的自定义各种复杂多样的电子表单。

本发明公开了一种非编码表单设计和绘制方法，包括：

建立表单模板信息：表单模板信息包括表单信息表、表单字段信息表（简称字段信息表）、表单字段选项信息表（简称选项信息表），在数据库中建立所述三张表。

其中，所述表单信息表包含表单编号ID、表单名称及有关信息，并和字段信息表通过“外键-主键”关联;字段信息表包含字段编号ID、字段名称、字段类型、字段名称所在行数与列数，字段标题宽度、字段内容宽度等字段信息，字段信息表与选项信息表通过“外键-主键”关联;选项信息表用于存储特殊字段的选项信息，包含特殊字段主键值、选项名称、选项值等相关信息。本发明中字段名称和字段内容又可分别称为字段标题、标题内容。

其中，表单信息表中的表单编号ID在表单信息表中具有唯一性，并作为表单主键；字段信息表中字段编号ID在表中具有唯一性并作为主键，字段信息表中还包含一个外键：即表单编号ID；选项信息表中除具有唯一性的编号ID为主键外，还包含字段编号ID作为一个外键。

特殊字段类型，是指对应字段内容的值可以是多个设定选项值中的一个或多个，即字段标题对应标题内容的值需从两个或两个以上的设定选项值中选取，可选取一个选项值或多个选项值。

根据字段信息表中字段的字段类型判别，如果是特殊字段类型,需要在字段信息表中保存该字段的信息后，保存该字段的主键值、各个选项名称、选项值到选项信息表。

表单模板数据获取：基于表单信息表、字段信息表、选项信息表的“外键-主键”关联性，可以根据表单编号ID从各表获取该表单的所有表单模板数据。

字段信息表中的行数、列数、字段标题列宽以及标题内容列宽等4个表字段是必须的，在表单的生成绘制中，不仅CSS样式不可或缺，更重要的是，如果不是拖拽式可视化定位配置字段类型控件，不计算每个字段包括字段标题和标题内容在表单中的位置和宽度，表头单元和表格单元就很难准确绘制，也就难以实现复杂多样的非编码表单。

列宽是按百分比来计算的，即该字段标题或标题内容的列宽是指占据整个表单行宽的百分比，依据这4个表字段，每个表头单元格和表格单元格才能准确的在表单中绘制。根据表单模板数据，在表单绘制呈现过程中，表单字段类型的值将决定相应表格单元格生成的控件类型，如果是特殊字段类型，还要加载相应控件的各选项值，通过CSS样式，绘制呈现复杂多样的非编码表单。

修改或删除表单模板信息：包括对表单信息表的修改或删除、对字段信息表的修改或删除、对选项信息表的修改或删除。

本发明还公开了一种非编码表单设计和绘制装置，包括：

1）表单模板创建模块： 用户根据业务需求，输入表单名称等表单信息，保存表单信息表，数据库自动为该表单信息生成唯一性的表单编号ID；再输入表单的各个字段，包括字段名称、所在行列、字段标题和字段内容列宽等信息，并和表单编号ID（表单信息表主键）一起保存到字段信息表，数据库自动为该字段信息生成唯一性的字段编号ID；如果所建字段为特殊字段，则需要为该字段创建选项名称和选项值，并和该字段编号ID（字段信息表主键）一起插入选项信息表。

2）表单模板生成及呈现模块：根据表单编号及“外键-主键”关联查询表单信息表、字段信息表、选项信息表获得表单模板信息，并依据字段类型生成相应的HTML控件，根据字段所在表单中的行列位置及字段标题和标题内容列宽，以及已加载的CSS样式，在界面中绘制并呈现一个表单实例。

3）表单模板修改模块：根据表单编号进入表单模板编辑界面，每个表单字段和字段选项都有相应的编辑、删除按钮，用户可对需要的信息进行修改、删除。

本发明具有以下有益效果：本发明设计面向对象是业务人员而非开发人员，用户无须具有任何HTML、CSS等编程技术，即可根据业务需求自行定义设计所需表单，只需给出字段名称、字段所在行列数、选择字段类型、字段标题及标题内容列宽，即可生成所需业务表单并编辑修改，维护简单，节省开发时间和人力资源，用较低的成本满足用户更多的电子表单应用需求。

附图说明

图1 是本发明实施例的生成非编码表单设计和绘制方法的流程图。

图2 是本发明实施例中数据库表的关系图。

具体实施方式

以下结合附图对本发明的实施例进行具体说明，图1 是本发明实施例非编码表单设计和绘制方法的流程图。如图1 所示，所述方法包括：

建立表单信息表、表单字段信息表（简称字段信息表）、表单字段选项信息表（简称选项信息表），在数据库中建立所述三张表，如附图2所示，由此构成表单模板信息；

其中，所述表单信息表包含表单编号ID和表单名称，表单编号ID作为主键在插入表单信息时由数据库自动生成，并和字段信息表通过“外键-主键”关联;字段信息表包含字段编号ID、字段名称、字段类型、所在行数、所在列数，字段标题宽度、字段内容宽度等字段信息，字段编号ID作为主键在插入字段信息表时由数据库自动生成，字段信息表与选项信息表通过“外键-主键”关联;选项信息表包含数据库自动生成的编号ID、特殊字段编号ID（外键）、选项名称、选项值等相关信息。

根据字段信息表中字段的字段类型判别，如果是特殊字段类型,需要在字段信息表中保存该字段的信息后，另外再保存该字段的字段编号ID、各个选项名称、选项值到选项信息表；

表单模板数据获取和表单呈现：基于表单信息表、字段信息、选项信息表的“外键-主键”关联性，可以根据表单编号ID从各表获取该表单的所有表单模板数据。根据字段信息表中的行数、列数、字段标题列宽以及标题内容列宽等4个表字段在表单实例中计算各个表单字段的位置空间，表单字段类型的值还将决定相应表格单元格生成的控件类型，如果是特殊字段类型，还要加载相应控件的各选项值，并通过加载CSS样式对表单布局，从而呈现非编码表单设计和绘制方法的一个实例。

以上所述，仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

Claims (5)

1.一种非编码表单设计和绘制方法，其特征在于非编码表单设计和表单绘制，包括：

1）所述非编码表单设计，其特征在于，所述方法包括：

（1）在数据库中建立表单模板信息，表单模板信息包括表单信息表、表单字段信息表（简称字段信息表）、表单字段选项信息表（简称选项信息表）；

其中所述表单信息表包含表单名称及有关信息，并和字段信息表通过“外键-主键”关联;字段信息表包含字段名称、字段类型、字段名称所在行数与列数，字段标题宽度、字段内容宽度等字段信息，字段信息表与选项信息表通过“外键-主键”关联;选项信息表用于存储特殊字段的选项信息，包含特殊字段主键值、选项名称、选项值等相关信息；本发明中字段名称和字段内容又可分别称为字段标题、标题内容；

其中表单信息表中的表单编号ID在表单信息表中具有唯一性，并作为表单主键；字段信息表中字段编号ID在表中具有唯一性并作为主键，字段信息表中还包含一个外键：即表单编号ID；选项信息表中除具有唯一性的编号ID为主键外，还包含字段编号ID作为一个外键；这里各表编号ID可以泛指各表中具有唯一性的字段。

2.其中特殊字段类型是指对应字段内容的值可以是多个选项值中的一个或多个，即字段标题对应标题内容的值需从两个或两个以上的设定选项值中选取，可选取一个选项值或多个选项值；

（2）用户根据业务需求，输入表单名称等表单信息，保存表单信息表，数据库自动为该表单信息生成唯一性的表单编号ID；

（3）输入表单的各个字段，包括字段名称、所在行列、字段标题和字段内容列宽等信息，并和表单编号ID一起保存到字段信息表，数据库自动为该字段信息生成唯一性的字段编号ID（字段信息表主键）；

（4）对于特殊字段，则需要为该字段创建选项名称和选项值，并和该字段编号ID（字段信息表主键）一起插入选项信息表。

3.2）所述表单绘制，包括：

（1）根据表单编号ID，基于表单信息表、字段信息表、选项信息表的“外键-主键”关联性，从各表获取该表单的所有表单模板数据；

（2）依据字段类型生成相应的HTML控件，根据字段所在表单中的行列位置及字段标题和标题内容列宽，以及已加载的CSS样式，在界面中绘制并呈现一个表单实例；

根据权利要求1所述的一种表单自定义和绘制方法，其特征在于：字段信息表中的行数、列数、字段标题列宽以及标题内容列宽等4个表字段是必须的，这里列宽是按百分比来计算的，即该字段标题或标题内容的列宽是指占据整个表单行宽的百分比，依据这4个表字段，每个表头单元格和表格单元格才能准确的在表单中绘制。

4.根据表单模板数据，在表单绘制呈现过程中，表单字段类型的值将决定相应表格单元格生成的控件类型，如果是特殊字段类型，还要加载相应控件的各选项值，通过CSS样式，绘制呈现复杂多样的自定义表单

根据权利要求1所述的一种非编码表单设计和绘制方法，其特征在于，所述方法还包括：在表单绘制呈现过程中，根据表单字段类型的值，分别生成相对应的控件，在相应表格单元呈现。

5.根据权利要求1所述的一种非编码表单设计和绘制方法，其特征在于，所述方法还包括：对表单信息表的修改、对字段信息表的修改、对选项信息表的修改；

根据表单编号进入表单模板编辑界面，每个表单字段和字段选项都有相应的编辑按钮，用户可对需要的信息进行修改；

根据权利要求1所述的一种非编码表单设计和绘制方法，其特征在于，所述方法还包括：对表单信息表的删除、对字段信息表的删除、对选项信息表的删除；

根据表单编号进入表单模板编辑界面，每个表单字段和字段选项都有相应的编辑按钮，用户可对需要的信息进行删除。

Images