CN113987398A - 一种软件自定义表单内容web开发系统及方法 - Google Patents

Abstract

本发明公开了一种软件自定义表单内容web开发系统及方法，涉及软件开发技术领域，包括页面设计器和页面渲染器；页面设计器包括图形界面设计模块、数据逻辑设计模块、权限设计模块和流程设计模块；页面设计器前端将图形界面配置数据、逻辑配置数据和权限配置数据进行统合生成应用配置数据，实现了页面与业务逻辑的灵活组合；页面渲染器包括图形界面渲染模块、数据逻辑通信模块和权限解析模块；数据逻辑通信模块根据逻辑配置数据搭建数据逻辑通信规则和机制，为图形界面渲染模块提供数据支撑；图形界面渲染模块根据应用配置数据、用户实例数据和对应的鉴权结果完成图形界面的渲染，让用户能够搭建场景更多样化的应用，提高软件开发效率。

Description

一种软件自定义表单内容web开发系统及方法

技术领域

本发明涉及软件开发技术领域，具体是一种软件自定义表单内容web开发系统及方法。

背景技术

目前，市面上的软件类发布上线均需要硬编码开发，整个开发周期较长，无法快速根据需求完成上线更新使用，整体效率低，难以根据业务实现多场景复用。在应用类软件领域，传统的硬编码开发存在以下不足：

一是传统开发信息采集类应用，需要根据具体的场景对采集信息进行实例化，再形成对应的采集程序；

二是传统开发类软件重用性差，结构设计清楚的定义了系统的接口，当系统对外界接口发生变动时，可能会造成系统结构产生较大变化，难以扩展新的功能接口；

三是传统开发类软件难以满足用户变化的需求，在开发需求模糊或者需求不断变化的系统时，所开发的软件系统往往不能真正满足用户的需求；

同时在传统软件开发中，程序员们按照自己喜欢的方式开发软件。程序的质量很难控制，调试程序很繁琐，程序员之间也很难读懂对方写的代码。为了赶进度，程序员们经常跳过一些指定的流程，很少人能全面遵循那些重量级开发方法；传统软件工程方法的主要缺点是在分析阶段，对数据和数据流进行分析，对问题域的认识和描述不是以问题与众的固有事物作为基本单位并保持他们的原貌，这些方法的分析结果不能直接的映射到问题域；在和客户沟通交流方面，在设计阶段分析的结果---数据流图和设计的结果---模块结构图是两种不同的表示体系，从分析到设计的转换实际上没有可靠的转换规则，带有人为的随意性，分工的不明确性，导致为软件开发带来隐患和实际结果与问题域偏差过大，工程延期，工程质量低下等；

随着企业数字化转型的深入，越来越多的企业从传统的纯编码开发转向采用更高效的自定义表单内容来实现快捷应用类软件的发布上线；所以采用更加高效的“快速搭建平台”、等工具来实现更加便捷、低门槛的搭建类应用类软件成为业内的共识。

发明内容

为了解决上述方案存在的问题，本发明提供了一种软件自定义表单内容web开发系统及方法。

本发明的目的可以通过以下技术方案实现：

一种软件自定义表单内容web开发系统，包括页面设计器和页面渲染器；所述页面设计器用于用户在建模平台上进行可视化配置，所述页面渲染器用于在运行引擎上针对用户的可视化配置进行场景实例化；

其中页面设计器分为前端和后端，包括图形界面设计模块、数据逻辑设计模块、权限设计模块以及流程设计模块；

其中页面设计器前端的图形界面设计模块用于配置图形界面配置数据，并将图形界面配置数据分别与数据逻辑设计模块、权限设计模块以及流程设计模块进行交互；所述数据逻辑设计模块用于生成逻辑配置数据；所述权限设计模块用于用户结合组织架构进行应用页面的权限设计，并将其转化为权限配置数据；页面设计器前端用于将图形界面配置数据、逻辑配置数据和权限配置数据进行统合生成应用配置数据，并打上时间戳交由页面设计器后端，存储于数据库；

所述页面渲染器分为前端和后端，包括图形界面渲染模块、数据逻辑通信模块和权限解析模块；页面渲染器后端用于从数据库中读取应用配置数据以及对应的用户实例数据，在后端的权限解析模块完成权限解析后，将处理后的数据交由前端的图形界面渲染模块，图形界面渲染模块根据应用配置数据、用户实例数据和对应的鉴权结果完成图形界面的渲染。

进一步地，其中，图形界面渲染模块根据应用配置数据、用户实例数据和对应的鉴权结果完成图形界面的渲染，具体为：

通过信息交互渠道获取用户实例数据，所述用户实例数据为已经完成的图形界面渲染记录；将历史配置数据和对应的历史鉴权结果作为输入数据，将对应的图形界面渲染记录作为输出数据建立误差逆向传播神经网络模型；所述误差逆向传播神经网络模型至少包括一层隐含层；

将用户实例数据按照设定比例划分为训练集、测试集和校验集；通过训练集、测试集和校验集对误差逆向传播神经网络进行训练、测试和校验，将完成训练的误差逆向传播神经网络标记为渲染参数预测模型；

将图形界面渲染模块接收到的当前应用配置数据和对应的鉴权结果作为输入数据，将输入数据输入至渲染参数预测模型中获取预测的渲染参数，并标记为标准渲染参数；所述图形界面渲染模块用于执行标准渲染参数完成图形界面的渲染，并将渲染结果进行整合生成用户实例数据。

进一步地，图形界面设计模块用于用户配置应用页面的设计参数，并将其转化成图形界面配置数据；所述设计参数包括组件字段、排列分布。

进一步地，所述数据逻辑设计模块用于用户配置应用页面的数据来源、页面组件间的数据通信逻辑以及对用户数据的具体操作逻辑，并将其转化成逻辑配置数据；所述具体操作逻辑包括增加、删除、修改和查看。

进一步地，所述流程设计模块用于根据用户在图形界面上配置的组件字段数据为基础形成流程基础判断，并形成流程数据；然后为数据交互流转形成应用审批数据设计交互，结合表单的具体业务流程及业务流程设计，形成自定义的流程审批。

进一步地，其中权限设计模块与图形界面设计模块生成的每个可视化功能节点进行连接，在对应功能节点上添加权限配置数据。

进一步地，所述图形界面设计模块和代码编辑模块相连接，代码编辑模块用于在图形界面上生成独立的功能组件，用户在对应功能组件上编辑能够实现软件开发所要求功能的完整软件代码。

进一步地，所述权限解析模块用于根据用户在页面设计器上的权限设计，结合当前登录用户的用户信息进行权限判断与解析，得到对应的鉴权结果；并根据鉴权结果面向该用户提供具有使用权限的功能。

进一步地，在用户进行数据操作时，所述数据逻辑通信模块用于根据逻辑配置数据搭建数据逻辑通信规则和机制，在图形界面的底层进行数据通信、数据交互，为图形界面渲染模块提供数据支撑，供用户通过图形界面完成对用户数据的增删改查操作，并将用户数据发送至页面渲染器后端，存储于数据库。

进一步地，一种软件自定义表单内容web开发方法，具体包括：

1)用户通过页面设计器在建模平台上进行可视化配置：页面设计器前端的图形界面设计模块用于配置图形界面配置数据；将图形界面配置数据分别与数据逻辑设计模块、权限设计模块以及流程设计模块进行交互；通过数据逻辑设计模块生成逻辑配置数据，通过权限设计模块生成权限配置数据；将图形界面配置数据、逻辑配置数据和权限配置数据进行统合生成应用配置数据，并打上时间戳交由页面设计器后端，存储于数据库；

2)页面渲染器用于在运行引擎上针对用户的可视化配置进行场景实例化：页面渲染器后端从数据库中读取应用配置数据以及对应所需的用户实例数据，在后端的权限解析模块完成权限解析后，将处理后的数据交由前端的图形界面渲染模块；图形界面渲染模块根据应用配置数据、用户实例数据和对应的鉴权结果完成图形界面的渲染；

3)数据逻辑通信模块根据逻辑配置数据搭建数据逻辑通信规则和机制，提供数据通信基础，供用户通过图形界面完成对用户数据的增删改查操作；然后将用户数据送至后端，由后端完成数据存储；

4)通过代码编辑模块在图形界面上生成独立的功能组件，供用户在对应功能组件上编辑能够实现软件开发所要求功能的完整软件代码。

与现有技术相比，本发明的有益效果是：

1、本发明中的页面设计器打通了前后端服务，不仅提供了图形界面设计模块，还提供了数据字段逻辑设计模块和权限设计模块，前者实现了前端样式界面的设计，后两者将前端界面的元素与后端的服务数据实现了打通，通过页面的设计即可按需定义业务，实现了页面与业务逻辑的灵活组合，灵活度高、功能强大，同时实现实时发布测试的问题；

2、本发明中图形界面渲染模块根据应用配置数据、用户实例数据和对应的鉴权结果完成图形界面的渲染，提高图形界面渲染的精度和效率，另外，本发明在独立进行页面设计、页面渲染的同时，还集成了与流程、报表等功能模型共用的模块，让用户能够搭建场景更多样化的应用，提高软件开发效率。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本发明一种软件自定义表单内容web开发系统的原理框图。

图2为本发明一种软件自定义表单内容web开发方法的流程图。

具体实施方式

下面将结合实施例对本发明的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例，都属于本发明保护的范围。

如图1所示，一种软件自定义表单内容web开发系统，包括页面设计器和页面渲染器；

所述页面设计器用于用户在建模平台上进行可视化配置，所述页面渲染器用于在运行引擎上针对用户的可视化配置进行场景实例化；

其中页面设计器包括图形界面设计模块、数据逻辑设计模块、权限设计模块以及流程设计模块；

所述图形界面设计模块用于用户配置应用页面的设计参数，并将其转化成图形界面配置数据存储在数据库；所述设计参数包括组件字段、排列分布等；

所述图形界面设计模块还用于将图形界面配置数据分别与数据逻辑设计模块、权限设计模块以及流程设计模块进行交互；

所述数据逻辑设计模块用于用户配置应用页面的数据来源、页面组件间的数据通信逻辑以及对用户数据的具体操作逻辑，并将其转化成逻辑配置数据存储在数据库；所述具体操作逻辑包括增加、删除、修改和查看；

所述权限设计模块用于用户结合组织架构进行应用页面的权限设计，并将其转化为权限配置数据存储在数据库；其中权限设计模块与图形界面设计模块生成的每个可视化功能节点进行连接，在对应功能节点上添加权限配置数据；

所述流程设计模块用于根据用户在图形界面上配置的组件字段数据为基础形成流程基础判断，并形成流程数据；然后为数据交互流转形成应用审批数据设计交互，结合表单的具体业务流程及业务流程设计，形成自定义的流程审批；

所述数据库用于将图形界面配置数据、逻辑配置数据和权限配置数据进行统合生成应用配置数据，并打上时间戳存储于数据库；

所述图形界面设计模块和代码编辑模块相连接，代码编辑模块用于在图形界面上生成独立的功能组件，用户在对应功能组件上编辑能够实现软件开发所要求功能的完整软件代码；

所述页面渲染器包含图形界面渲染模块、数据逻辑通信模块和权限解析模块；所述图形界面渲染模块用于根据用户在页面设计器上针对应用页面的应用配置数据进行图形界面的渲染，最终提供给用户一个应用页面；

在用户进行数据操作时，所述数据逻辑通信模块用于在图形界面的底层进行数据通信、数据交互等操作，为图形界面渲染模块提供数据支撑；

所述权限解析模块用于根据用户在页面设计器上的权限设计，结合当前登录用户的用户信息进行权限判断与解析，得到对应的鉴权结果；并根据鉴权结果面向该用户提供具有使用权限的功能；

在本实施例中，页面渲染器由前端和后端组成；后端会从数据库中读取应用配置数据以及对应所需的用户实例数据，在后端的权限解析模块完成权限解析后，将处理后的数据交由前端的图形界面渲染模块，图形界面渲染模块根据应用配置数据、用户实例数据和对应的鉴权结果完成图形界面的渲染；并且数据逻辑通信模块会根据逻辑配置数据搭建数据逻辑通信规则和机制，提供数据通信基础，让用户能通过图形界面完成对用户数据的增删改查操作；最终，数据逻辑通信模块会负责把用户需要提交的用户数据发送至后端，由后端完成数据存储；

其中图形界面渲染模块与数据逻辑通信模块通过配置数据和用户实例数据建立连接关系；权限解析模块与图形界面渲染模块通过用户信息和鉴权结果建立连接关系；

本发明不仅提供了图形界面设计模块，还提供了数据字段逻辑设计模块和权限设计模块，前者实现了前端样式界面的设计，后两者将前端界面的元素与后端的服务数据实现了打通，通过页面的设计即可按需定义业务，实现了页面与业务逻辑的灵活组合。另外，本发明在独立进行页面设计、页面渲染的同时，还集成了与流程、报表等功能模型共用的模块，让用户能够搭建场景更多样化的应用；

在本实施例中，图形界面渲染模块根据应用配置数据、用户实例数据和对应的鉴权结果完成图形界面的渲染，具体为：

通过信息交互渠道获取用户实例数据，所述用户实例数据为已经完成的图形界面渲染记录；所述用户实例数据携带有历史配置数据和对应的历史鉴权结果；

将历史配置数据和对应的历史鉴权结果作为输入数据，将对应的图形界面渲染记录作为输出数据建立误差逆向传播神经网络模型；所述误差逆向传播神经网络模型至少包括一层隐含层；

将用户实例数据按照设定比例划分为训练集、测试集和校验集；

通过训练集、测试集和校验集对误差逆向传播神经网络进行训练、测试和校验，将完成训练的误差逆向传播神经网络标记为渲染参数预测模型；

将图形界面渲染模块接收到的当前应用配置数据和对应的鉴权结果作为输入数据，将输入数据输入至渲染参数预测模型中获取预测的渲染参数，并标记为标准渲染参数；

所述图形界面渲染模块用于执行标准渲染参数完成图形界面的渲染，并将渲染结果进行整合生成用户实例数据。

在本实施例中，如图2所示，一种软件自定义表单内容web开发方法，包括页面设计器和页面渲染器，具体开发步骤如下：

步骤一：用户通过页面设计器在建模平台上进行可视化配置；页面设计器分为前端和后段，具体工作步骤为：

S1：用户通过前端的图形界面设计模块配置应用页面的设计参数，并将其转化成图形界面配置数据；所述图形界面设计模块用于将图形界面配置数据分别与数据逻辑设计模块、权限设计模块以及流程设计模块进行交互；

S2：通过数据逻辑设计模块配置应用页面的数据来源、页面组件间的数据通信逻辑以及对用户数据的具体操作逻辑并将其转化成逻辑配置数据；

S3：通过权限设计模块进行应用页面的权限设计，并将其转化为权限配置数据；将图形界面配置数据、逻辑配置数据和权限配置数据进行统合生成应用配置数据，并打上时间戳存储于数据库；

S4：通过流程设计模块将在图形界面上配置的组件字段数据作为基础，形成流程基础判断，结合表单的具体业务流程及业务流程设计，形成自定义的流程审批；

步骤二：页面渲染器用于在运行引擎上针对用户的可视化配置进行场景实例化；所述页面渲染器分为前端和后端，具体步骤为：

S21：页面渲染器后端从数据库中读取应用配置数据以及对应所需的用户实例数据，在后端的权限解析模块完成权限解析后，将处理后的数据交由前端的图形界面渲染模块；所述处理后的数据包括应用配置数据、用户实例数据以及对应的鉴权结果；

S22：图形界面渲染模块根据应用配置数据、用户实例数据和对应的鉴权结果完成图形界面的渲染；

S23：数据逻辑通信模块根据逻辑配置数据搭建数据逻辑通信规则和机制，提供数据通信基础，供用户通过图形界面完成对用户数据的增删改查操作；然后将用户数据送至后端，由后端完成数据存储；

步骤三：代码编辑模块用于在图形界面上生成独立的功能组件，供用户在对应功能组件上编辑能够实现软件开发所要求功能的完整软件代码。

本发明的工作原理：

一种软件自定义表单内容web开发系统及方法，包括页面设计器和页面渲染器，在工作时，用户通过页面设计器前端的图形界面设计模块配置图形界面配置数据，成为整个应用搭建的基础数据；通过数据逻辑设计模块生成逻辑配置数据，通过权限设计模块在图形界面生成的功能节点上添加权限配置数据；通过流程设计模块结合组件字段数据为基础形成流程基础判断，然后为数据交互流转形成应用审批数据设计交互；最终由这几个模块共同生成一份应用配置数据，交由页面设计器后端，存储至数据库中；代码编辑模块用于在图形界面上生成独立的功能组件，用户在对应功能组件上编辑能够实现软件开发所要求功能的完整软件代码；

页面渲染器后端会从数据库中读取应用配置数据以及对应所需的用户实例数据，在后端的权限解析模块完成权限解析后，将处理后的数据交由前端的图形界面渲染模块，图形界面渲染模块根据应用配置数据、用户实例数据和对应的鉴权结果完成图形界面的渲染；并且数据逻辑通信模块会根据逻辑配置数据搭建数据逻辑通信规则和机制，提供数据通信基础，让用户能通过图形界面完成对用户数据的增删改查操作；最终，数据逻辑通信模块会负责把用户需要提交的用户数据发送至后端，由后端完成数据存储；让用户能够搭建场景更加多样化的应用，提高软件开发效率。

在本说明书的描述中，参考术语“一个实施例”、“示例”、“具体示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本发明的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不一定指的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任何的一个或多个实施例或示例中以合适的方式结合。

以上公开的本发明优选实施例只是用于帮助阐述本发明。优选实施例并没有详尽叙述所有的细节，也不限制该发明仅为的具体实施方式。显然，根据本说明书的内容，可作很多的修改和变化。本说明书选取并具体描述这些实施例，是为了更好地解释本发明的原理和实际应用，从而使所属技术领域技术人员能很好地理解和利用本发明。本发明仅受权利要求书及其全部范围和等效物的限制。

Claims (10)

1.一种软件自定义表单内容web开发系统，其特征在于，包括页面设计器和页面渲染器；

所述页面设计器用于用户在建模平台上进行可视化配置，所述页面渲染器用于在运行引擎上针对用户的可视化配置进行场景实例化；

其中页面设计器分为前端和后端，包括图形界面设计模块、数据逻辑设计模块、权限设计模块以及流程设计模块；

其中页面设计器前端的图形界面设计模块用于配置图形界面配置数据，并将图形界面配置数据分别与数据逻辑设计模块、权限设计模块以及流程设计模块进行交互；所述数据逻辑设计模块用于生成逻辑配置数据；所述权限设计模块用于用户结合组织架构进行应用页面的权限设计，并将其转化为权限配置数据；页面设计器前端用于将图形界面配置数据、逻辑配置数据和权限配置数据进行统合生成应用配置数据，并打上时间戳交由页面设计器后端，存储于数据库；

所述页面渲染器分为前端和后端，包括图形界面渲染模块、数据逻辑通信模块和权限解析模块；页面渲染器后端用于从数据库中读取应用配置数据以及对应的用户实例数据，在后端的权限解析模块完成权限解析后，将处理后的数据交由前端的图形界面渲染模块，图形界面渲染模块根据应用配置数据、用户实例数据和对应的鉴权结果完成图形界面的渲染。

2.根据权利要求1所述的一种软件自定义表单内容web开发系统，其特征在于，其中，图形界面渲染模块根据应用配置数据、用户实例数据和对应的鉴权结果完成图形界面的渲染，具体为：

通过信息交互渠道获取用户实例数据，所述用户实例数据为已经完成的图形界面渲染记录；将历史配置数据和对应的历史鉴权结果作为输入数据，将对应的图形界面渲染记录作为输出数据建立误差逆向传播神经网络模型；所述误差逆向传播神经网络模型至少包括一层隐含层；

将用户实例数据按照设定比例划分为训练集、测试集和校验集；通过训练集、测试集和校验集对误差逆向传播神经网络进行训练、测试和校验，将完成训练的误差逆向传播神经网络标记为渲染参数预测模型；

将图形界面渲染模块接收到的当前应用配置数据和对应的鉴权结果作为输入数据，将输入数据输入至渲染参数预测模型中获取预测的渲染参数，并标记为标准渲染参数；所述图形界面渲染模块用于执行标准渲染参数完成图形界面的渲染，并将渲染结果进行整合生成用户实例数据。

3.根据权利要求1所述的一种软件自定义表单内容web开发系统，其特征在于，图形界面设计模块用于用户配置应用页面的设计参数，并将其转化成图形界面配置数据；所述设计参数包括组件字段、排列分布。

4.根据权利要求1所述的一种软件自定义表单内容web开发系统，其特征在于，所述数据逻辑设计模块用于用户配置应用页面的数据来源、页面组件间的数据通信逻辑以及对用户数据的具体操作逻辑，并将其转化成逻辑配置数据；所述具体操作逻辑包括增加、删除、修改和查看。

5.根据权利要求1所述的一种软件自定义表单内容web开发系统，其特征在于，所述流程设计模块用于根据用户在图形界面上配置的组件字段数据为基础形成流程基础判断，并形成流程数据；然后为数据交互流转形成应用审批数据设计交互，结合表单的具体业务流程及业务流程设计，形成自定义的流程审批。

6.根据权利要求1所述的一种软件自定义表单内容web开发系统，其特征在于，其中权限设计模块与图形界面设计模块生成的每个可视化功能节点进行连接，在对应功能节点上添加权限配置数据。

7.根据权利要求1所述的一种软件自定义表单内容web开发系统，其特征在于，所述图形界面设计模块和代码编辑模块相连接，代码编辑模块用于在图形界面上生成独立的功能组件，用户在对应功能组件上编辑能够实现软件开发所要求功能的完整软件代码。

8.根据权利要求1所述的一种软件自定义表单内容web开发系统，其特征在于，所述权限解析模块用于根据用户在页面设计器上的权限设计，结合当前登录用户的用户信息进行权限判断与解析，得到对应的鉴权结果；并根据鉴权结果面向该用户提供具有使用权限的功能。

9.根据权利要求1所述的一种软件自定义表单内容web开发系统，其特征在于，在用户进行数据操作时，所述数据逻辑通信模块用于根据逻辑配置数据搭建数据逻辑通信规则和机制，在图形界面的底层进行数据通信、数据交互，为图形界面渲染模块提供数据支撑，供用户通过图形界面完成对用户数据的增删改查操作，并将用户数据发送至页面渲染器后端，存储于数据库。

10.一种软件自定义表单内容web开发方法，其特征在于，具体包括：

1)用户通过页面设计器在建模平台上进行可视化配置：页面设计器前端的图形界面设计模块用于配置图形界面配置数据；将图形界面配置数据分别与数据逻辑设计模块、权限设计模块以及流程设计模块进行交互；通过数据逻辑设计模块生成逻辑配置数据，通过权限设计模块生成权限配置数据；将图形界面配置数据、逻辑配置数据和权限配置数据进行统合生成应用配置数据，并打上时间戳交由页面设计器后端，存储于数据库；

2)页面渲染器用于在运行引擎上针对用户的可视化配置进行场景实例化：页面渲染器后端从数据库中读取应用配置数据以及对应所需的用户实例数据，在后端的权限解析模块完成权限解析后，将处理后的数据交由前端的图形界面渲染模块；图形界面渲染模块根据应用配置数据、用户实例数据和对应的鉴权结果完成图形界面的渲染；

3)数据逻辑通信模块根据逻辑配置数据搭建数据逻辑通信规则和机制，提供数据通信基础，供用户通过图形界面完成对用户数据的增删改查操作；然后将用户数据送至后端，由后端完成数据存储；

4)通过代码编辑模块在图形界面上生成独立的功能组件，供用户在对应功能组件上编辑能够实现软件开发所要求功能的完整软件代码。

Images