一种可视化、可拖拽的低代码开发工具

技术领域

本发明属开发工具技术领域，尤其涉及一种可视化、可拖拽的低代码开发工具。

背景技术

随着企业数字化转型的推进，越来越多的企业和组织需要快速开发和交付应用程序来满足业务的需求，传统的软件开发模式往往耗时、复杂，无法满足快速迭代和变化的需求。其次，市场上对应用系统的需求越来越多样化和个性化，传统的定制化开发无法满足这种快速变化的需求。同时在软件开发过程中，经常需要进行迭代开发和快速验证，以尽快获得反馈并进行调整，传统的开发方式需要编写大量的代码，而且涉及到多个技术栈和复杂的逻辑，耗时且不利于迭代。

综上所述，传统的软件开发流程需要编写大量的代码，而且涉及多个技术栈和复杂的逻辑，这种开发模式对于一些简单应用或功能相对较小的项目来说，显得过于繁琐和耗时。因此有必要提出一种新的技术解决方案能够为企业和组织提供一种更快速、敏捷的应用开发方式。

发明内容

本发明的目的在于提供一种可视化、可拖拽的低代码开发工具，其特征在于，包括相互配合设置的数据源配置模块、设计器模块、解析器模块和组件库模块；

数据源配置模块通过连接外部数据源，并为低代码开发工具提供各种类型的数据源选项；

设计器模块包括页面编辑器、数据绑定模块和组件属性配置模块，页面编辑器包括可视化界面和内置的可视化的组件，可视化界面设有设计器区域，通过拖拽操作将组件放置在设计器区域中实现设计页面的布局；数据绑定模块将组件与外部数据源进行绑定和关联，对于拖拽完成的组件，通过组件属性配置模块完成组件的属性和行为的配置；

解析器模块对设计器模块内数据进行实时解析，并基于可视化界面实现页面预览、验证页面布局、样式和交互效果；

组件库模块配合设计器模块，完成对各类组件的管理和版本控制。

进一步地，数据源配置模块集成关系型数据库，并通过编写sql语句和脚本对数据进行处理和分析。

进一步地，可视化界面通过将组件拖拽至设计器区域内，并对组件进行位置和样式的调整，完成设计页面的布局。

进一步地，组件属性配置模块将组件与数据源进行关联，具体为通过可视化界面选择数据源和字段，然后将选择的数据源和字段与相应组件的属性或者显示内容相绑定；组件属性配置模块还通过为组件添加各种事件的处理逻辑实现组件与应用程序的交互效果。

进一步地，解析器模块通过读取数据库中存储的内容对设计器模块内数据进行实时解析，当设计器模块对可视化界面进行设计和配置时，低代码开发工具基于解析器模块的数据解析实时更新预览页面的内容，同时根据所处设备的分辨率调整预览界面的尺寸和布局，实现模拟真实设备的页面显示效果。

进一步地，组件库模块包括组件库，组件库内置多种用于重复使用的常见组件，并通过修改组件库的代码对各种组件进行更新和维护，更新具体为发布新的版本和增添新的功能；维护具体为修复错误以及修复与新版本的不兼容问题。

进一步地，常见组件包括表单组件、按钮、媒体文件、图标和容器。

进一步地，组件库模块配置有相应的文档和支持资源，通过查阅文档了解组件库的使用方法、配置选项和API资源。

与现有技术相比，本发明的有益效果主要体现在：

1、本发明通过可视化的界面和拖拽式的组件配置，大大简化了应用程序的开发过程。开发者无需编写繁琐的代码，只需进行简单的配置和操作即可完成页面的搭建，大幅度降低了开发时间和成本，提高了开发效率。

2、本发明低代码开发工具以可视化的方式呈现开发过程，使得非专业的开发人员也能够参与应用的开发。这样可以扩大开发人员的范围，加快项目的进展。

3、本发明低代码开发工具灵活性强，可以方便地进行快速迭代和应对变更需求。通过简单地配置和调整，开发者可以快速修改应用程序，适应用户需求的变化。这样可以大幅缩短开发周期，及时响应市场变化。

4、本发明低代码开发工具提供了可视化的界面和组件库，使得应用程序的维护和更新更加容易。开发者可以通过简单的操作进行功能修改和bug修复，无需对整个应用程序进行全面的代码重构。这样可以降低维护成本，提高应用的可维护性。

5、本发明低代码平台提供了灵活的配置选项和自定义功能，使开发人员能够根据具体需求进行定制。通过简单地设置和调整，可以满足不同用户和业务场景的需求。这种灵活性和可定制性有助于创建个性化的应用程序，提升用户体验和竞争力。

附图说明

图1为本发明一种可视化、可拖拽的低代码开发工具中各模块的示意图。

图2和图3为本发明设计器模块的效果图。

具体实施方式

下面将结合示意图对本发明一种可视化、可拖拽的低代码开发工具进行更详细的描述，其中表示了本发明的优选实施例，应该理解本领域技术人员可以修改在此描述的本发明，而仍然实现本发明的有利效果，因此，下列描述应当被理解为对于本领域技术人员的广泛知道，而并不作为对本发明的限制。

如图1-3所示，一种可视化、可拖拽的低代码开发工具，包括相互配合的数据源配置模块、设计器模块、解析器模块、业务逻辑拓展模块和组件库模块。

数据源配置模块

数据源配置模块通过接口连接外部数据源，提供多种类型的数据源选项，例如：关系型数据库、Web、API、Websocket等数据源，并通过编写sql语句或者脚本对数据进行处理和分析。

设计器模块

设计器模块包括页面编辑器、组件属性配置模块和数据绑定模块。

页面编辑器：提供直观、易用的可视化界面和内置的可视化的组件，组件包括通过拖拽、配置组件等方式在可视化界面的设计器区域内完成应用程序的搭建，无需编写复杂的代码。其中，可视化组件包括各类预定义组件以及定制化组件，其中预定义组件包括图表、表单、按钮、表格、文本框、容器等基础组件，定制化组件是客户根据自身业务需求定制开发的组件，这些组件可以通过拖拽和配置来创建页面和功能。

数据绑定模块：将组件与数据源进行绑定，通过可视化界面选择数据源和字段，然后将选择的数据源和字段与相应组件的属性或者显示内容相绑定，数据绑定模块将页面组件与数据库、API或其他数据源进行关联，实现数据的展示和交互。

组件属性配置模块：通过为组件添加各种事件的处理逻辑实现组件与应用程序的交互效果。在拖拽组件后，用户可以通过可视化界面配置组件的属性和行为，包括文本内容、样式设置、事件处理、数据绑定等方面的配置。

解析器模块：

解析器模块通过读取数据库中存储的内容对设计器模块内数据进行实时解析，并基于所述可视化界面实现页面预览、验证页面布局、样式和交互效果，及时进行调整和修改；通过flex布局支持响应式布局，即根据不同的屏幕分辨率自动适应和调整页面布局。

组件库模块：

组件库模块用于管理组件之间的依赖关系，其包括组件库，组件库内置有多重可重复使用的常见组件，常见组件如：表单组件、按钮、媒体文件、图标和容器等。组件库模块可对组件进行更新和维护，需要发布更新版本，修复错误和新增功能，需要修复与新版本不兼容的问题，组件库具有良好的扩展性和自定义，可对组件样式修改、添加自定义行为、创建新的组件等，提供相应的文档和支持资源，可以通过查阅文档了解组件库的具体用法、配置选项、API文档等。

在此基础上，本发明低代码开发工具还具备以下功能：

提供权限管理模块，保护应用程序和用户数据的安全性。具体地提供更细粒度的权限管理功能，使管理员可以根据实际需求灵活配置用户权限。

提供灵活的业务逻辑拓展机制，使开发者可以根据具体需求自定义特定的业务逻辑。例如，支持使用脚本语言编写自定义函数或事件触发器，以满足个性化需求。同时，提供丰富的扩展开发接口和文档，方便开发者进行二次开发和功能扩展。

本发明平台提供更友好的交互方式和反馈机制，帮助开发者更高效地进行应用开发，简化操作流程，降低用户的学习和使用门槛。

上述仅为本发明的优选实施例而已，并不对本发明起到任何限制作用。任何所属技术领域的技术人员，在不脱离本发明的技术方案的范围内，对本发明揭露的技术方案和技术内容做任何形式的等同替换或修改等变动，均属未脱离本发明的技术方案的内容，仍属于本发明的保护范围之内。