SpreadJS 纯前端表格控件应用案例:资料填报系统

Stella981
• 阅读 476

由达美盛研发的资料填报系统,借助 SpreadJS 纯前端表格控件提供的API,实现了高度类似 Excel 的数据资料填报审批界面,用户可在线完成打印归档、组卷存储和分析。

下面,让我们一起来看看达美盛是如何在“资料填报系统”中应用表格技术,实现“数据填报”、打印归档和数据存储分析的。

项目背景

数据填报是专为业务的数据字段录入提供的功能,业务人员将录入的数据存放在业务库中,以便进行二次分析。SpreadJS 提供了高度类似 Excel 的数据展示功能与大量用于数据回填入库的 API,非常适合应用于开发“资料填报系统”,比如,系统中的“数据资料填报审批界面”,对 SpreadJS的 API 二次扩展,便可直接通过预设的方式完成打印归档、组卷存储和分析。

SpreadJS 纯前端表格控件应用案例:资料填报系统

(SpreadJS 的数据填报界面)

项目截图

1. 通过SpreadJS在线表格编辑器完成模板设计

数据模块集成了SpreadJS的在线表格编辑器,以达到在线模板设计的需求,用户可直接使用数据模块自行设计填报模板并与数据相关联,另外,通过对SpreadJS二次开发,模块还集成了电子签章、工作流相关的功能,可以满足几乎所有日常业务场景。

SpreadJS 纯前端表格控件应用案例:资料填报系统

SpreadJS 纯前端表格控件应用案例:资料填报系统

2. 在线填报模块

借助SpreadJS与 Excel 的良好兼容性,可直接导入之前设计好的模板,并加载原始的数据在浏览器中进行展示。使用SpreadJS开发的填报模块支持在线填报和导出PDF,可以将当前浏览器中显示的表格数据在线导出成PDF并保存。

SpreadJS 纯前端表格控件应用案例:资料填报系统

表格技术带来的价值(选择表格控件 SpreadJS 的主要原因)

资料填报系统借助 SpreadJS 实现了如下功能:

1. 导出PDF:可以将Excel表格文件在线导出成PDF,并且不需要再额外安装其他插件。

2. 数据绑定:可以直接通过 SpreadJS的数据绑定功能跟数据库或者文件中的数据进行关联,便于实时获取到相关数据。

3. 无编码模板设计器:SpreadJS 的在线表格设计器功能和操作方式非常接近Excel,系统的最终用户无需专业培训就可以快速上手。SpreadJS扩展性高,可以和现有的其他业务功能进行集成。

4. 良好的Excel 兼容性:借助SpreadJS这一特性,可在 Excel 软件中设计表格文档,通过SpreadJS模板设计器,轻松导入到系统中,大幅提高了模板的复用性。

以上就是达美盛应用SpreadJS表格控件技术研发的“资料填报系统”案例展示,如需查看 SpreadJS 的更多应用案例或需要了解 SpreadJS 的更多功能特性,欢迎访问SpreadJS 产品官网

关于SpreadJS 纯前端表格控件

SpreadJS 是一款基于 HTML5 的纯前端表格控件,兼容 450 种以上的 Excel 公式,具备“高性能、跨平台、与 Excel 高度兼容”的产品特性,备受华为、苏宁易购、天弘基金、远光软件等各领域龙头企业的青睐,并被中国软件行业协会认定为“中国优秀软件产品”。SpreadJS 可为用户带来亲切、易用的使用体验,并满足 Web Excel 组件开发、表格文档协同编辑、 数据填报、 类 Excel 报表设计等业务场景,可极大降低企业研发成本和项目交付风险。

点赞
收藏
评论区
推荐文章
blmius blmius
2年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
Jacquelyn38 Jacquelyn38
2年前
2020年前端实用代码段,为你的工作保驾护航
有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为
Stella981 Stella981
2年前
SpreadJS 纯前端表格控件应用案例:Teammark知识管理库
由三节课研发的Teammark系统,基于SpreadJS二次开发实现,采用行业优秀的工作方法,以Excel模板作为基本的文档范例,满足了客户在线编辑Excel文档的刚性需求。下面,让我们一起来看看三节课是如何在“Teammark系统”中应用表格技术,实现多人实时协作与“表格文档协同编辑(https://www.oschina.net/action
Stella981 Stella981
2年前
SpreadJS 应用案例:电力自动化在线数据采集报表系统
电力自动化在线数据采集报表系统,由南京畅洋科技有限公司自主研发。使用该系统,用户只需简单的配置,便可轻松获取想要的数据。该系统通过嵌入SpreadJS纯前端表格控件,可应对电力系统中针对数据处理的各项需求,让数据变得更有价值。下面,让我们一起来看看如何在“电力自动化在线数据采集报表系统”中应用表格技术,实现“数据填报(https://www.osch
Stella981 Stella981
2年前
SpreadJS 纯前端表格控件应用案例:MHT
由明厚天股份研发的数据填报采集平台,提供了便于用户操作的类Excel界面模式,可为用户提供规范、正确、完整的数据采集和填报模型,结合数据自动化抽样,可解析不同数据库、不同数据格式的数据,让数据填报流程更简单、更快速、更顺畅。下面,让我们一起来看看明厚天股份是如何在“MHTCP数据填报采集平台”中应用表格技术,实现“数据填报(https://www.
Stella981 Stella981
2年前
SpreadJS使用进阶指南
前言SpreadJS(https://www.oschina.net/action/GoToLink?urlhttp%3A%2F%2Fwww.grapecity.com.cn%2Fdeveloper%2Fspreadjs)作为一款性能出众的纯前端电子表格控件,自2015年发布以来,已经被广泛应用于各领域“在线Excel”数据管理项目中。NP
Stella981 Stella981
2年前
SpreadJS 纯前端表格控件应用案例:金融业数据智能分析平台
由北京海创研发的金融业数据智能分析平台,通过嵌入SpreadJS,实现了基于Web的数据采集、自助式报表设计与浏览、灵活查询、自主分析和数据预测等功能,简洁、易用,有效解决了用户数据填报、查询和分析需求,支持云部署及企业现场部署等多种方式。下面,让我们一起来看看北京海创是如何在“金融业数据智能分析平台”中应用表格技术,实现“数据填报(https:/
Wesley13 Wesley13
2年前
MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_
Python进阶者 Python进阶者
3个月前
Excel中这日期老是出来00:00:00,怎么用Pandas把这个去除
大家好,我是皮皮。一、前言前几天在Python白银交流群【上海新年人】问了一个Pandas数据筛选的问题。问题如下:这日期老是出来00:00:00,怎么把这个去除。二、实现过程后来【论草莓如何成为冻干莓】给了一个思路和代码如下:pd.toexcel之前把这