[发明专利]一种实现自定义web版excel的方法

说明书

本发明公开了一种实现自定义web版excel的方法，属于网页制作技术领域，该方法使用typescript进行开发，然后编译成js文件进行使用，其实现方式为：引入相关js文件；在页面定义表格容器标签，初始化excel脚本生成页面表格；通过web页面配置，加载出用于和Excel或其他电子表格软件兼容的基于web的交互式HTML表格和电子表格。本发明能够实现快速构建页面excel表格，并可以实现轻松编辑或打印；能够节约用户的时间，同时还可以减轻服务器处理大量数据的压力。

技术领域

本发明涉及网页制作技术领域，具体地说是一种实现自定义web版excel的方法。

背景技术

在如今大数据时代，谈到管理信息系统，人们很容易联想起国内外的一些ERP软件、财务软件、进销存软件、OA软件、CRM软件等等，这些软件系统管理信息时常使用Microsoft Excel来进行数据的维护与录入，然后通过导入、导出等功能，将数据维护到本系统内，再通过后台服务器对数据加工和转换从而展示在web页面上。

在目前的应用中，如果在大量的数据中，用户发现其中某一条数据录错了，用户只能重新下载下来改好再次导入到系统中，或者使用系统单独开发的编辑功能去处理这些错误的数据，这样不仅仅增加了用户的时间成本，而且会占用大量的服务器资源。

发明内容

本发明的技术任务是针对以上不足之处，提供一种实现自定义web版excel的方法，实现快速构建页面excel表格，并可以实现轻松编辑或打印，能够节约用户的时间，还可以减轻服务器处理大量数据的压力。

本发明解决其技术问题所采用的技术方案是：

一种实现自定义web版excel的方法，使用typescript进行开发，然后编译成js文件进行使用，其实现方式为：

引入相关js文件(js-excel.js)；

在页面定义表格容器标签，

初始化excel脚本生成页面表格；

通过web页面配置，加载出用于和Excel或其他电子表格软件兼容的基于web的交互式HTML表格和电子表格。

通过该方法，可以从JS数组，JSON，CSV或XSLX文件创建在线电子表格表格；可以从excel复制并直接粘贴到页面电子表格上，同样也可以从页面表格复制并粘贴到excel中。可以集成第三方JavaScript插件来创建用户自己的自定义列，自定义编辑器，以及将任何功能自定义到应用程序中，例如日期选择权、颜色选择器等。

Typescript可以提高代码的可读性，无疑能减少错误，或至少可以更快的捕获这些错误—即使是在编写或运行任何单元测试之前。本方法基于typescript开发web版自定义表格插件，包括表格数据加载、数据编辑、样式修改、粘贴复制等等，以达到页面数据展示的效果。

该方法解决excel在web页面上的编辑与查看问题，主要针对常用excel表格的财务系统、erp系统以及oa表单等。

优选的，初始化基础配置，对页面进行初始化，传过来的容器dom生成table框架，所述初始化根据传过来的配置，如果没有传过来则取默认设置。

优选的，初始化表格配置包括宽度、高度、class、id、样式和绑定的事件。

进一步的，对初始化好的table框架，添加thead标签，设置默认class及样式，添加3列默认的th，

对初始化的好的table框架，添加tbody标签，设置默认class及样式，添加3列默认的tr，

如果初始化表格时，未传入数据则直接展示默认配置；