一种基于mxgraph的ETL设计器及其在线设计方法技术

本发明专利技术公开了一种基于mxgraph的ETL设计器及其在线设计方法，属于在线设计工具技术领域。本发明专利技术的基于mxgraph的ETL设计器，包括组件区、操作区和日志显示区，所述组件区用于选择组件，拖动组件至操作区，生成组件，在操作区点击保存，将操作区的设置保存，将原始数据处理形成处理后的数据，执行成功在日志显示区显示执行的日志结果。该发明专利技术的基于mxgraph的ETL设计器无需在本机安装，直接在浏览器中使用，实现组件的定义、拖放、连线和编辑功能，具有很好的推广应用价值。

【技术实现步骤摘要】
一种基于mxgraph的ETL设计器及其在线设计方法
本专利技术涉及在线设计工具
，具体提供一种基于mxgraph的ETL设计器及其在线设计方法。
技术介绍
mxgraph是一个JavaScript绘图组件适用于需要在网页中设计/编辑Workflow/BPM流程图、图表、网络图和普通图形的Web应用程序。magraph使用SVG和HTML进行渲染，不使用第三方软件，它不需要插件，几乎可以集成到任何框架中。Kettle是一款国外开源的ETL工具，纯java编写，可以在多种平台上运行，数据抽取功能高效稳定。ETL设计器首先对ETL转换和作业进行建模，建模完毕后保存交给kettle引擎运行，最终实现对数据的抽取转换功能。但是，现有技术中ETL设计器不可以直接在浏览器中使用，不能灵活的实现ETL设计器的缩放、运行、停止、检查、保存等功能，具有一定的局限性。
技术实现思路
本专利技术的技术任务是针对上述存在的问题，提供一种无需在本机安装，直接在浏览器中使用，实现组件的定义、拖放、连线和编辑功能的基于mxgraph的ETL设计器。本专利技术进一步的技术任务是提供一种基于mxgraph的ETL设计器的在线设计方法。为实现上述目的，本专利技术提供了如下技术方案：一种基于mxgraph的ETL设计器，该设计器包括组件区、操作区和日志显示区，所述组件区用于选择组件，拖动组件至操作区，生成组件，在操作区点击保存，将操作区的设置保存，将原始数据处理形成处理后的数据，执行成功在日志显示区显示执行的日志结果。该ETL设计器还包括工具栏。首先从组件区，选择组件(例如“表输入”组件)按住鼠标拖动组件至操作区，释放鼠标操作区便会生成一个组件，双击组件会打开组件的属性对话框，根据组件的不同，属性也会不同，需要根据具体场景进行设置。可以根据需要拖动多个组件到操作区。在组件的中心点按下鼠标可以拉出一条连线，连线可以任意连接其他组件，当目标组件边框呈绿色的选中状态便可以释放鼠标，连接完成。最终实现一个完整的数据转换的ETL转换。当然在设计过程中出现误操作可以通过工具栏的撤销，重做等功能进行恢复。在ETL过程设计完成后，点击保存按钮即可将操作区所有的设置保存起来，保存成功后便可以运行ETL转换，原始数据将由ETL引擎读取并按照用户的设置进行转换，清洗，聚合，分类等过程，最终形成处理后的数据，执行成功后会在日志区显示本次执行的日志结果。一种基于mxgraph的ETL设计器的在线设计方法，该方法从设计器的组件区拖动组件至操作区，形成ETL组件，为ETL组件增加双击事件，通过双击打开组件属性框，设置组件属性并保存，将操作记录保存，最终保存至数据库中，打开页面从数据库中读取解析用户设置的属性，在画布上显示出来。作为优选，该方法具体包括以下步骤：S1、创建画布容器和组件区；S2、初始化组件；S3、为不同类型的组件添加不同的样式；S4、为组件增加拖拽事件、删除事件和打开对话框组件；S5、组件保存事件；S6、组件运行实现。步骤S6中，点击运行按钮时，设计器首先检查组件是否全部合法，不合法运行停止。检查通过后开始启动，此时将此ETL过程的id和名称传入到后台，kettle引擎接收到运行信号后，根据id获取到ETL过程存储的全部信息，装载参数开始运行。运行结束后，引擎将运行产生的日志返回回来，设计器接收到日志信息，将此运行日志显示在日志区域，结束运行流程。作为优选，步骤S1中将页面中国的一个元素初始化成画布，并设置画布的背景，获取组件区按照类型进行分类展示，形成组件区。作为优选，步骤S2中，设置组件的参数，包括显示图标、宽度、高度、样式、标题及类型，并根据参数生成mxcell对象。作为优选，步骤S3中，设置全局的样式，包括组件的字体颜色、字体大小、文字水平方式、对齐方式、背景图片大小及连线的颜色，全局样式设置完毕后，通过组价的类型确定组件背景。作为优选，步骤S4中，拖拽事件发生时，设计器获取鼠标在画布的坐标位置，根据拖拽的组件类型进行复制，为复制出的组价赋予新的坐标位置，产生新的名字，在画布中显示出来。作为优选，步骤S4中，删除事件发生时，设计器获取当前画布中被选中的组件，调用组件销毁方法，删除组件。作为优选，步骤S5中组件设置完毕后，设计器收集所有组件的一个数据，并检查组件是否合法，再收集组件之间的连线关系到另一个数组，信息收集完毕后通过网络请求将组件信息发送至后台处理，保存到数据库中。与现有技术相比，本专利技术的基于mxgraph的ETL设计器的在线设计方法具有以下突出的有益效果：所述基于mxgraph的ETL设计器的在线设计方法无需在本机上安装，直接在浏览器中使用，实现了设计器的缩放，运行，停止，检查，保存，发布，属性等功能，实现了组件的定义、拖放、连线和编辑等功能，具有良好的推广应用价值。附图说明图1是本专利技术所述基于mxgraph的ETL设计器及其在线设计方法的流程图。具体实施方式下面将结合附图和实施例，对本专利技术的基于mxgraph的ETL设计器及其在线设计方法作进一步详细说明。实施例本专利技术的基于mxgraph的ETL设计器，包括组件区、操作区和日志显示区，所述组件区用于选择组件，拖动组件至操作区，生成组件，在操作区点击保存，将操作区的设置保存，将原始数据处理形成处理后的数据，执行成功在日志显示区显示执行的日志结果。该ETL设计器还包括工具栏。首先从组件区，选择组件(例如“表输入”组件)按住鼠标拖动组件至操作区，释放鼠标操作区便会生成一个组件，双击组件会打开组件的属性对话框，根据组件的不同，属性也会不同，需要根据具体场景进行设置。可以根据需要拖动多个组件到操作区。在组件的中心点按下鼠标可以拉出一条连线，连线可以任意连接其他组件，当目标组件边框呈绿色的选中状态便可以释放鼠标，连接完成。最终实现一个完整的数据转换的ETL转换。当然在设计过程中出现误操作可以通过工具栏的撤销，重做等功能进行恢复。在ETL过程设计完成后，点击保存按钮即可将操作区所有的设置保存起来，保存成功后便可以运行ETL转换，原始数据将由ETL引擎读取并按照用户的设置进行转换，清洗，聚合，分类等过程，最终形成处理后的数据，执行成功后会在日志区显示本次执行的日志结果。一种基于mxgraph的ETL设计器的在线设计方法，该方法从设计器的组件区拖动组件至操作区，形成ETL组件，为ETL组件增加双击事件，通过双击打开组件属性框，设置组件属性并保存，将操作记录保存，最终保存至数据库中，打开页面从数据库中读取解析用户设置的属性，在画布上显示出来。作为优选，该方法具体包括以下步骤：S1、创建画布容器和组件区。将页面中的一个元素初始化成画布，并设置画布的背景，获取组件区按照类型进行分类展示，形成组件区。运行代码如下：S2、初始化组件。设置组件的参数，包括显示图标、宽度、高度、样式、标题及类型，并根据参数生成mxcell对象。运行代码如下：S3、为不同类型的组件添加不同的样式。设置全局的样式，包括组件的字体颜色、字体大小、文字水平方式、对齐方式、背景图片大小及连线的颜色，全局样式设置完毕后，通过组价的类型确定组件背景。运行代码如下：S4、为组件增加拖拽事件、删除事件和打开对话框组件。拖拽事件发生时，设计器获取鼠标在本文档来自技高网...

【技术保护点】
1.一种基于mxgraph的ETL设计器，其特征在于：该设计器包括组件区、操作区和日志显示区，所述组件区用于选择组件，拖动组件至操作区，生成组件，在操作区点击保存，将操作区的设置保存，将原始数据处理形成处理后的数据，执行成功在日志显示区显示执行的日志结果。

【技术特征摘要】
1.一种基于mxgraph的ETL设计器，其特征在于：该设计器包括组件区、操作区和日志显示区，所述组件区用于选择组件，拖动组件至操作区，生成组件，在操作区点击保存，将操作区的设置保存，将原始数据处理形成处理后的数据，执行成功在日志显示区显示执行的日志结果。2.一种基于mxgraph的ETL设计器的在线设计方法，其特征在于：该方法从设计器的组件区拖动组件至操作区，形成ETL组件，为ETL组件增加双击事件，通过双击打开组件属性框，设置组件属性并保存，将操作记录保存，最终保存至数据库中，打开页面从数据库中读取解析用户设置的属性，在画布上显示出来。3.根据权利要求2所述的基于mxgraph的ETL设计器的在线设计方法，其特征在于：该方法具体包括以下步骤：S1、创建画布容器和组件区；S2、初始化组件；S3、为不同类型的组件添加不同的样式；S4、为组件增加拖拽事件、删除事件和打开对话框组件；S5、组件保存事件；S6、组件运行实现。4.根据权利要求3所述的基于mxgraph的ETL设计器的在线设计方法，其特征在于：步骤S1中将页面中国的一个元素初始化成画布，并设置画布的背景，获取组件区按照类型进行分类展示，形成组件区。5.根据权利要求4所述的基于mxgraph...

【专利技术属性】
技术研发人员：臧德波，景长超，蔺川，张鹏，庄欢，张迪，褚波，
申请(专利权)人：山东浪潮通软信息科技有限公司，
类型：发明
国别省市：山东,37