[发明专利]一种基于js-xlsx实现数据分类导入bootstrapTable的方法

说明书

本发明涉及WEB与JavaScript技术领域，特别涉及一种基于js‑xlsx实现数据分类导入bootstrapTable的方法。本发明方法步骤是：1、在页面定义excel导入标签和定义bootstrapTable表格；2、引用bootstrap的相关样式文件和js文件，引用js‑xlsx.js；3、利用js对table进行相关设置；4、对导入的excel文件进行分析，并转换为json格式返回；5、接收返回的json数据，并添加到bootstrapTable中；本发明基于js‑xlsx实现数据分类导入bootstrapTable的方法，提供了一种方便、快捷、减轻服务器资源的方法，解决了服务器必须安装一些插件或工具类，占用服务器资源等问题。

技术领域

本发明涉及WEB与JavaScript技术领域，特别涉及一种基于js-xlsx实现数据分类导入bootstrapTable的方法。

背景技术

Microsoft Excel是Microsoft为使用Windows和Apple Macintosh操作系统的电脑编写的一款电子表格软件。直观的界面、出色的计算功能和图表工具，再加上成功的市场营销，使Excel成为最流行的个人计算机数据处理软件。

但是，目前面临的主要问题有：在以往用户想要将excel的数据导入到页面展示往往需要经过后台对Excel进行数据分析并处理成json格式返回客户端展示，这样无疑很损耗服务器性能。

发明内容

本发明解决的技术问题在于提供了一种方便、快捷、减轻服务器资源的基于js-xlsx实现数据分类导入bootstrapTable的方法，解决了服务器必须安装一些插件或工具类，占用服务器资源等问题。

本发明解决上述技术问题的技术方案是：

所述的方法包含以下几个步骤：

步骤一、在页面定义excel导入标签和定义bootstrapTable表格;

步骤二、引用bootstrap的相关样式文件和js文件，引用js-xlsx.js；

步骤三、利用js对table进行相关设置；

步骤四、对导入的excel文件进行分析，并转换为json格式返回；

步骤五、接收返回的json数据，并添加到bootstrapTable中。

所述的步骤一中，在页面定义excel导入标签和定义bootstrapTable表格(#importExcelTable)。

所述的步骤二中，引用bootstrap的相关样式文件和js文件，引用js-xlsx.js。

所述的步骤三中，利用js对bootstrapTable进行相关设置，如：绑定步骤一定义的table表格(#importExcelTable)，定义高度的表头数据等。

所述的步骤四中，利用js-xlsx对导入的excel文件进行分析，判断当前上传的文件是否为指定的文件类型（excel），当判断成功后将上传的excel数据转换为json格式返回。

所述的步骤五中，在成功接收返回的json数据后，将数据格式化添加到bootstrapTable中。

本发明的有益效果：解决的技术问题在基于js-xlsx实现数据分类导入bootstrapTable的方法，提供了一种方便、快捷、减轻服务器资源的方法，解决了服务器必须安装一些插件或工具类，占用服务器资源等问题。

附图说明

下面结合附图对本发明进一步说明：

图1为本发明的方法流程图。

具体实施方式