CN112114797A - 可配置的可视化开发方法与系统 - Google Patents

Abstract

本发明提供了一种可配置的可视化开发方法与系统,其能够根据用户的控制指令选择合适的Web开发组件，并将该Web开发组件中的组件参数变量和组件运行函数转换为可视化信息，同时还能根据在开发过程中对源数据的运算处理结果实时显示相应的运算进度信息和参数变量值变更信息，以此确保开发者能够在开发过程中从众多的数据快速地、实时地和直观地获得相应的页面开发相关信息，从而最大限度地提高Web页面开发的开发效率和开发可靠性。

Description

可配置的可视化开发方法与系统

技术领域

本发明涉及计算机开发的技术领域，尤其涉及可配置的可视化开发方法与系统。

背景技术

目前，在Web页面开发过程中，需要开发的Web页面通常较为复杂，并且开发过程中涉及的开发组件及其对应的参数变量和运行函数都比较多，这导致开发过程的数据动态交互繁杂，从而使得开发者难以从众多的数据中快速地和直观地获得该Web页面开发，并严重地降低了Web页面开发的开发效率和开发可靠性。

发明内容

针对上述现有技术存在的缺陷，本发明提供可配置的可视化开发方法与系统，其通过获取来自用户的控制指令，并识别该控制指令的指令类型，再根据该指令类型，从预设Web开发数据库中选择并调用相匹配的Web开发组件，并识别该Web开发组件包含的组件参数变量和组件运行函数，并将该组件参数变量和该组件运行函数转换为可视化信息显示于预设显示界面中，再判断该控制指令的时间有效性，并在该控制指令具有相应时间有效性时，指示该组件运行函数对预设源数据集合进行运算处理，同时根据该运算处理的结果，变更该组件参数变量的实时变量值，最后获取该运算处理的实时运算进度信息和该组件参数变量的变量值变更信息，并将该实时运算进度信息和该变量值变更信息同步关联显示于该预设显示界面中；可见，该可配置的可视化开发方法与系统能够根据用户的控制指令选择合适的Web开发组件，并将该Web开发组件中的组件参数变量和组件运行函数转换为可视化信息，同时还能根据在开发过程中对源数据的运算处理结果实时显示相应的运算进度信息和参数变量值变更信息，以此确保开发者能够在开发过程中从众多的数据快速地、实时地和直观地获得相应的页面开发相关信息，从而最大限度地提高Web页面开发的开发效率和开发可靠性。

本发明提供可配置的可视化开发方法，其特征在于，其包括如下步骤：

步骤S1，获取来自用户的控制指令，并识别所述控制指令的指令类型，再根据所述指令类型，从预设Web开发数据库中选择并调用相匹配的Web开发组件；

步骤S2，识别所述Web开发组件包含的组件参数变量和组件运行函数，并将所述组件参数变量和所述组件运行函数转换为可视化信息显示于预设显示界面中；

步骤S3，判断所述控制指令的时间有效性，并在所述控制指令具有相应时间有效性时，指示所述组件运行函数对预设源数据集合进行运算处理，同时根据所述运算处理的结果，变更所述组件参数变量的实时变量值；

步骤S4，获取所述运算处理的实时运算进度信息和所述组件参数变量的变量值变更信息，并将所述实时运算进度信息和所述变量值变更信息同步关联显示于所述预设显示界面中；

进一步，在上述步骤S1中，获取来自用户的控制指令，并识别所述控制指令的指令类型，再根据所述指令类型，从预设Web开发数据中选择并调用相匹配的Web开发组件具体包括：

步骤S101，获取所述用户输入的控制指令，并识别所述控制指令包含的实际指令代码；

步骤S102，将所述实际指令代码与包含若干源指令代码的预设指令集合进行比对，以此确定所述实际指令代码对应的源指令代码，再根据所述确定的源指令代码，确定所述控制指令的指令类型，其中，所述指令类型包括开启指令、选择指令、修改指令和删除指令；

步骤S103，根据所述指令类型，从所述预设Web开发数据库中选择并调用与所述指令类型相匹配的Web开发组件，并将所述Web开发组件存放至独立缓存区间，以用于下一步骤的处理；

进一步，在上述步骤S2中，识别所述Web开发组件包含的组件参数变量和组件运行函数，并将所述组件参数变量和所述组件运行函数转换为可视化信息显示于预设显示界面中具体包括：

步骤S201，根据预设Web开发逻辑关系映射表，确定所述Web开发组件自身对应的实际开发逻辑关系信息，再根据所述实际开发逻辑关系信息，识别所述Web开发组件包含的组件参数变量和组件运行函数；

步骤S202，确定所述组件参数变量包含的参数变量类型和所述组件运行函数包含的运行函数类型，以此区分得到每一个组件参数变量和每一个组件运行函数；

步骤S203，将每一个组件参数变量和每一个组件运行函数转换为数学形式的可视化信息，并将所述可视化信息以动态滚动播放的形式显示于所述预设显示界面中；

进一步，在上述步骤S3中，判断所述控制指令的时间有效性，并在所述控制指令具有相应时间有效性时，指示所述组件运行函数对预设源数据集合进行运算处理，同时根据所述运算处理的结果，变更所述组件参数变量的实时变量值具体包括：

步骤S301，获取所述控制指令的实际指令生命有效周期，并将所述实际指令生命有效周期与预设时间阈值进行比对，若所述实际指令生命周期大于或者等于所述预设时间阈值，则确定所述控制指令具有相应的时间有效性，若所述实际指令生命周期小于所述预设时间阈值，则确定所述控制指令不具有相应的时间有效性；

步骤S302，在确定所述控制指令具有相应时间有效性时，根据所述控制指令指示所述组件运行函数对所述预设源数据集合进行运算处理，并记录所述运算处理的结果；

步骤S303，基于所述组件运行函数与所述组件参数变量之间的一一对应关系，并根据所述运算处理的结果，变更当前组件运行函数对应的组件参数变量的实时变量值；

进一步，在上述步骤S4中，获取所述运算处理的实时运算进度信息和所述组件参数变量的变量值变更信息，并将所述实时运算进度信息和所述变量值变更信息同步关联显示于所述预设显示界面中具体包括：

步骤S401，获取所述运算处理的实时运算完成进度信息和所述组件参数变量对应的全部历史变量值变更信息；

步骤S402，构建所述实时运算完成进度信息与每一项历史变量值变更信息之间的关联映射关系，并根据所述关联映射关系，对应每一段运算完成进度信息标识对应的一项历史变量值变更信息；

步骤S403，将已经标识有对应的一项历史变量值变更信息的所有段运算完成进度信息显示于所述预设显示界面中。

本发明还提供可配置的可视化开发系统，其特征在于，其包括控制指令识别模块、Web开发组件调用模块、可视化信息生成模块、控制指令执行模块和开发信息可视化显示模块；其中，

所述控制指令识别模块用于获取来自用户的控制指令，并识别所述控制指令的指令类型；

所述Web开发组件调用模块用于根据所述指令类型，从预设Web开发数据库中选择并调用相匹配的Web开发组件；

所述可视化信息生成模块用于识别所述Web开发组件包含的组件参数变量和组件运行函数，并将所述组件参数变量和所述组件运行函数转换为可视化信息显示于预设显示界面中；

所述控制指令执行模块用于判断所述控制指令的时间有效性，并在所述控制指令具有相应时间有效性时，指示所述组件运行函数对预设源数据集合进行运算处理，同时根据所述运算处理的结果，变更所述组件参数变量的实时变量值；

所述开发信息可视化显示模块用于获取所述运算处理的实时运算进度信息和所述组件参数变量的变量值变更信息，并将所述实时运算进度信息和所述变量值变更信息同步关联显示于所述预设显示界面中；

进一步，所述控制指令识别模块获取来自用户的控制指令，并识别所述控制指令的指令类型具体包括：

获取所述用户输入的控制指令，并识别所述控制指令包含的实际指令代码，

再将所述实际指令代码与包含若干源指令代码的预设指令集合进行比对，以此确定所述实际指令代码对应的源指令代码，再根据所述确定的源指令代码，确定所述控制指令的指令类型，其中，所述指令类型包括开启指令、选择指令、修改指令和删除指令；

以及，

所述Web开发组件调用模块根据所述指令类型，从预设Web开发数据库中选择并调用相匹配的Web开发组件具体包括：

根据所述指令类型，从所述预设Web开发数据库中选择并调用与所述指令类型相匹配的Web开发组件，并将所述Web开发组件存放至独立缓存区间，以用于后续的处理

进一步，所述可视化信息生成模块识别所述Web开发组件包含的组件参数变量和组件运行函数，并将所述组件参数变量和所述组件运行函数转换为可视化信息显示于预设显示界面中具体包括：

根据预设Web开发逻辑关系映射表，确定所述Web开发组件自身对应的实际开发逻辑关系信息，再根据所述实际开发逻辑关系信息，识别所述Web开发组件包含的组件参数变量和组件运行函数，

再确定所述组件参数变量包含的参数变量类型和所述组件运行函数包含的运行函数类型，以此区分得到每一个组件参数变量和每一个组件运行函数，

最后将每一个组件参数变量和每一个组件运行函数转换为数学形式的可视化信息，并将所述可视化信息以动态滚动播放的形式显示于所述预设显示界面中；

进一步，所述控制指令执行模块判断所述控制指令的时间有效性，并在所述控制指令具有相应时间有效性时，指示所述组件运行函数对预设源数据集合进行运算处理，同时根据所述运算处理的结果，变更所述组件参数变量的实时变量值具体包括：

获取所述控制指令的实际指令生命有效周期，并将所述实际指令生命有效周期与预设时间阈值进行比对，若所述实际指令生命周期大于或者等于所述预设时间阈值，则确定所述控制指令具有相应的时间有效性，若所述实际指令生命周期小于所述预设时间阈值，则确定所述控制指令不具有相应的时间有效性，

再在确定所述控制指令具有相应时间有效性时，根据所述控制指令指示所述组件运行函数对所述预设源数据集合进行运算处理，并记录所述运算处理的结果，

最后基于所述组件运行函数与所述组件参数变量之间的一一对应关系，并根据所述运算处理的结果，变更当前组件运行函数对应的组件参数变量的实时变量值；

进一步，所述开发信息可视化显示模块获取所述运算处理的实时运算进度信息和所述组件参数变量的变量值变更信息，并将所述实时运算进度信息和所述变量值变更信息同步关联显示于所述预设显示界面中具体包括：

获取所述运算处理的实时运算完成进度信息和所述组件参数变量对应的全部历史变量值变更信息，

再构建所述实时运算完成进度信息与每一项历史变量值变更信息之间的关联映射关系，并根据所述关联映射关系，对应每一段运算完成进度信息标识对应的一项历史变量值变更信息，

最后将已经标识有对应的一项历史变量值变更信息的所有段运算完成进度信息显示于所述预设显示界面中。

相比于现有技术，本发明的可配置的可视化开发方法与系统通过获取来自用户的控制指令，并识别该控制指令的指令类型，再根据该指令类型，从预设Web开发数据库中选择并调用相匹配的Web开发组件，并识别该Web开发组件包含的组件参数变量和组件运行函数，并将该组件参数变量和该组件运行函数转换为可视化信息显示于预设显示界面中，再判断该控制指令的时间有效性，并在该控制指令具有相应时间有效性时，指示该组件运行函数对预设源数据集合进行运算处理，同时根据该运算处理的结果，变更该组件参数变量的实时变量值，最后获取该运算处理的实时运算进度信息和该组件参数变量的变量值变更信息，并将该实时运算进度信息和该变量值变更信息同步关联显示于该预设显示界面中；可见，该可配置的可视化开发方法与系统能够根据用户的控制指令选择合适的Web开发组件，并将该Web开发组件中的组件参数变量和组件运行函数转换为可视化信息，同时还能根据在开发过程中对源数据的运算处理结果实时显示相应的运算进度信息和参数变量值变更信息，以此确保开发者能够在开发过程中从众多的数据快速地、实时地和直观地获得相应的页面开发相关信息，从而最大限度地提高Web页面开发的开发效率和开发可靠性。

附图说明

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

图1为本发明提供的可配置的可视化开发方法的流程示意图。

图2为本发明提供的可配置的可视化开发系统的结构示意图。

具体实施方式

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

参阅图1，为本发明提供的可配置的可视化开发方法的流程示意图。该可配置的可视化开发方法包括如下步骤：

步骤S1，获取来自用户的控制指令，并识别该控制指令的指令类型，再根据该指令类型，从预设Web开发数据库中选择并调用相匹配的Web开发组件；

步骤S2，识别该Web开发组件包含的组件参数变量和组件运行函数，并将该组件参数变量和该组件运行函数转换为可视化信息显示于预设显示界面中；

步骤S3，判断该控制指令的时间有效性，并在该控制指令具有相应时间有效性时，指示该组件运行函数对预设源数据集合进行运算处理，同时根据该运算处理的结果，变更该组件参数变量的实时变量值；

步骤S4，获取该运算处理的实时运算进度信息和该组件参数变量的变量值变更信息，并将该实时运算进度信息和该变量值变更信息同步关联显示于该预设显示界面中。

该可配置的可视化开发方法能够根据用户的控制指令选择合适的Web开发组件，并将该Web开发组件中的组件参数变量和组件运行函数转换为可视化信息，同时还能根据在开发过程中对源数据的运算处理结果实时显示相应的运算进度信息和参数变量值变更信息，以此确保开发者能够在开发过程中从众多的数据快速地、实时地和直观地获得相应的页面开发相关信息，从而最大限度地提高Web页面开发的开发效率和开发可靠性。

优选地，在上述步骤S1中，获取来自用户的控制指令，并识别该控制指令的指令类型，再根据该指令类型，从预设Web开发数据中选择并调用相匹配的Web开发组件具体包括：

步骤S101，获取该用户输入的控制指令，并识别该控制指令包含的实际指令代码；

步骤S102，将该实际指令代码与包含若干源指令代码的预设指令集合进行比对，以此确定该实际指令代码对应的源指令代码，再根据该确定的源指令代码，确定该控制指令的指令类型，其中，该指令类型包括开启指令、选择指令、修改指令和删除指令；

步骤S103，根据该指令类型，从该预设Web开发数据库中选择并调用与该指令类型相匹配的Web开发组件，并将该Web开发组件存放至独立缓存区间，以用于下一步骤的处理。

通过对用户输入的控制指令进行识别区分，能够便于根据控制指令的类型准确地选择和调用合适的Web开发组件，从而提高后续开发的有效性和精确性。

优选地，在上述步骤S2中，识别该Web开发组件包含的组件参数变量和组件运行函数，并将该组件参数变量和该组件运行函数转换为可视化信息显示于预设显示界面中具体包括：

步骤S201，根据预设Web开发逻辑关系映射表，确定该Web开发组件自身对应的实际开发逻辑关系信息，再根据该实际开发逻辑关系信息，识别该Web开发组件包含的组件参数变量和组件运行函数；

步骤S202，确定该组件参数变量包含的参数变量类型和该组件运行函数包含的运行函数类型，以此区分得到每一个组件参数变量和每一个组件运行函数；

步骤S203，将每一个组件参数变量和每一个组件运行函数转换为数学形式的可视化信息，并将该可视化信息以动态滚动播放的形式显示于该预设显示界面中。

通过预设Web开发逻辑关系映射表，能够对选择得到的Web开发组件进行有针对性的开发逻辑关识别确认，从而准确地获得当前Web开发组件对应包含的组件参数变量和组件运行函数，以及对该组件参数变量和该组件运行函数进行可视化显示，能够便于开发者直观地获得开发组件的相关信息。

优选地，在上述步骤S3中，判断该控制指令的时间有效性，并在该控制指令具有相应时间有效性时，指示该组件运行函数对预设源数据集合进行运算处理，同时根据该运算处理的结果，变更该组件参数变量的实时变量值具体包括：

步骤S301，获取该控制指令的实际指令生命有效周期，并将该实际指令生命有效周期与预设时间阈值进行比对，若该实际指令生命周期大于或者等于该预设时间阈值，则确定该控制指令具有相应的时间有效性，若该实际指令生命周期小于该预设时间阈值，则确定该控制指令不具有相应的时间有效性；

步骤S302，在确定该控制指令具有相应时间有效性时，根据该控制指令指示该组件运行函数对该预设源数据集合进行运算处理，并记录该运算处理的结果；

步骤S303，基于该组件运行函数与该组件参数变量之间的一一对应关系，并根据该运算处理的结果，变更当前组件运行函数对应的组件参数变量的实时变量值。

通过判断该控制指令的时间有效性能够避免发生控制指令持续占用服务器内存空间情况的出现，并且还能够及时地相应开发者的实际需求进行适应性的开发调整，从而提高页面开发的效率和速度。

优选地，在上述步骤S4中，获取该运算处理的实时运算进度信息和该组件参数变量的变量值变更信息，并将该实时运算进度信息和该变量值变更信息同步关联显示于该预设显示界面中具体包括：

步骤S401，获取该运算处理的实时运算完成进度信息和该组件参数变量对应的全部历史变量值变更信息；

步骤S402，构建该实时运算完成进度信息与每一项历史变量值变更信息之间的关联映射关系，并根据该关联映射关系，对应每一段运算完成进度信息标识对应的一项历史变量值变更信息；

步骤S403，将已经标识有对应的一项历史变量值变更信息的所有段运算完成进度信息显示于该预设显示界面中。

通过将已经标识有对应的一项历史变量值变更信息的所有段运算完成进度信息显示于该预设显示界面中，能够便于开发者快速地和精确地获得当前页面开发的相关信息，从而便于开发者适应性地调整当前的开发策略。

参阅图2，为本发明提供的可配置的可视化开发系统的结构示意图。该可配置的可视化开发系统包括控制指令识别模块、Web开发组件调用模块、可视化信息生成模块、控制指令执行模块和开发信息可视化显示模块；其中，

该控制指令识别模块用于获取来自用户的控制指令，并识别该控制指令的指令类型；

该Web开发组件调用模块用于根据该指令类型，从预设Web开发数据库中选择并调用相匹配的Web开发组件；

该可视化信息生成模块用于识别该Web开发组件包含的组件参数变量和组件运行函数，并将该组件参数变量和该组件运行函数转换为可视化信息显示于预设显示界面中；

该控制指令执行模块用于判断该控制指令的时间有效性，并在该控制指令具有相应时间有效性时，指示该组件运行函数对预设源数据集合进行运算处理，同时根据该运算处理的结果，变更该组件参数变量的实时变量值；

该开发信息可视化显示模块用于获取该运算处理的实时运算进度信息和该组件参数变量的变量值变更信息，并将该实时运算进度信息和该变量值变更信息同步关联显示于该预设显示界面中。

该可配置的可视化开发系统能够根据用户的控制指令选择合适的Web开发组件，并将该Web开发组件中的组件参数变量和组件运行函数转换为可视化信息，同时还能根据在开发过程中对源数据的运算处理结果实时显示相应的运算进度信息和参数变量值变更信息，以此确保开发者能够在开发过程中从众多的数据快速地、实时地和直观地获得相应的页面开发相关信息，从而最大限度地提高Web页面开发的开发效率和开发可靠性。

优选地，该控制指令识别模块获取来自用户的控制指令，并识别该控制指令的指令类型具体包括：

获取该用户输入的控制指令，并识别该控制指令包含的实际指令代码，

再将该实际指令代码与包含若干源指令代码的预设指令集合进行比对，以此确定该实际指令代码对应的源指令代码，再根据该确定的源指令代码，确定该控制指令的指令类型，其中，该指令类型包括开启指令、选择指令、修改指令和删除指令；

以及，

该Web开发组件调用模块根据该指令类型，从预设Web开发数据库中选择并调用相匹配的Web开发组件具体包括：

根据该指令类型，从该预设Web开发数据库中选择并调用与该指令类型相匹配的Web开发组件，并将该Web开发组件存放至独立缓存区间，以用于后续的处理。

通过对用户输入的控制指令进行识别区分，能够便于根据控制指令的类型准确地选择和调用合适的Web开发组件，从而提高后续开发的有效性和精确性。

优选地，该可视化信息生成模块识别该Web开发组件包含的组件参数变量和组件运行函数，并将该组件参数变量和该组件运行函数转换为可视化信息显示于预设显示界面中具体包括：

根据预设Web开发逻辑关系映射表，确定该Web开发组件自身对应的实际开发逻辑关系信息，再根据该实际开发逻辑关系信息，识别该Web开发组件包含的组件参数变量和组件运行函数，

再确定该组件参数变量包含的参数变量类型和该组件运行函数包含的运行函数类型，以此区分得到每一个组件参数变量和每一个组件运行函数，

最后将每一个组件参数变量和每一个组件运行函数转换为数学形式的可视化信息，并将该可视化信息以动态滚动播放的形式显示于该预设显示界面中。

通过预设Web开发逻辑关系映射表，能够对选择得到的Web开发组件进行有针对性的开发逻辑关识别确认，从而准确地获得当前Web开发组件对应包含的组件参数变量和组件运行函数，以及对该组件参数变量和该组件运行函数进行可视化显示，能够便于开发者直观地获得开发组件的相关信息。

优选地，该控制指令执行模块判断该控制指令的时间有效性，并在该控制指令具有相应时间有效性时，指示该组件运行函数对预设源数据集合进行运算处理，同时根据该运算处理的结果，变更该组件参数变量的实时变量值具体包括：

获取该控制指令的实际指令生命有效周期，并将该实际指令生命有效周期与预设时间阈值进行比对，若该实际指令生命周期大于或者等于该预设时间阈值，则确定该控制指令具有相应的时间有效性，若该实际指令生命周期小于该预设时间阈值，则确定该控制指令不具有相应的时间有效性，

再在确定该控制指令具有相应时间有效性时，根据该控制指令指示该组件运行函数对该预设源数据集合进行运算处理，并记录该运算处理的结果，

最后基于该组件运行函数与该组件参数变量之间的一一对应关系，并根据该运算处理的结果，变更当前组件运行函数对应的组件参数变量的实时变量值。

通过判断该控制指令的时间有效性能够避免发生控制指令持续占用服务器内存空间情况的出现，并且还能够及时地相应开发者的实际需求进行适应性的开发调整，从而提高页面开发的效率和速度。

优选地，该开发信息可视化显示模块获取该运算处理的实时运算进度信息和该组件参数变量的变量值变更信息，并将该实时运算进度信息和该变量值变更信息同步关联显示于该预设显示界面中具体包括：

获取该运算处理的实时运算完成进度信息和该组件参数变量对应的全部历史变量值变更信息，

再构建该实时运算完成进度信息与每一项历史变量值变更信息之间的关联映射关系，并根据该关联映射关系，对应每一段运算完成进度信息标识对应的一项历史变量值变更信息，

最后将已经标识有对应的一项历史变量值变更信息的所有段运算完成进度信息显示于该预设显示界面中。

通过将已经标识有对应的一项历史变量值变更信息的所有段运算完成进度信息显示于该预设显示界面中，能够便于开发者快速地和精确地获得当前页面开发的相关信息，从而便于开发者适应性地调整当前的开发策略。

从上述实施例的内容可知，该可配置的可视化开发方法与系统通过获取来自用户的控制指令，并识别该控制指令的指令类型，再根据该指令类型，从预设Web开发数据库中选择并调用相匹配的Web开发组件，并识别该Web开发组件包含的组件参数变量和组件运行函数，并将该组件参数变量和该组件运行函数转换为可视化信息显示于预设显示界面中，再判断该控制指令的时间有效性，并在该控制指令具有相应时间有效性时，指示该组件运行函数对预设源数据集合进行运算处理，同时根据该运算处理的结果，变更该组件参数变量的实时变量值，最后获取该运算处理的实时运算进度信息和该组件参数变量的变量值变更信息，并将该实时运算进度信息和该变量值变更信息同步关联显示于该预设显示界面中；可见，该可配置的可视化开发方法与系统能够根据用户的控制指令选择合适的Web开发组件，并将该Web开发组件中的组件参数变量和组件运行函数转换为可视化信息，同时还能根据在开发过程中对源数据的运算处理结果实时显示相应的运算进度信息和参数变量值变更信息，以此确保开发者能够在开发过程中从众多的数据快速地、实时地和直观地获得相应的页面开发相关信息，从而最大限度地提高Web页面开发的开发效率和开发可靠性。

Claims (10)

1.可配置的可视化开发方法，其特征在于，其包括如下步骤：

步骤S1，获取来自用户的控制指令，并识别所述控制指令的指令类型，再根据所述指令类型，从预设Web开发数据库中选择并调用相匹配的Web开发组件；

步骤S2，识别所述Web开发组件包含的组件参数变量和组件运行函数，并将所述组件参数变量和所述组件运行函数转换为可视化信息显示于预设显示界面中；

步骤S3，判断所述控制指令的时间有效性，并在所述控制指令具有相应时间有效性时，指示所述组件运行函数对预设源数据集合进行运算处理，同时根据所述运算处理的结果，变更所述组件参数变量的实时变量值；

步骤S4，获取所述运算处理的实时运算进度信息和所述组件参数变量的变量值变更信息，并将所述实时运算进度信息和所述变量值变更信息同步关联显示于所述预设显示界面中。

2.根据权利要求1所述的可配置的可视化开发方法，其特征在于：

在上述步骤S1中，获取来自用户的控制指令，并识别所述控制指令的指令类型，再根据所述指令类型，从预设Web开发数据中选择并调用相匹配的Web开发组件具体包括：

步骤S101，获取所述用户输入的控制指令，并识别所述控制指令包含的实际指令代码；

步骤S102，将所述实际指令代码与包含若干源指令代码的预设指令集合进行比对，以此确定所述实际指令代码对应的源指令代码，再根据所述确定的源指令代码，确定所述控制指令的指令类型，其中，所述指令类型包括开启指令、选择指令、修改指令和删除指令；

步骤S103，根据所述指令类型，从所述预设Web开发数据库中选择并调用与所述指令类型相匹配的Web开发组件，并将所述Web开发组件存放至独立缓存区间，以用于下一步骤的处理。

3.根据权利要求1所述的可配置的可视化开发方法，其特征在于：

在上述步骤S2中，识别所述Web开发组件包含的组件参数变量和组件运行函数，并将所述组件参数变量和所述组件运行函数转换为可视化信息显示于预设显示界面中具体包括：

步骤S201，根据预设Web开发逻辑关系映射表，确定所述Web开发组件自身对应的实际开发逻辑关系信息，再根据所述实际开发逻辑关系信息，识别所述Web开发组件包含的组件参数变量和组件运行函数；

步骤S202，确定所述组件参数变量包含的参数变量类型和所述组件运行函数包含的运行函数类型，以此区分得到每一个组件参数变量和每一个组件运行函数；

步骤S203，将每一个组件参数变量和每一个组件运行函数转换为数学形式的可视化信息，并将所述可视化信息以动态滚动播放的形式显示于所述预设显示界面中。

4.根据权利要求1所述的可配置的可视化开发方法，其特征在于：

在上述步骤S3中，判断所述控制指令的时间有效性，并在所述控制指令具有相应时间有效性时，指示所述组件运行函数对预设源数据集合进行运算处理，同时根据所述运算处理的结果，变更所述组件参数变量的实时变量值具体包括：

步骤S301，获取所述控制指令的实际指令生命有效周期，并将所述实际指令生命有效周期与预设时间阈值进行比对，若所述实际指令生命周期大于或者等于所述预设时间阈值，则确定所述控制指令具有相应的时间有效性，若所述实际指令生命周期小于所述预设时间阈值，则确定所述控制指令不具有相应的时间有效性；

步骤S302，在确定所述控制指令具有相应时间有效性时，根据所述控制指令指示所述组件运行函数对所述预设源数据集合进行运算处理，并记录所述运算处理的结果；

步骤S303，基于所述组件运行函数与所述组件参数变量之间的一一对应关系，并根据所述运算处理的结果，变更当前组件运行函数对应的组件参数变量的实时变量值。

5.根据权利要求1所述的可配置的可视化开发方法，其特征在于：

在上述步骤S4中，获取所述运算处理的实时运算进度信息和所述组件参数变量的变量值变更信息，并将所述实时运算进度信息和所述变量值变更信息同步关联显示于所述预设显示界面中具体包括：

步骤S401，获取所述运算处理的实时运算完成进度信息和所述组件参数变量对应的全部历史变量值变更信息；

步骤S402，构建所述实时运算完成进度信息与每一项历史变量值变更信息之间的关联映射关系，并根据所述关联映射关系，对应每一段运算完成进度信息标识对应的一项历史变量值变更信息；

步骤S403，将已经标识有对应的一项历史变量值变更信息的所有段运算完成进度信息显示于所述预设显示界面中。

6.可配置的可视化开发系统，其特征在于，其包括控制指令识别模块、Web开发组件调用模块、可视化信息生成模块、控制指令执行模块和开发信息可视化显示模块；其中，

所述控制指令识别模块用于获取来自用户的控制指令，并识别所述控制指令的指令类型；

所述Web开发组件调用模块用于根据所述指令类型，从预设Web开发数据库中选择并调用相匹配的Web开发组件；

所述可视化信息生成模块用于识别所述Web开发组件包含的组件参数变量和组件运行函数，并将所述组件参数变量和所述组件运行函数转换为可视化信息显示于预设显示界面中；

所述控制指令执行模块用于判断所述控制指令的时间有效性，并在所述控制指令具有相应时间有效性时，指示所述组件运行函数对预设源数据集合进行运算处理，同时根据所述运算处理的结果，变更所述组件参数变量的实时变量值；

所述开发信息可视化显示模块用于获取所述运算处理的实时运算进度信息和所述组件参数变量的变量值变更信息，并将所述实时运算进度信息和所述变量值变更信息同步关联显示于所述预设显示界面中。

7.根据权利要求6所述的可配置的可视化开发系统，其特征在于：

所述控制指令识别模块获取来自用户的控制指令，并识别所述控制指令的指令类型具体包括：

获取所述用户输入的控制指令，并识别所述控制指令包含的实际指令代码，

再将所述实际指令代码与包含若干源指令代码的预设指令集合进行比对，以此确定所述实际指令代码对应的源指令代码，再根据所述确定的源指令代码，确定所述控制指令的指令类型，其中，所述指令类型包括开启指令、选择指令、修改指令和删除指令；

以及，

所述Web开发组件调用模块根据所述指令类型，从预设Web开发数据库中选择并调用相匹配的Web开发组件具体包括：

根据所述指令类型，从所述预设Web开发数据库中选择并调用与所述指令类型相匹配的Web开发组件，并将所述Web开发组件存放至独立缓存区间，以用于后续的处理。

8.根据权利要求6所述的可配置的可视化开发系统，其特征在于：

所述可视化信息生成模块识别所述Web开发组件包含的组件参数变量和组件运行函数，并将所述组件参数变量和所述组件运行函数转换为可视化信息显示于预设显示界面中具体包括：

根据预设Web开发逻辑关系映射表，确定所述Web开发组件自身对应的实际开发逻辑关系信息，再根据所述实际开发逻辑关系信息，识别所述Web开发组件包含的组件参数变量和组件运行函数，

再确定所述组件参数变量包含的参数变量类型和所述组件运行函数包含的运行函数类型，以此区分得到每一个组件参数变量和每一个组件运行函数，

最后将每一个组件参数变量和每一个组件运行函数转换为数学形式的可视化信息，并将所述可视化信息以动态滚动播放的形式显示于所述预设显示界面中。

9.根据权利要求6所述的可配置的可视化开发系统，其特征在于：

所述控制指令执行模块判断所述控制指令的时间有效性，并在所述控制指令具有相应时间有效性时，指示所述组件运行函数对预设源数据集合进行运算处理，同时根据所述运算处理的结果，变更所述组件参数变量的实时变量值具体包括：

获取所述控制指令的实际指令生命有效周期，并将所述实际指令生命有效周期与预设时间阈值进行比对，若所述实际指令生命周期大于或者等于所述预设时间阈值，则确定所述控制指令具有相应的时间有效性，若所述实际指令生命周期小于所述预设时间阈值，则确定所述控制指令不具有相应的时间有效性，

再在确定所述控制指令具有相应时间有效性时，根据所述控制指令指示所述组件运行函数对所述预设源数据集合进行运算处理，并记录所述运算处理的结果，

最后基于所述组件运行函数与所述组件参数变量之间的一一对应关系，并根据所述运算处理的结果，变更当前组件运行函数对应的组件参数变量的实时变量值。

10.根据权利要求6所述的可配置的可视化开发系统，其特征在于：

所述开发信息可视化显示模块获取所述运算处理的实时运算进度信息和所述组件参数变量的变量值变更信息，并将所述实时运算进度信息和所述变量值变更信息同步关联显示于所述预设显示界面中具体包括：

获取所述运算处理的实时运算完成进度信息和所述组件参数变量对应的全部历史变量值变更信息，

再构建所述实时运算完成进度信息与每一项历史变量值变更信息之间的关联映射关系，并根据所述关联映射关系，对应每一段运算完成进度信息标识对应的一项历史变量值变更信息，

最后将已经标识有对应的一项历史变量值变更信息的所有段运算完成进度信息显示于所述预设显示界面中。

Images