一种数据图形化编辑界面方法技术

本发明专利技术公开一种数据图形化编辑界面方法。所述方法将数据界面展现与数据处理逻辑、数据存储等功能解耦，通过分层处理和动态关联的方式，实现前端数据展现层动态设计，数据处理逻辑根据数据展现层的需求动态加载，并从数据存储层中取得数据、经过加工处理后提交给数据展现层进行展现，从而实现数据展现界面的动态拖拽式设计功能。本发明专利技术所述方法实现了数据存储、数据处理和数据展现层之间既相互联系又相互独立的关系，各层可以独立进行演进和更新，而不影响相关层的功能和正常运行。本发明专利技术所述方法具有直观性、方便性、交互性和流畅性等特点。

A Method of Graphical Editing Interface for Data

The invention discloses a data graphical editing interface method. The method decouples data interface display with data processing logic and data storage functions, realizes the dynamic design of front-end data display layer through hierarchical processing and dynamic association. The data processing logic loads data dynamically according to the requirements of data display layer, and obtains data from data storage layer and presents it to data display layer after processing. Dynamic drag-and-drop design function of data display interface. The method realizes the interrelated and independent relationship among data storage, data processing and data display layers, and each layer can evolve and update independently without affecting the function and normal operation of the relevant layers. The method has the characteristics of intuition, convenience, interaction and fluency.

【技术实现步骤摘要】
一种数据图形化编辑界面方法
本专利技术属于数据可视化
，具体涉及一种数据图形化编辑界面方法。
技术介绍
相比于传统的图表与数字展示方式，如今的数据可视化致力于用更生动、友好的形式，即时呈现隐藏在庞杂且瞬息万变的数据背后的业务洞察。无论在零售、物流、电力、水利、环保，还是交通领域，通过“图形化”，实现数据可视化来帮助业务人员发现、诊断业务问题，越来越成为大数据解决方案中不可或缺的一环。数据图形化界面技术使用户对数据更易于学习理解及使用，是当前高质量图形化界面的主要发展方向，由于图形化界面的开发周期长，开发费用高，一个具有高质量的图形化界面约有75%的代码与界面有关。因此本专利技术提供一种数据图形化编辑界面方法，通过所述方法，无需编程，通过简单的拖拽操作即可轻松搭建出数据图形化界面，从而避免不必要的界面代码开发工作，降低系统开发成本。GML（GameMakerLanguage）是一种解释性程序设计语言。它被设计成用于一个称为“GameMaker”的游戏引擎的脚本语言，它最初由MarkOvermars创建，用于补充GameMaker中使用的按钮拖放操作系统。但是，在最新版本中，所有的按钮拖放都转换为GML，而不是与其分离。GML与GameMaker环境高度集成。通常，像精灵图像和声音等元素都是在GameMaker的IDE中组织的（虽然它们也可以从外部文件加载）。GameMaker的架构旨在处理诸如事件检测，级别设计和对象配置之类的事情时无需手动编写代码，通过直观的界面功能最大程度地减少代码冗长的问题。WebGL（全写WebGraphicsLibrary）是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGLES2.0结合在一起，通过增加OpenGLES2.0的一个JavaScript绑定，WebGL可以为HTML5Canvas提供硬件3D加速渲染，这样Web开发人员就可以借助系统显卡在浏览器里更流畅地展示3D场景和模型了，还能创建复杂的导航和数据视觉化。显然，WebGL技术标准免去了开发网页专用渲染插件的麻烦，可被用于创建具有复杂3D结构的网站页面，甚至可以用来设计3D网页游戏等等。目前已知的数据图形化界面技术有tableau、row，但仍存在许多问题，且面临着巨大的挑战。Tableau存在的问题是：对输入数据类型有要求，运行起来比较慢，支持终端单一，只支持pc。Row存在的问题是：数据组件单一，操作繁琐。
技术实现思路
为了解决现有的数据图形化界面技术存在的对输入数据类型要求严格、支持终端单一、数据组件单一等问题，本专利技术提供一种数据图形化编辑界面方法，所述方法将数据界面展现与数据处理逻辑、数据存储等功能解耦，通过分层处理和动态关联的方式，实现前端数据展现层动态设计，数据处理逻辑根据数据展现层的需求动态加载，并从数据存储层中取得数据、经过加工处理后提交给数据展现层进行展现。所述方法实现了数据存储、数据处理和数据展现层之间既相互联系又相互独立的关系，各层可以独立进行演进和更新，而不影响相关层的功能和正常运行。为实现上述目标，本专利技术采用以下技术方案：一种数据图形化编辑界面方法，所述方法将数据界面展现与数据处理逻辑、数据存储等功能解耦，通过分层处理和动态关联的方式，实现前端数据展现层动态设计，数据处理逻辑根据数据展现层的需求动态加载，并从数据存储层中取得数据、经过加工处理后提交给数据展现层进行展现，从而实现数据展现界面的动态拖拽式设计功能。一种数据图形化编辑界面方法，所述方法将系统的逻辑结构分成五层，自底向上分别为数据存储层、数据引擎对接层、数据算法层、服务层和展现层。所述展现层支持用户以动态拖拽方式设计数据展现界面，所述服务层分析所述展现层的设计需求，调用所述数据算法层，所述数据算法层调用所述数据引擎对接层从所述数据存储层中读取数据，对数据进行加工处理，将处理后的数据传递给所述服务层，所述服务层将数据传递给所述展现层进行动态展示。所述数据存储层包括MySQL、ORACLE、SQLSERVER、数据API、CVS、大数据API、MongoDB等。一种数据图形化编辑界面方法，所述方法包括以下步骤：1）界面设计；2）数据设置与生成；3）界面设计发布；4）数据加载与展示。参见附图1，数据设置与生成的工作流程如下：（1）用户对各种数据源进行配置，包括设置连接参数、用户信息、服务信息；（2）将各种数据源的设置信息保存到存储数据处理逻辑的数据库中；（3）调用数据代理引擎；（4）数据代理引擎检查展示数据库中是否存在所设置的数据；（5）如果展示数据库中存在所设置的数据，则数据代理引擎分析该类数据是否被设置为不更新；（6）如果数据被设置为不更新，则数据代理引擎从展示数据库中读取数据，通过数据传递工具将数据传递到展示层的数据缓存池中；（7）展示层从数据缓冲池中提取数据进行展示，跳转到步骤（12）；（8）如果所述步骤（6）中数据未被设置为不更新，则数据代理引擎调用数据解析逻辑，对数据进行更新操作，将更新结果存储到展示数据库中，同时通过数据传递工具将数据传递到展示层的数据缓存池中，跳转到步骤（7）；（9）如果所述步骤（4）中，数据代理引擎检查发现展示数据库中不存在所设置的数据，则数据代理引擎检查展示数据库是否有经过计算得到的数据；（10）如果展示数据库中有经过计算得到的数据，则数据代理引擎从展示数据库中读取数据，通过数据传递工具将数据传递到展示层的数据缓存池中，跳转到步骤（7）；（11）如果展示数据库中没有经过计算得到的数据，则数据代理引擎调用数据计算程序对数据进行计算后将结果存入展示数据库，同时通过数据传递工具将数据传递到展示层的数据缓存池中，跳转到步骤（7）；（12）数据设置与生成过程结束。参见附图2，界面设计发布的工作流程如下：（1）用户点击“发布”按钮；（2）展示层进行逻辑检查，如果存在错误配置，则提示异常；（3）如果不存在错误配置，则调用服务层进行基本布局生成，包括从存储数据处理逻辑的数据库中读取数据处理逻辑结构数据，以及从存储展示数据的展示数据库中读取非动态数据；（4）所述步骤（3）处理过程中，如果出现错误，则提示异常；（5）所述步骤（3）处理过程中，如果没有出现错误，则将布局数据、非动态数据和处理逻辑结构数据打包成静态资源；（6）界面设计发布过程结束。参见附图3，数据加载与展示的工作流程如下：（1）打开网页；（2）加载静态数据资源中的处理逻辑结构数据和静态数据；（3）检查是否有需要轮询更新的数据；（4）如果没有需要轮询更新的数据，则在网页上呈现静态数据，跳转到步骤（10）；（5）如果有需要轮询更新的数据，则检查是否存在用于更新此数据的线程；（6）若存在用于更新此数据的线程，则调用该线程对数据进行轮询更新；（7）数据更新线程将更新后的数据存储到展示数据库中，同时通过数据传递工具将数据传送到网页上进行展示，跳转到步骤（10）；（8）若不存在用于更新此数据的线程，则从存储数据处理逻辑的数据库加载数据更新处理逻辑；（9）按照数据更新处理逻辑要求，启动数据更新进程对数据进行更新，跳转步骤（7）；（10）数据展示过程结束。优选的，所述存储数据处理逻辑的数据库选用MySQL。优选的，所述展示数据库选用Mon本文档来自技高网...

【技术保护点】
1.一种数据图形化编辑界面方法，其特征在于：所述方法将数据界面展现与数据处理逻辑、数据存储等功能解耦，通过分层处理和动态关联的方式，实现前端数据展现层动态设计，数据处理逻辑根据数据展现层的需求动态加载，并从数据存储层中取得数据、经过加工处理后提交给数据展现层进行展现，从而实现数据展现界面的动态拖拽式设计。

【技术特征摘要】
1.一种数据图形化编辑界面方法，其特征在于：所述方法将数据界面展现与数据处理逻辑、数据存储等功能解耦，通过分层处理和动态关联的方式，实现前端数据展现层动态设计，数据处理逻辑根据数据展现层的需求动态加载，并从数据存储层中取得数据、经过加工处理后提交给数据展现层进行展现，从而实现数据展现界面的动态拖拽式设计。2.根据权利要求1所述的一种数据图形化编辑界面方法，其特征在于：所述方法将系统的逻辑结构分成五层，自底向上分别为数据存储层、数据引擎对接层、数据算法层、服务层和展现层；所述展现层支持用户以动态拖拽方式设计数据展现界面；所述服务层分析所述展现层的设计需求，调用所述数据算法层；所述数据算法层调用所述数据引擎对接层从所述数据存储层中读取数据，对数据进行加工处理，将处理后的数据传递给所述服务层，所述服务层将数据传递给所述展现层进行动态展示。3.根据权利要求1或2所述的一种数据图形化编辑界面方法，其特征在于：所述数据存储层包括MySQL、ORACLE、SQLSERVER、数据API、CVS、大数据API和MongoDB。4.根据权利要求1所述的一种数据图形化编辑界面方法，其特征在于，所述方法包括以下步骤：1）界面设计；2）数据设置与生成；3）界面设计发布；4）数据加载与展示。5.根据权利要求4所述的一种数据图形化编辑界面方法，其特征在于，所述数据设置与生成的工作流程如下：（1）用户对各种数据源进行配置，包括设置连接参数、用户信息、服务信息；（2）将各种数据源的设置信息保存到存储数据处理逻辑的数据库中；（3）调用数据代理引擎；（4）数据代理引擎检查展示数据库中是否存在所设置的数据；（5）如果展示数据库中存在所设置的数据，则数据代理引擎分析该类数据是否被设置为不更新；（6）如果数据被设置为不更新，则数据代理引擎从展示数据库中读取数据，通过数据传递工具将数据传递到展示层的数据缓存池中；（7）展示层从数据缓冲池中提取数据进行展示，跳转到步骤（12）；（8）如果所述步骤（6）中数据未被设置为不更新，则数据代理引擎调用数据解析逻辑，对数据进行更新操作，将更新结果存储到展示数据库中，同时通过数据传递工具将数据传递到展示层的数据缓存池中，跳转到步骤（7）；（9）如果所述步骤（4）中，数据代理引擎检查发现展示数据库中不存在所设置的数据，则数据代理引擎检查展示数据库是否有经过计算得到...

【专利技术属性】
技术研发人员：马长征，程国艮，
申请(专利权)人：中译语通科技股份有限公司，
类型：发明
国别省市：北京,11