[发明专利]一种基于数据源的可视化页面构筑方法

说明书

本发明涉及可视化页面构建技术领域，具体涉及一种基于数据源的可视化页面构筑方法。包括以下步骤：A)连接用户已有数据源，用户选择需要关联的选中表，系统自动获取选中表的关联表；B)获取选中表的字段及字段属性，根据字段的类型生成相应拖拽控件并排列在拖拽控件区；C)响应用户的拖拽，构筑目标页面，当用户完成目标页面构筑点击保存时，自动绑定数据表并关联后台代码，保存并提供页面文件的URL。本发明的实质性效果是：通过连接用户已有数据源，并根据数据源中包含的字段去生成控件，而不是由控件自定义字段，使得新构筑的页面天然的与用户已有数据源融合，通过支持多种数据源导入方式，加快系统升级改造的效率。

技术领域

本发明涉及可视化页面构建技术领域，具体涉及一种基于数据源的可视化页面构筑方法。

背景技术

可视化页面搭建是近年来逐渐开始广泛使用的功能页面搭建方法。如大量的中后端管理页面，虽然不同行业的中后端管理页面的具体数据段不同，但这些页面的逻辑和功能大同小异，开发重复性大、需求的变化快。对每个系统进行单独开发的意义不大。而可视化页面搭建技术很好的解决了这样的问题。可视化页面搭建使用拖拽控件，通过简单的拖拽和修改即可搭建各类系统页面，极大的降低了对编程人员的要求。但目前的可视化页面搭建首先生成各类型的控件，如文本输入框、单选框、复选框、下拉列表、图片域以及按钮等，而后再由用户拖拽后，自定义控件的ID等属性。在后台新建一张表，用户每拖拽并自定义一个控件在表中录入一个新的字段，并根据控件的自定义属性定义字段的属性。虽然能够生成各种类型的新的页面，但生成的新页面仅能对应一张数据表，导致业务受到限制。

如中国专利CN111061473A，公开日2020年4月24日，用于快速构建页面的可视化组件编辑方法及装置，该方法包括：在第一区域选取至少一个可视化组件并将其拖拽至第二区域，该第一区域和第二区域为一页面构建界面中的两个操作区域；确定该第二区域中任一可视化组件为当前待编辑对象，该当前待编辑对象在该第二区域中显示为允许移动的可编辑状态。其技术方案实现了可视化组件的在构建页面中的快速获取和便捷的可编辑状态，降低了能源项目可视化项目的开发成本和交付时间。但其不能和原有系统的数据打通，导致原有系统的业务逻辑与新建页面脱节的问题。

发明内容

本发明要解决的技术问题是：目前可视化页面搭建页面的数据源与原系统脱节的技术问题。提出了一种基于数据源的可视化页面构筑方法，本方法能够使新建的可视化页面的数据与原有系统融合，实现系统的快速升级改造，打通数据源。

为解决上述技术问题，本发明所采取的技术方案为：一种基于数据源的可视化页面构筑方法，包括以下步骤：A)连接用户已有数据源，用户选择需要关联的选中表，系统自动获取选中表的关联表；B)获取选中表的字段及字段属性，根据字段的类型生成相应拖拽控件并排列在拖拽控件区；C)响应用户的拖拽，构筑目标页面，当用户完成目标页面构筑点击保存时，自动绑定数据表并关联后台代码，保存为页面文件，提供页面文件的URL。通过连接用户已有数据源，并根据数据源中包含的字段去生成控件，而不是由控件自定义字段，使得新构筑的页面天然的与用户已有数据源融合，加快系统升级改造的效率。

作为优选，步骤A)中，连接用户已有数据源的方法包括以下方式中的一种或多种：①通过文件导入数据源，文件的类型为CSV、Excel、Json或Xml格式；②通过现有数据库，输入相关的连接信息访问现有数据库数据表；③新建数据库及表结构并直接输入数据；④通过URL接口方式导入第三方数据库表结构与数据；⑤可视化新建数据库表结构，并将字段与已有表的字段关联。通过支持多种数据源导入方式，能够适应多种系统的升级改造，方便用户构筑新的功能页面。