一种基于网页应用实现在线表格功能系统的方法技术方案

技术编号:35216972 阅读:14 留言:0更新日期:2022-10-15 10:32
本发明专利技术提出一种基于网页应用实现在线表格功能系统的方法,包括:步骤1,在网页中在线选择表格单元控件或构建自定义单元格,所述表格单元控件包括数据型单元格和/或交互型单元格;其中所述自定义单元格中包括:多个数据型单元格元素组合的单元格、多个交互型单元格元素组合的单元格或一个或多个数据型单元格元素与一个或多个交互型单元格元素组合的单元格、或通过代码自定义的单元格;步骤2,将步骤1中的单元格类型组合成多个行类型或者表头类型;步骤3,根据定义好的多种行类型,建立在线表格模板,并保存;步骤4,根据所述在线表格模板定义的行类型里对应的单元格类型,添加每一行的数据,生成在线表格实例保存在数据库中。生成在线表格实例保存在数据库中。生成在线表格实例保存在数据库中。

【技术实现步骤摘要】
一种基于网页应用实现在线表格功能系统的方法


[0001]本专利技术属于在线表格处理领域,具体涉及一种基于网页应用实现在线表格功能系统的方法。

技术介绍

[0002]现有表格方案大部分都是以软件形式(WPS/excel等)或第三方平台(微信/钉钉等)的在线文档功能来实现,现有表格方案软件形式存在成本,使用需要支付费用。第三方平台的在线文档功能则有数据泄露方面的风险。
[0003]现有表格方案在多人协作过程中,文件互相传输容易出现数据不同步,导致产生数据不统一的错误,且现有表格方案单元格类型固定不支持自定义形式单元格,例如根据基本类型扩展出来的复合型单元格或者基本类型与交互类型结合的复合型单元格,因此如何实现一种具有更好兼容性、安全性的在线表格功能系统成为亟待解决的问题。

技术实现思路

[0004]基于此,本专利技术提出了一种基于网页应用实现在线表格功能系统的方法,其特征在于,包括:
[0005]步骤1,在网页中在线选择表格单元控件或构建自定义单元格,所述表格单元控件包括数据型单元格和/或交互型单元格;其中所述自定义单元格中包括:多个数据型单元格元素组合的单元格、多个交互型单元格元素组合的单元格或一个或多个数据型单元格元素与一个或多个交互型单元格元素组合的单元格;
[0006]步骤2,将步骤1中的单元格类型组合成多个行类型或者表头类型;
[0007]步骤3,根据已定义的多种行类型,建立在线表格模板,并保存在数据库中;
[0008]步骤4,根据所述在线表格模板定义的行类型里对应的单元格类型,添加每一行的数据,生成在线表格实例;将所述生成的在线表格实例保存在数据库中。
[0009]特别地,所述数据型单元格包括:单行文本、多行文本、数字、图片、标签、日期、时间中的一种或多种;所述交互型单元格包括:按钮、多级级联、下拉菜单、开关、进度条、输入框中的一种或多种。
[0010]特别地,所述表格模板创建并保存后,可根据需要对所述表格模板中行类型对应的单元格类型进行添加,修改或删除。
[0011]特别地,所述在线表格实例与所述表格模板相关联,当所述表格模板发生更改后,调用根据其生成的在线表格时,所述表格模板对应的一个或多个在线表格实例也会相应根据所述表格模板更新。
[0012]特别地,所述表格模版配置使用跨平台数据格式(JSON)进行定义与描述。
[0013]特别地,所述在线表格模板中还可配置单元格是否可被筛选或搜索。
[0014]特别地,根据所述在线表格模板定义的单元格类型从excel导入数据包括:将excel中的数据类型与在线表格模板中定义的行类型中的一个或多个单元格类型进行匹
配,将excel中符合在线表格单元模板中定义的行类型数据导入在线表格,生成的在线表格实例后保存进入数据库。
[0015]特别地,所述在线表格支持多层级结构显示,可根据需要提供多层级的缩放展示。
[0016]特别地,所述在线表格实例可通过虚拟列表或分页的形式进行展示以实现对长列表的显示性能优化。
[0017]特别地,表格模版的每一个单元格还可包括公式。
[0018]有益效果:
[0019]1)、本方法以网站形式,相对成本较低,可以在内网部署有利于数据保密。
[0020]2)、本方法使用网站作为载体,可以将表格数据保存到数据库中,不同人员进行操作时,内部实现版本统一机制就可以实现数据上的更新统一不会出错。
[0021]3)、本方案支持以代码方式的模版自定义单元格对已有单元格类型进行合并或者自行定义新的单元格类型扩展性更好。
[0022]4)、本方法的虚拟列表与分页的功能能够极大的优化性能,虚拟列表十万条数据加载渲染仅需几秒,且操作过程中不会出现卡顿。分页则可以根据具体配置对一个表格实例进行分页进行展示加载更快操作上更流畅。
[0023]5)本专利技术可在模板中定义单元格是否可被搜索,可大大提高搜索的效率。
附图说明
[0024]图1为本专利技术中基于网页应用实现在线表格功能系统的流程示意图。
具体实施方式
[0025]下面结合附图并举实施例,对本专利技术进行详细描述。
[0026]本专利技术提供了有鉴于此,本专利技术提供了一种基于网页应用实现在线表格功能系统的方法,包括:
[0027]步骤1,在网页中在线选择表格单元控件或构建自定义单元格,所述表格单元控件包括数据型单元格和/或交互型单元格;其中所述自定义单元格中包括:多个数据型单元格元素组合的单元格、多个交互型单元格元素组合的单元格或一个或多个数据型单元格元素与一个或多个交互型单元格元素组合的单元格或通过代码自定义的单元格;
[0028]本专利技术中将基于网页的表格单元实现系统部署在服务器上,用户可通过电脑主机,移动终端等各种终端访问,不限制操作系统,可以为windows系统,IOS系统,安卓系统,只要能够访问网页就可以使用本系统进行在线表格管理。
[0029]步骤2,将步骤1中的不同类型的单元格组合成多个行类型或者表头类型;
[0030]用户可以是表单设计人员,可通过网页中显示的可视化界面,建立表格,初始条件下,默认以空白表格显示,用户选择所需要的表格控件,包括常用的数据型单元格,如单行文本,多行文本、数字、图片、标签、日期、时间中的一种或多种;也可以根据需要选择特定的交互单元格,例如按钮、下拉菜单、开关、进度条、输入框,还可以根据需要设置行类型之间的关系为多级级联。
[0031]同时,当常见的单元格无法满足特殊的需要时,可使用用户自定义的单元格,例如当需要在某个单元格中输入用户的身份证图片,而身份证图片包括正反两面的图片,为了
能在同一个单元格中同时输入两张图片,需要使用自定义的单元格,该自定义的单元格定义为可同时放置两个元素。
[0032]类似的,当开关型单元格作为交互型单元格的一种经常可以用来更加直观显示状态,可以将数据型单元格中的文本与交互性单元格中的开关型单元格组合作为一个自定义单元格;同时还可能把时间和进度条等组合形成单元格;如果还有更特殊的单元格,可以以代码的方式自定义单元格;自定义单元格的使用可以大大丰富单元格的种类的形式,扩展了单元格的形式。
[0033]用户在网页中对单元格的设计过程,服务器端基于用户的选择将单元格变化状态在服务器端的数据库中保存,具体可以先将单元格变化状态在网页端缓存再定时保存在数据库中;
[0034]步骤3,根据已定义的多种行类型,建立在线表格模板,并保存在数据库中
[0035]当表单设计用户设计完整个表单后,会将表单保存为一个模板;该模板采用JSON格式保存,是轻量级的跨语言文本数据交换格式,通过JSON进行模板的保存,采用完全独立于编程语言的文本格式来存储和表示数据;通过JSON格式的这个特性,用户可以在模板生成使用后,随时根据需要对模板内容进行添加,删除和修改,可以方便进行修改,并更新到对应的表格实例中。
[0036]进本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种基于网页应用实现在线表格功能系统的方法,其特征在于,包括:步骤1,在网页中在线选择表格单元控件或构建自定义单元格,所述表格单元控件包括数据型单元格和/或交互型单元格;其中所述自定义单元格中包括:多个数据型单元格元素组合的单元格、多个交互型单元格元素组合的单元格或一个或多个数据型单元格元素与一个或多个交互型单元格元素组合的单元格、或通过代码自定义的单元格;步骤2,将步骤1中的不同类型的单元格组合成多个行类型或者表头类型;步骤3,根据已定义的多种行类型,建立在线表格模板,并保存在数据库中;步骤4,根据所述在线表格模板定义中对应的行类型里的单元格类型,添加每一行的数据,生成在线表格实例;将所述生成的在线表格实例保存在数据库中。2.如权利要求1所述的基于网页应用实现在线表格功能系统的方法,其特征在于,所述数据型单元格包括:单行文本、多行文本、数字、图片、标签、日期、时间中的一种或多种;所述交互型单元格包括:按钮、多级级联、下拉菜单、开关、进度条、输入框中的一种或多种。3.如权利要求1或2所述的基于网页应用实现在线表格功能系统的方法,其特征在于:所述表格模板创建并保存后,可根据需要对所述表格模板中对应行类型的单元格进行添加,修改或删除。4.如权利要求3所述的基于网页应用实现在线表格功能系统的方法,其特征在于:所述在线表格实例与所述表格模板相关联,当所述表格模...

【专利技术属性】
技术研发人员:吴培源
申请(专利权)人:鲁班软件股份有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1