CN107908396A - 一种基于浏览器的图表数据在线处理系统及方法 - Google Patents

Abstract

本发明公开了一种基于浏览器的图表数据在线处理系统及方法，该系统包括前端界面和后端接口。该方法包括：前端界面上传EXCEL文件后，后端接口对上传的EXCEL文件依次进行数据读取、数据校验、数据存入数据库、生成新的EXCEL工作簿处理，接着，前端界面将EXCEL工作簿中的数据进行显示，并对显示的EXCEL工作簿中的数据执行保存操作，响应所述的保存操作，将保存的数据所对应的数据源ID进行渲染展示，并令渲染展示的数据源ID可用于被选取，从而调用对应的数据来生成匹配的图表。通过使用本发明，极大地降低了使用第三方图表工具的门槛，提高了图表工具的操作便利性，适用于无前端开发基础的人群。本发明可广泛应用于在线图表生成领域中。

Description

一种基于浏览器的图表数据在线处理系统及方法

技术领域

本发明涉及图表数据处理技术，尤其涉及一种基于浏览器的图表数据在线处理系统及方法。

背景技术

技术词解释：

图表：图表泛指在屏幕中显示的，可直观展示统计信息属性(如时间性、数量性等)，对知识挖掘和信息直观生动感受起关键性作用的图形结构，是一种很好的将对象属性数据直观、形象地“可视化”的手段。

表单：HTML中的元素，包括不同类型的input元素、复选框、单选按钮、提交按钮等等。

近几年，随着前端数据的发展和人们对大数据的重视，各种大数据图表展示工具越来越多地出现在开发者的视野中，如百度的echarts、HIGHSOFT公司的highcharts、InfoSoft Global公司的FusionCharts等等优秀的前端图表工具。而对于这些图表工具，其应用都离不开数据源的配置。目前官方提供的数据源配置使用方法是直接在配置文件上以编程方式写入数据，然而，这种操作模式仅针对有编程功底的专业技术人员使用，这样则将很多没有编程能力的用户拒绝于门外。而在实际应用场景上，无开发经验的人员比有开发经验的群体多，并且在实际应用的场景远比开发场景大。因此由此可见，如何制定合理、可行、科学、而且能够适用于无前端开发基础人员的前端图表配置数据源的方法具有重要的意义。

发明内容

为了解决上述技术问题，本发明的第一目的是提供一种基于浏览器的图表数据在线处理系统。

本发明的第二目的是提供一种基于浏览器的图表数据在线处理方法。

本发明所采用的第一技术方案是：一种基于浏览器的图表数据在线处理系统，该系统包括：

前端界面，用于上传EXCEL文件；根据EXCEL工作簿的表格格式，将EXCEL工作簿中的数据进行显示；对显示的EXCEL工作簿中的数据执行保存操作；响应所述的保存操作，将保存的数据所对应的数据源ID进行渲染展示；其中，渲染展示的数据源ID用于被选取，从而调用对应的数据来生成匹配的图表；

后端接口，用于接收上传的EXCEL文件，对接收得到的EXCEL文件进行数据读取，对读取得到的EXCEL数据进行校验，将校验合格的EXCEL数据写入数据库，然后遍历数据库中的EXCEL数据来产生数据行，根据产生的数据行，生成新的EXCEL工作簿，接着将生成的EXCEL工作簿返回至前端界面。

进一步，还包括：

保存模块，用于响应所述的保存操作，根据所需保存的数据所对应的数据源ID，划分出对应的本地存储区域，令所需保存的数据存储在本地存储区域以及备份在远程服务器中。

进一步，所述前端界面具体用于上传EXCEL文件；当由后端接口返回的EXCEL工作簿的数据状态是正确时，则根据EXCEL工作簿的表格格式，将EXCEL工作簿中的数据进行显示，令显示出来的数据表格格式与EXCEL工作簿的数据表格格式相同；对显示的EXCEL工作簿中的数据执行保存操作；响应所述的保存操作，将保存的数据所对应的数据源ID进行渲染展示。

进一步，所述后端接口包括：

接收模块，用于接收上传的EXCEL文件；

读取模块，用于从接收得到的EXCEL文件中，获取得到对应的字节输入流以及EXCEL文件名；根据获取到的字节输入流以及EXCEL文件名来初始化工作簿对象，从而创建得到对应的工作簿，然后迭代遍历工作簿中的所有工作表，通过下标来访问工作表，接着，访问工作表中的单元格，以获取得到单元格的类型以及单元格中的内容；

校验模块，用于对获取到单元格中的内容进行数据验证，根据预定义值来校验单元格中的内容是否符合校验规则，若是，则表示单元格中的内容校验合格；反之，则表示单元格中的内容校验不合格；

写入模块，用于加载所需连接的数据库的驱动到Java虚拟机，然后将驱动类的实例注册到驱动管理类中；连接数据库时，创建数据库连接对象，并传入所需连接的数据库的路径、用户名和密码；连接数据库后，创建一个Java接口对象，从而将校验合格的EXCEL数据写入数据库中；

生成模块，用于创建一个可写入的工作簿对象，然后对工作簿对象所生成的表格进行表格格式设置，接着，遍历数据库中的EXCEL数据来产生数据行，从而生成新的EXCEL工作簿，接着，将生成的EXCEL工作簿对象写入到输出流并返回至前端界面。

本发明所采用的第二技术方案是：一种基于浏览器的图表数据在线处理方法，该方法包括以下步骤：

前端界面上传EXCEL文件；

后端接口接收到上传的EXCEL文件后，对接收得到的EXCEL文件进行数据读取，对读取得到的EXCEL数据进行校验，将校验合格的EXCEL数据写入数据库，然后遍历数据库中的EXCEL数据来产生数据行，根据产生的数据行，生成新的EXCEL工作簿，接着将生成的EXCEL工作簿返回至前端界面；

前端界面根据返回得到的EXCEL工作簿的表格格式，将EXCEL工作簿中的数据进行显示；

前端界面对显示的EXCEL工作簿中的数据执行保存操作；

前端界面响应所述的保存操作，将保存的数据所对应的数据源ID进行渲染展示；

其中，渲染展示的数据源ID用于被选取，从而调用对应的数据来生成匹配的图表。

进一步，该方法还包括以下步骤：

响应所述的保存操作，根据所需保存的数据所对应的数据源ID，划分出对应的本地存储区域，令所需保存的数据存储在本地存储区域以及备份在远程服务器中。

进一步，所述前端界面根据返回得到的EXCEL工作簿的表格格式，将EXCEL工作簿中的数据进行显示这一步骤，其包括以下步骤：

根据返回的EXCEL工作簿的数据状态码，对返回的EXCEL工作簿的数据状态进行判断；

当由后端接口返回的EXCEL工作簿的数据状态是正确时，则根据EXCEL工作簿的表格格式，将EXCEL工作簿中的数据进行显示，令显示出来的数据表格格式与EXCEL工作簿的数据表格格式相同。

进一步，所述对接收得到的EXCEL文件进行数据读取这一步骤，其包括以下步骤：

从接收得到的EXCEL文件中，获取得到对应的字节输入流以及EXCEL文件名；根据获取到的字节输入流以及EXCEL文件名来初始化工作簿对象，从而创建得到对应的工作簿，然后迭代遍历工作簿中的所有工作表，通过下标来访问工作表，接着，访问工作表中的单元格，以获取得到单元格的类型以及单元格中的内容。

进一步，所述对读取得到的EXCEL数据进行校验这一步骤，其包括以下步骤：

对获取到单元格中的内容进行数据验证，根据预定义值来校验单元格中的内容是否符合校验规则，若是，则表示单元格中的内容校验合格；反之，则表示单元格中的内容校验不合格。

进一步，所述将校验合格的EXCEL数据写入数据库这一步骤，其包括以下步骤：

加载所需连接的数据库的驱动到Java虚拟机，然后将驱动类的实例注册到驱动管理类中；

连接数据库时，创建数据库连接对象，并传入所需连接的数据库的路径、用户名和密码；

连接数据库后，创建一个Java接口对象，从而将校验合格的EXCEL数据写入数据库中。

本发明系统和方法的有益效果是：本发明利用前端界面来上传EXCEL文件后，后端接口对上传的EXCEL文件依次进行数据读取、数据校验、数据存入数据库、生成新的EXCEL工作簿处理，接着，前端界面将EXCEL工作簿中的数据进行显示，并对显示的EXCEL工作簿中的数据执行保存操作，响应所述的保存操作，将保存的数据所对应的数据源ID进行渲染展示，并令渲染展示的数据源ID可用于被选取，从而调用对应的数据来生成匹配的图表，可见，通过使用本发明，用户仅需要利用前端界面将EXCEL文件上传后，便能够配置好图表工具所需要的用于生成图表的数据源，极大地降低了使用第三方图表工具的门槛，提高了图表工具的操作便利性，适用于无前端开发基础的人群，大大提高了图表工具的适用性和商业价值。

附图说明

图1是本发明一种基于浏览器的图表数据在线处理方法的步骤流程图；

图2是图表工具的前端界面示意图；

图3是EXCEL工作簿在前端页面显示的示意图；

图4是配置好的数据源ID渲染展示在前端界面的示意图。

具体实施方式

实施例1

一种基于浏览器的图表数据在线处理系统，该系统包括：

前端界面，用于上传EXCEL文件；根据EXCEL工作簿的表格格式，将EXCEL工作簿中的数据进行显示；对显示的EXCEL工作簿中的数据执行保存操作；响应所述的保存操作，将保存的数据所对应的数据源ID进行渲染展示；其中，渲染展示的数据源ID用于被选取，从而调用对应的数据来生成匹配的图表；

后端接口，用于接收上传的EXCEL文件，对接收得到的EXCEL文件进行数据读取，对读取得到的EXCEL数据进行校验，将校验合格的EXCEL数据写入数据库，然后遍历数据库中的EXCEL数据来产生数据行，根据产生的数据行，生成新的EXCEL工作簿，接着将生成的EXCEL工作簿返回至前端界面。其中，前端界面的示意图可如图2所示。

进一步作为优选的实施方式，还包括：

保存模块，用于响应所述的保存操作，根据所需保存的数据所对应的数据源ID，划分出对应的本地存储区域，令所需保存的数据存储在本地存储区域以及备份在远程服务器中。

进一步作为优选的实施方式，所述前端界面具体用于上传EXCEL文件；当由后端接口返回的EXCEL工作簿的数据状态是正确时，则根据EXCEL工作簿的表格格式，将EXCEL工作簿中的数据进行显示，令显示出来的数据表格格式与EXCEL工作簿的数据表格格式相同；对显示的EXCEL工作簿中的数据执行保存操作；响应所述的保存操作，将保存的数据所对应的数据源ID进行渲染展示。

进一步作为优选的实施方式，所述后端接口包括：

接收模块，用于接收上传的EXCEL文件；

读取模块，用于从接收得到的EXCEL文件中，获取得到对应的字节输入流以及EXCEL文件名；根据获取到的字节输入流以及EXCEL文件名来初始化工作簿对象，从而创建得到对应的工作簿，然后迭代遍历工作簿中的所有工作表，通过下标来访问工作表，接着，访问工作表中的单元格，以获取得到单元格的类型以及单元格中的内容；

校验模块，用于对获取到单元格中的内容进行数据验证，根据预定义值来校验单元格中的内容是否符合校验规则，若是，则表示单元格中的内容校验合格；反之，则表示单元格中的内容校验不合格；

写入模块，用于加载所需连接的数据库的驱动到Java虚拟机，然后将驱动类的实例注册到驱动管理类中；连接数据库时，创建数据库连接对象，并传入所需连接的数据库的路径、用户名和密码；连接数据库后，创建一个Java接口对象，从而将校验合格的EXCEL数据写入数据库中；

生成模块，用于创建一个可写入的工作簿对象，然后对工作簿对象所生成的表格进行表格格式设置，接着，遍历数据库中的EXCEL数据来产生数据行，从而生成新的EXCEL工作簿，接着，将生成的EXCEL工作簿对象写入到输出流并返回至前端界面。

实施例2

如图1所示，一种基于浏览器的图表数据在线处理方法，该方法包括以下步骤：

前端界面上传EXCEL文件；

后端接口接收到上传的EXCEL文件后，对接收得到的EXCEL文件进行数据读取，对读取得到的EXCEL数据进行校验，将校验合格的EXCEL数据写入数据库，然后遍历数据库中的EXCEL数据来产生数据行，根据产生的数据行，生成新的EXCEL工作簿，接着将生成的EXCEL工作簿返回至前端界面；

前端界面根据返回得到的EXCEL工作簿的表格格式，将EXCEL工作簿中的数据进行显示；

前端界面对显示的EXCEL工作簿中的数据执行保存操作；

前端界面响应所述的保存操作，将保存的数据所对应的数据源ID进行渲染展示；

其中，渲染展示的数据源ID用于被选取，从而调用对应的数据来生成匹配的图表。

进一步作为优选的实施方式，该方法还包括以下步骤：

响应所述的保存操作，根据所需保存的数据所对应的数据源ID，划分出对应的本地存储区域，令所需保存的数据存储在本地存储区域以及备份在远程服务器中。

进一步作为优选的实施方式，所述前端界面根据返回得到的EXCEL工作簿的表格格式，将EXCEL工作簿中的数据进行显示这一步骤，其包括以下步骤：

根据返回的EXCEL工作簿的数据状态码，对返回的EXCEL工作簿的数据状态进行判断；

当由后端接口返回的EXCEL工作簿的数据状态是正确时，则根据EXCEL工作簿的表格格式，将EXCEL工作簿中的数据进行显示，令显示出来的数据表格格式与EXCEL工作簿的数据表格格式相同。

进一步作为优选的实施方式，所述对接收得到的EXCEL文件进行数据读取这一步骤，其包括以下步骤：

从接收得到的EXCEL文件中，获取得到对应的字节输入流以及EXCEL文件名；根据获取到的字节输入流以及EXCEL文件名来初始化工作簿对象，从而创建得到对应的工作簿，然后迭代遍历工作簿中的所有工作表，通过下标来访问工作表，接着，访问工作表中的单元格，以获取得到单元格的类型以及单元格中的内容。

进一步作为优选的实施方式，所述对读取得到的EXCEL数据进行校验这一步骤，其包括以下步骤：

对获取到单元格中的内容进行数据验证，根据预定义值来校验单元格中的内容是否符合校验规则，若是，则表示单元格中的内容校验合格；反之，则表示单元格中的内容校验不合格。

进一步作为优选的实施方式，所述将校验合格的EXCEL数据写入数据库这一步骤，其包括以下步骤：

加载所需连接的数据库的驱动到Java虚拟机，然后将驱动类的实例注册到驱动管理类中；

连接数据库时，创建数据库连接对象，并传入所需连接的数据库的路径、用户名和密码；

连接数据库后，创建一个Java接口对象，从而将校验合格的EXCEL数据写入数据库中。

进一步作为优选的实施方式，所述遍历数据库中的EXCEL数据来产生数据行，根据产生的数据行，生成新的EXCEL工作簿这一步骤，其包括以下步骤：

创建一个可写入的工作簿对象，然后对工作簿对象所生成的表格进行表格格式设置，接着，遍历数据库中的EXCEL数据来产生数据行，从而生成新的EXCEL工作簿。

实施例3

结合以下优选实施例来对本发明做详细阐述。

本发明一种基于浏览器的图表数据在线处理方案，其具体实现步骤如下所示。

步骤一：前端界面上传EXCEL文件。

前端通过图形界面，选择本地的EXCEL文件，并进行上传。在本实施例中，这一步骤优选采用了jQuery File Upload的插件实现。

在本实施例中，对于步骤一，其具体实现的步骤包括：在前端界面上设置输入表单元素，即表单元素input，对表单元素input进行初始化，并设置好上传路径和类型，以及配置相应的上传类型，这样便能利用前端界面上的表单元素input来上传EXCEL文件，如图2所示。

步骤二：后端接口接收到上传的EXCEL文件后，读取并校验数据，将合法数据写入数据库。具体地，步骤二包括以下步骤。

S201、对接收得到的EXCEL文件进行数据读取。

步骤S201具体包括：

S2011、从接收得到的EXCEL文件中，获取得到对应的字节输入流以及EXCEL文件名；

在本实施例中，步骤S2011具体为：将由前端界面上传来的EXCEL文件流存储到MultipartFile对象中，通过调用MultipartFile中的getInputStream，获取得到对应的字节输入流，调用getOriginalFilename，获取得到EXCEL文件名；

S2012、根据获取到的字节输入流以及EXCEL文件名来初始化工作簿对象，从而创建得到对应的工作簿，然后迭代遍历工作簿中的所有工作表，通过下标来访问工作表，接着，访问工作表中的单元格，以获取得到单元格的类型以及单元格中的内容；

在本实施例中，所述步骤S2012具体包括：

首先，根据获取到的字节输入流以及EXCEL文件名，来初始化Apache POI的工作簿Workbook对象，从而创建得到对应的工作簿Workbook；其中，若以Java(xls)的方式来读取或写入EXCEL文件，则可以使用HSSF；若以Java(xlsx)方式来读取或写入Excel文件，则可以使用XSSF；若不以Java(xls和xlsx)方式，则会抛出文件未识别的异常，也就是说，若上传的文件的类型不为xls或xlsx，则抛出文件未识别的异常；

接着，创建了工作簿Workbook后，迭代遍历该Excel工作簿Workbook里面的所有工作表Sheet，通过下标来访问具体的工作表Sheet；

跟着，得到了工作表Sheet后，通过它来访问表中的Excel Cell单元格，通过getType()方法获取得到单元格的类型，通过getContents()方法获取得到单元格中的内容。

S202、对读取得到的EXCEL数据进行校验。

在本实施例中，步骤S202具体为：对获取到单元格中的内容进行数据验证，根据预定义值来校验单元格中的内容是否符合校验规则，若是，则表示单元格中的内容校验合格；反之，则表示单元格中的内容校验不合格。所述校验规则可根据实际情况进行设置调整，例如，校验规则可为，将单元格中的数值限制为三个整数值10、20、30之一。

S203、将校验合格的EXCEL数据写入数据库。

在本实施例中，步骤S203具体为：

通过java.lang.Class类的静态方法forName(String className)，加载所需连接的数据库的驱动到JVM(Java虚拟机)，成功加载后，将Driver类(驱动类)的实例注册到DriverManager类(驱动管理类)中；连接数据库时，创建数据库连接Connection对象，并传入所需连接的数据库的路径、用户名和密码；连接数据库后，创建一个PreparedStatement对象，从而调用方法executeQuery批量将校验合格的EXCEL数据写入数据库中。其中，所述PreparedStatement为Java接口的类型。

S204、生成新的EXCEL工作簿。

在本实施例中，步骤S204具体为：遍历数据库中的EXCEL数据来产生数据行，根据产生的数据行，生成新的EXCEL工作簿。

所述步骤S204包括：

S2041、利用Workbook类的工厂方法创建一个可写入的工作簿Workbook对象；

S2042、对工作簿Workbook对象所生成的表格进行表格格式设置，例如，设置字体的表格样式、合并单元格、字体大小(字号)、字体颜色、表格大小等；

S2043、遍历数据库中的EXCEL数据来产生数据行，从而生成新的EXCEL工作簿；

S2044、将生成的EXCEL工作簿对象写入到输出流并返回至前端界面，提供前端动态展示调用。

步骤三：前端接收反馈数据，渲染操作视图。

在本实施例中，步骤三包括以下步骤。

S301、前端界面根据返回得到的EXCEL工作簿的表格格式，将EXCEL工作簿中的数据进行显示；

步骤S301具体为：后端接口返回新的EXCEL工作簿之后，前端界面会根据返回的EXCEL工作簿的数据状态码，对返回的EXCEL工作簿的数据状态进行判断；当由后端接口返回的EXCEL工作簿的数据状态被判断为正确时，则根据EXCEL工作簿的表格格式，在前端页面上将EXCEL工作簿中的数据进行显示，并令显示出来的数据表格格式与EXCEL工作簿的数据表格格式相同，具体如图3所示；

此时，用户可对显示的EXCEL工作簿进行确认，确认所上传的数据文档是否正确；在数据浏览确认的过程中，可支持分页浏览查看，便于用户进行查看操作，同时在浏览的过程中，用户也可以对数据进行增、删、改的操作，保证数据源的数据准确性；可见，对于用于显示EXCEL工作簿的前端页面，其支持分页浏览查看功能，和/或数据增加、删除、修改的操作；

S302、当用户确认后，则对显示的EXCEL工作簿的数据进行保存，此时，前端界面对显示的EXCEL工作簿中的数据执行保存操作；

S303、响应步骤S302中所述的保存操作，根据所需保存的数据所对应的数据源ID，划分出对应专用的本地存储区域(localstorage区域)，并将所需保存的数据转换成固定的json格式，然后使用JSON.Stringfy方法格式化这些数据后，令所需保存的数据存储在本地存储区域以及备份在远程服务器中，便于下次直接使用或者编辑；其中，所述数据源ID可以为所需生成的图表所对应的图表ID；

S304、前端界面响应所述的保存操作，将保存的数据所对应的数据源ID进行渲染展示；其中，渲染展示的数据源ID用于被选取，从而调用对应的数据来生成匹配的图表，如图4所示；

上述步骤S303和S304的执行顺序可根据实际情况进行设定，也可同时执行此两步骤。

本发明应用在echarts等第三方图表工具中，将数据直接渲染展示出来，实现可视化数据源配置功能。

由上述可得，本发明所包含的优点有：

1、通过使用本发明，用户仅需要将处理好的EXCEL文件进行上传后，便能完成图表工具所需要的数据源的配置，这样明显降低了使用者的操作门槛，更加便利用户使用第三方图表工具；

2、兼容适用于可视化前端配置工具中，通过使用本发明，能便捷配置第三方图表工具的用于生成图表的数据源，明显提高了第三方图表工具的数据源配置操作效率，而且只需要上传一次EXCEL文件，便能重复使用数据源，操作便利性和灵活性高。可见，对于本发明的图表数据处理技术，可广泛应用在自定义报告系统中。

本实施例的内容均适用于上述实施例1和实施例2中。

以上是对本发明的较佳实施进行了具体说明，但本发明创造并不限于所述实施例，熟悉本领域的技术人员在不违背本发明精神的前提下还可做作出种种的等同变形或替换，这些等同的变形或替换均包含在本申请权利要求所限定的范围内。

Claims (10)

1.一种基于浏览器的图表数据在线处理系统，其特征在于：该系统包括：

前端界面，用于上传EXCEL文件；根据EXCEL工作簿的表格格式，将EXCEL工作簿中的数据进行显示；对显示的EXCEL工作簿中的数据执行保存操作；响应所述的保存操作，将保存的数据所对应的数据源ID进行渲染展示；其中，渲染展示的数据源ID用于被选取，从而调用对应的数据来生成匹配的图表；

后端接口，用于接收上传的EXCEL文件，对接收得到的EXCEL文件进行数据读取，对读取得到的EXCEL数据进行校验，将校验合格的EXCEL数据写入数据库，然后遍历数据库中的EXCEL数据来产生数据行，根据产生的数据行，生成新的EXCEL工作簿，接着将生成的EXCEL工作簿返回至前端界面。

2.根据权利要求1所述一种基于浏览器的图表数据在线处理系统，其特征在于：还包括：

保存模块，用于响应所述的保存操作，根据所需保存的数据所对应的数据源ID，划分出对应的本地存储区域，令所需保存的数据存储在本地存储区域以及备份在远程服务器中。

3.根据权利要求1或2所述一种基于浏览器的图表数据在线处理系统，其特征在于：所述前端界面具体用于上传EXCEL文件；当由后端接口返回的EXCEL工作簿的数据状态是正确时，则根据EXCEL工作簿的表格格式，将EXCEL工作簿中的数据进行显示，令显示出来的数据表格格式与EXCEL工作簿的数据表格格式相同；对显示的EXCEL工作簿中的数据执行保存操作；响应所述的保存操作，将保存的数据所对应的数据源ID进行渲染展示。

4.根据权利要求1或2所述一种基于浏览器的图表数据在线处理系统，其特征在于：所述后端接口包括：

接收模块，用于接收上传的EXCEL文件；

读取模块，用于从接收得到的EXCEL文件中，获取得到对应的字节输入流以及EXCEL文件名；根据获取到的字节输入流以及EXCEL文件名来初始化工作簿对象，从而创建得到对应的工作簿，然后迭代遍历工作簿中的所有工作表，通过下标来访问工作表，接着，访问工作表中的单元格，以获取得到单元格的类型以及单元格中的内容；

校验模块，用于对获取到单元格中的内容进行数据验证，根据预定义值来校验单元格中的内容是否符合校验规则，若是，则表示单元格中的内容校验合格；反之，则表示单元格中的内容校验不合格；

写入模块，用于加载所需连接的数据库的驱动到Java虚拟机，然后将驱动类的实例注册到驱动管理类中；连接数据库时，创建数据库连接对象，并传入所需连接的数据库的路径、用户名和密码；连接数据库后，创建一个Java接口对象，从而将校验合格的EXCEL数据写入数据库中；

生成模块，用于创建一个可写入的工作簿对象，然后对工作簿对象所生成的表格进行表格格式设置，接着，遍历数据库中的EXCEL数据来产生数据行，从而生成新的EXCEL工作簿，接着，将生成的EXCEL工作簿对象写入到输出流并返回至前端界面。

5.一种基于浏览器的图表数据在线处理方法，其特征在于：该方法包括以下步骤：

前端界面上传EXCEL文件；

后端接口接收到上传的EXCEL文件后，对接收得到的EXCEL文件进行数据读取，对读取得到的EXCEL数据进行校验，将校验合格的EXCEL数据写入数据库，然后遍历数据库中的EXCEL数据来产生数据行，根据产生的数据行，生成新的EXCEL工作簿，接着将生成的EXCEL工作簿返回至前端界面；

前端界面根据返回得到的EXCEL工作簿的表格格式，将EXCEL工作簿中的数据进行显示；

前端界面对显示的EXCEL工作簿中的数据执行保存操作；

前端界面响应所述的保存操作，将保存的数据所对应的数据源ID进行渲染展示；

其中，渲染展示的数据源ID用于被选取，从而调用对应的数据来生成匹配的图表。

6.根据权利要求5所述一种基于浏览器的图表数据在线处理方法，其特征在于：该方法还包括以下步骤：

响应所述的保存操作，根据所需保存的数据所对应的数据源ID，划分出对应的本地存储区域，令所需保存的数据存储在本地存储区域以及备份在远程服务器中。

7.根据权利要求5或6所述一种基于浏览器的图表数据在线处理方法，其特征在于：所述前端界面根据返回得到的EXCEL工作簿的表格格式，将EXCEL工作簿中的数据进行显示这一步骤，其包括以下步骤：

根据返回的EXCEL工作簿的数据状态码，对返回的EXCEL工作簿的数据状态进行判断；

当由后端接口返回的EXCEL工作簿的数据状态是正确时，则根据EXCEL工作簿的表格格式，将EXCEL工作簿中的数据进行显示，令显示出来的数据表格格式与EXCEL工作簿的数据表格格式相同。

8.根据权利要求5或6所述一种基于浏览器的图表数据在线处理方法，其特征在于：所述对接收得到的EXCEL文件进行数据读取这一步骤，其包括以下步骤：

从接收得到的EXCEL文件中，获取得到对应的字节输入流以及EXCEL文件名；根据获取到的字节输入流以及EXCEL文件名来初始化工作簿对象，从而创建得到对应的工作簿，然后迭代遍历工作簿中的所有工作表，通过下标来访问工作表，接着，访问工作表中的单元格，以获取得到单元格的类型以及单元格中的内容。

9.根据权利要求8所述一种基于浏览器的图表数据在线处理方法，其特征在于：所述对读取得到的EXCEL数据进行校验这一步骤，其包括以下步骤：

对获取到单元格中的内容进行数据验证，根据预定义值来校验单元格中的内容是否符合校验规则，若是，则表示单元格中的内容校验合格；反之，则表示单元格中的内容校验不合格。

10.根据权利要求9所述一种基于浏览器的图表数据在线处理方法，其特征在于：所述将校验合格的EXCEL数据写入数据库这一步骤，其包括以下步骤：

加载所需连接的数据库的驱动到Java虚拟机，然后将驱动类的实例注册到驱动管理类中；

连接数据库时，创建数据库连接对象，并传入所需连接的数据库的路径、用户名和密码；

连接数据库后，创建一个Java接口对象，从而将校验合格的EXCEL数据写入数据库中。