CN106202013B - 一种网页版excel的实现方法 - Google Patents

Abstract

本发明涉及计算机网页开发前端技术领域，特别是一种网页版EXCEL的实现方法。所述的方法是创建css文件夹、images文件夹、JQuery文件夹和页面HTML模板文件；css文件夹用于存放css样式；images文件夹用于存放界面图标；JQuery文件夹用于存放官方JQuery文件和自定义JQuery文件，以及，一个颜色设置的Jpicker插件；前述三个文件夹和一个模板文件供离线重复使用或放在服务器成为在线应用；使用时直接打开模板文件，按界面图标提示操作。本发明解决了网页、离线使用EXCEL问题；可以用于离线或在线的EXCEL表格编辑。

Description

一种网页版EXCEL的实现方法

技术领域

本发明涉及计算机网页开发前端技术领域，特别是一种网页版EXCEL的实现方法。

背景技术

目前对表格的功能依赖除了微软的OFFICE软件和金山的WPS之外，其他的在线版都需要高额的收费，有些能下载的都是试用的版本，并不能开源；难以满足用户的需求。

发明内容

本发明解决的技术问题在于提出一种网页版EXCEL的实现方法，使用户能在脱离软件本体，利用浏览器进行离线或在线的EXCEL表格编辑。

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

所述的方法是创建css文件夹、images文件夹、JQuery文件夹和页面HTML模板文件；css文件夹用于存放css样式；images文件夹用于存放界面图标；JQuery文件夹用于存放官方JQuery文件和自定义JQuery文件，以及，一个颜色设置的Jpicker插件；前述三个文件夹和一个模板文件供离线重复使用或放在服务器成为在线应用；使用时直接打开模板文件，按界面图标提示操作。

2、根据权利要求1所述的一种网页版EXCEL的实现方法，其特征在于：所述的使用步骤是：

(1)：点选“文件”选项卡，选择新建或打开；新建会在下方创建全新的表格，打开是将HTML表格导入到下方，显示出来；

(2)：可输入内容到单元格，或点击“编辑”选项卡，对输入的内容和文字进行编辑，也可以对单元格和表格进行编辑调整，如合并、换行、增删行和列等；

(3)：编辑完之后若满意结果则点击“文件”选项卡，点保存按钮；则用户创建并编辑的表格会存成一个单独的纯表格内容的HTML文件；该文件可以被导入EXCEL进行二次编辑；也可以被本程序打开再次编辑；

(4)：若不满意可点选关闭，或者新建；此时会弹出保存提示框，提示框上有三个选项：保存、不保存和取消；不保存会直接清空内容，取消则返回上一步。

本发明的方法具有以下几个方面的特点：

随时性：只要有一台安装了普通浏览器的电脑(一般新装电脑自带浏览器)，和一个本发明文件的拷贝，就可以在任何时候使用本发明的EXCEL相关功能。

随意性：本发明功能完善，可以实现基本的EXCEL功能，大致包括：新建文件、打开、编辑、保存文件；内容的剪切、复制、粘贴；文字样式的改变、文字颜色和背景颜色的改变；单元格操作如合并、换行；表格的操作如增加行列等。

无网络要求：离线只需要本发明的拷贝，并不需要连接英特网。

无软件要求：不需要额外的软件，所有功能都集成在一个独立的文件夹里。

此外，本发明使用浏览器要求不高，普通支持jquery的就可以；本发明没有使用css3，所以能保证大量非主流浏览器的流畅使用。

附图说明

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

图1为本发明的流程图；

图2为本发明文件标签模板视图；

图3为本发明编辑标签模板视图；

图4为本发明公式标签模板视图；

图5为本发明新建表格后的视图。

具体实施方式

下面将结合附图，对本发明实施例中的技术方案进行清楚、完整的描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出实质性创造获得的方案，都属于本发明保护的范围。

本发明是创建css文件夹、images文件夹、JQuery文件夹和页面HTML模板文件；css文件夹用于存放css样式；images文件夹用于存放界面图标；JQuery文件夹用于存放官方JQuery文件和自定义JQuery文件，以及，一个颜色设置的Jpicker插件；前述三个文件夹和一个模板文件供离线重复使用或放在服务器成为在线应用；使用时直接打开模板文件，按界面图标提示操作。

请参见图1，具体使用步骤如下：

1：点选“文件”选项卡，选择新建或打开。新建会在下方创建全新的表格，打开是将HTML表格导入到下方，显示出来。

2：可输入内容到单元格，或点击“编辑”选项卡，对输入的内容和文字进行编辑，也可以对单元格和表格进行编辑调整，如合并、换行、增删行和列等。

3：编辑完之后若满意结果则点击“文件”选项卡，点保存按钮。则用户创建并编辑的表格会存成一个单独的纯表格内容的HTML文件。该文件可以被导入EXCEL进行二次编辑。也可以被本程序打开再次编辑。

4：若不满意可点选关闭，或者新建。此时会弹出保存提示框，提示框上有三个选项：保存、不保存和取消。不保存会直接清空内容，取消则返回上一步。

按照上述使用步骤使用过程或使用后的图形界面如附图2-5所示。

注意点：使用过程中不要刷新页面。一旦刷新页面相当于重新打开该页面，所有数据将丢失。建议及时保存。保存的HTML为纯表格形式，可直接导入EXCEL。

Claims (1)

1.一种网页版EXCEL的实现方法，其特征在于，所述的方法是创建css文件夹、images文件夹、JQuery文件夹和页面HTML模板文件；css文件夹用于存放css样式；images文件夹用于存放界面图标；JQuery文件夹用于存放官方JQuery文件和自定义JQuery文件，以及，一个颜色设置的Jpicker插件；前述三个文件夹和一个模板文件供离线重复使用或放在服务器成为在线应用；使用时直接打开模板文件，按界面图标提示操作；

所述的使用步骤是：

(1)：点选“文件”选项卡，选择新建或打开；新建会在下方创建全新的表格，打开是将HTML表格导入到下方，显示出来；

(2)：可输入内容到单元格，或点击“编辑”选项卡，对输入的内容和文字进行编辑，也可以对单元格和表格进行编辑调整，如合并、换行、增删行和列；

(3)：编辑完之后若满意结果则点击“文件”选项卡，点保存按钮；则用户创建并编辑的表格会存成一个单独的纯表格内容的HTML文件；该文件可以被导入EXCEL进行二次编辑；也可以被本程序打开再次编辑；

(4)：若不满意可点选关闭，或者新建；此时会弹出保存提示框，提示框上有三个选项：保存、不保存和取消；不保存会直接清空内容，取消则返回上一步。