适用于WEB端的数据处理方法、装置及电子设备制造方法及图纸

本公开提供了一种适用于WEB端的数据处理方法、装置及电子设备，其中方法包括：利用前端框架构建WEB前端页面，通过WEB后端接口连通WEB前端和WEB后端的数据，并采用可视化图表工具将WEB后端的数据在WEB前端页面进行展示；基于WEB前端页面展示的数据，通过设置数据库连接和访问信息创建数据仓库连接，其中，数据仓库连接用于访问数据库连接对应的数据库；利用数据仓库连接，对数据库中的数据进行处理。本公开通过数据仓库连接，直接对数据库中的数据进行处理，不需要再额外使用mysql管理工具，数据处理简单，降低了数据操作的门槛和学习成本，解决了相关技术中数据操作复杂且学习成本高的问题。高的问题。高的问题。

【技术实现步骤摘要】
适用于WEB端的数据处理方法、装置及电子设备


[0001]本公开涉及数据管理
，具体涉及一种适用于WEB端的数据处理方法、装置及电子设备。

技术介绍

[0002]随着计算机技术的发展，日常需要管理的数据逐渐增多。目前，用户对数据库中的数据进行操作时，往往无法直接操作数据库，需要使用Navicat等mysql管理工具，然而这种方式较为繁琐，数据操作复杂，并且mysql管理工具的学习成本高。
[0003]针对相关技术中数据操作复杂且学习成本高的问题，目前尚未提出有效的技术解决方案。

技术实现思路

[0004]本公开的主要目的在于提供一种适用于WEB端的数据处理方法、装置及电子设备，以解决相关技术中数据操作复杂且学习成本高的问题。
[0005]为了实现上述目的，本公开的第一方面提供了一种适用于WEB端的数据处理方法，包括：利用前端框架构建WEB前端页面，其中，WEB前端页面为WEB前端展示的用户界面；通过WEB后端接口连通WEB前端和WEB后端的数据，并采用可视化图表工具将WEB后端的数据在WEB前端页面进行展示；基于WEB前端页面展示的数据，通过设置数据库连接和访问信息创建数据仓库连接，其中，数据仓库连接用于访问数据库连接对应的数据库；以及利用数据仓库连接，对数据库中的数据进行处理。
[0006]可选地，利用前端框架构建WEB前端页面包括：基于前端框架开发WEB前端页面，构建WEB前端页面的布局，其中，前端框架包括React、Vue和Angular中的任意一种或多种；确定前端框架对应的组件和路由管理器；利用前端框架的组件编写WEB前端页面，并利用前端框架的路由管理器构建页面路由关系。
[0007]进一步地，利用前端框架的路由管理器构建页面路由关系包括：利用前端框架的路由管理器设定路径，基于路径确定统一资源定位符；构建统一资源定位符和WEB前端页面之间的映射关系。
[0008]可选地，采用可视化图表工具将WEB后端的数据在WEB前端页面进行展示包括：基于WEB后端的数据，采用可视化图表工具统计数据规模和数据融合，并在WEB前端页面进行展示，其中，可视化图表工具包括echarts、highcharts和antv中的任意一种或多种；对WEB前端的数据库连接进行操作，并通过数据库连接，利用图形化页面对数据库
中的数据进行展示并操作；按照数据在业务线中的流向和数据库中各个层级数据表之间的关系，确定每个元素在WEB前端页面上的位置，绘制数据血缘图并展示，其中，元素位于WEB前端页面上；从多个维度对数据进行可视化展示，并结合多个维度监测数据的质量。
[0009]可选地，访问信息包括端口、用户名和密码；基于WEB前端页面展示的数据，通过设置数据库连接和访问信息创建数据仓库连接，包括：确定WEB前端页面展示的数据所属数据库，根据连接上数据库的路径设置数据库连接；通过设置数据库连接、端口、用户名和密码，创建数据仓库连接。
[0010]可选地，利用数据仓库连接，对数据库中的数据进行处理，包括：将数据仓库连接作为交互控件，接收用户通过数据仓库连接对数据库、数据库中表结构或数据库中数据的操作，其中，用户的操作包括增加、删除、修改和查询中的任意一种或多种；响应用户对数据库、数据库中表结构或数据库中数据的操作，展示执行操作后的WEB前端页面。
[0011]可选地，在利用数据仓库连接，对数据库中的数据进行处理之后，方法还包括：响应用户对WEB前端页面上元素的点击操作，显示元素对应的可操作项；响应用户对数据仓库连接名、数据库名或表名的点击操作，展示数据仓库、数据库或表对应的信息；响应用户对数据仓库连接名、数据库名或表名的展开操作，按照树形结构展开数据仓库连接名、数据库名或表名的下级数据。
[0012]本公开的第二方面提供了一种适用于WEB端的数据处理装置，包括：页面构建单元，用于利用前端框架构建WEB前端页面，其中，WEB前端页面为WEB前端展示的用户界面；可视化展示单元，用于通过WEB后端接口连通WEB前端和WEB后端的数据，并采用可视化图表工具将WEB后端的数据在WEB前端页面进行展示；创建单元，用于基于WEB前端页面展示的数据，通过设置数据库连接和访问信息创建数据仓库连接，其中，数据仓库连接用于访问数据库连接对应的数据库；以及数据处理单元，用于利用数据仓库连接，对数据库中的数据进行处理。
[0013]本公开的第三方面提供了一种计算机可读存储介质，计算机可读存储介质存储有计算机指令，计算机指令用于使计算机执行第一方面任意一项提供的适用于WEB端的数据处理方法。
[0014]本公开的第四方面提供了一种电子设备，电子设备包括：至少一个处理器；以及与至少一个处理器通信连接的存储器；其中，存储器存储有可被至少一个处理器执行的计算机程序，计算机程序被至少一个处理器执行，以使至少一个处理器执行第一方面任意一项提供的适用于WEB端的数据处理方法。
[0015]在本公开实施例提供的适用于WEB端的数据处理方法中，利用前端框架构建WEB前端页面，其中，WEB前端页面为WEB前端展示的用户界面；通过WEB后端接口连通WEB前端和
WEB后端的数据，并采用可视化图表工具将WEB后端的数据在WEB前端页面进行展示；通过可视化图表工具对数据进行展示，可以直观地显示出异常数据，进而可以快速地发现异常并处理问题；基于WEB前端页面展示的数据，通过设置数据库连接和访问信息创建数据仓库连接，其中，数据仓库连接用于访问数据库连接对应的数据库；利用数据仓库连接，对数据库中的数据进行处理。通过数据仓库连接，直接对数据库中的数据进行处理，不需要再额外使用mysql管理工具，数据处理简单，降低了数据操作的门槛和学习成本，解决了相关技术中数据操作复杂且学习成本高的问题。
附图说明
[0016]为了更清楚地说明本公开具体实施方式或现有技术中的技术方案，下面将对具体实施方式或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本公开的一些实施方式，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0017]图1为本公开实施例提供的适用于WEB端的数据操作方法流程示意图；图2为本公开实施例提供的一种WEB前端页面的布局图；图3为本公开实施例提供的适用于WEB端的数据操作装置框图；图4为本公开实施例提供的电子设备框图。
具体实施方式
[0018]为了使本
的人员更好地理解本公开方案，下面将结合本公开实施例中的附图，对本公开实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本公开一部分的实施例，而不是全部的实施例。基于本公开中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本公开保护的范围。
[0019]需要说明的是，本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种适用于WEB端的数据处理方法，其特征在于，包括：利用前端框架构建WEB前端页面，其中，所述WEB前端页面为WEB前端展示的用户界面；通过WEB后端接口连通所述WEB前端和WEB后端的数据，并采用可视化图表工具将所述WEB后端的数据在所述WEB前端页面进行展示；基于所述WEB前端页面展示的数据，通过设置数据库连接和访问信息创建数据仓库连接，其中，所述数据仓库连接用于访问所述数据库连接对应的数据库；以及利用所述数据仓库连接，对所述数据库中的数据进行处理。2.根据权利要求1所述的方法，其特征在于，所述利用前端框架构建WEB前端页面包括：基于所述前端框架开发所述WEB前端页面，构建所述WEB前端页面的布局，其中，所述前端框架包括React、Vue和Angular中的任意一种或多种；确定所述前端框架对应的组件和路由管理器；利用所述前端框架的组件编写所述WEB前端页面，并利用所述前端框架的路由管理器构建页面路由关系。3.根据权利要求2所述的方法，其特征在于，所述利用所述前端框架的路由管理器构建页面路由关系包括：利用所述前端框架的路由管理器设定路径，基于所述路径确定统一资源定位符；构建所述统一资源定位符和所述WEB前端页面之间的映射关系。4.根据权利要求1所述的方法，其特征在于，所述采用可视化图表工具将所述WEB后端的数据在所述WEB前端页面进行展示包括：基于所述WEB后端的数据，采用可视化图表工具统计数据规模和数据融合，并在所述WEB前端页面进行展示，其中，所述可视化图表工具包括echarts、highcharts和antv中的任意一种或多种；对所述WEB前端的数据库连接进行操作，并通过所述数据库连接，利用图形化页面对所述数据库中的数据进行展示并操作；按照所述数据在业务线中的流向和所述数据库中各个层级数据表之间的关系，确定每个元素在所述WEB前端页面上的位置，绘制数据血缘图并展示，其中，所述元素位于所述WEB前端页面上；从多个维度对所述数据进行可视化展示，并结合所述多个维度监测所述数据的质量。5.根据权利要求1所述的方法，其特征在于，所述访问信息包括端口、用户名和密码；所述基于所述WEB前端页面展示的数据，通过设置数据库连接和访问信息创建数据仓库连接，包括：确定所述WEB前端页面展示的数据所属数据库，根据连接上所述数据...

【专利技术属性】
技术研发人员：王锦胤，赵今，刘钦财，
申请(专利权)人：紫金诚征信有限公司，
类型：发明
国别省市：