SpreadJS 純前端表格控件應用案例：MHT-CP數據填報採集平臺

由明厚天股份研發的數據填報採集平臺，提供了便於用戶操做的類Excel界面模式，可爲用戶提供規範、正確、完整的數據採集和填報模型，結合數據自動化抽樣，可解析不一樣數據庫、不一樣數據格式的數據，讓數據填報流程更簡單、更快速、更順暢。

下面，讓咱們一塊兒來看看明厚天股份是如何在「MHT-CP數據填報採集平臺」中應用表格技術，實現「數據填報」與數據彙總計算的。

項目背景

近幾年，隨着計算機技術的發展和辦公自動化的建設，簡化用戶數據採集流程，提供標準化的數據呈現和數據彙總平臺已成爲企業信息化轉型的關鍵。

由明厚天股份研發的數據填報採集平臺，提供了便於用戶操做的類Excel界面模式，可爲用戶提供規範、正確、完整的數據採集和填報模型，結合數據自動化抽樣，可解析不一樣數據庫、不一樣數據格式的數據，讓數據填報流程更簡單、更快速、更順暢。

除了數據填報，該平臺還可按照預製的報表內容進行數據可視化展現，以實現報表模板自動生成與信息多元化利用，經過將 SpreadJS 純前端表格控件與系統底層架構集成，不只保留了 Excel 的數據處理能力，還知足了批量導入導出 Excel 文檔、大數據量填報、填報暫存、模板下發、多級上報等多項業務需求。

項目架構圖

項目截圖

1. 表單設計（樣式、填報區域、數據綁定、角色權限等設計）

經過嵌入 SpreadJS 在線表格編輯器，用戶可根據具體業務，直接在瀏覽器中在線填報數據，也可將 Excel 文檔做爲原始表單模板，導入系統後，進行數據綁定、權限分配等自定義操做，這樣不只保留了 Excel 的數據處理能力，還可將模板數據傳輸至服務端進行有效的管理和存儲。

2. 數據填報

藉助 SpreadJS 統一數據存儲模型，實現數據標準化錄入，能夠大幅簡化數據多級上報的設計步驟與開發難度。

平臺可依據業務流程和用戶的實際填報需求，進行數據採集、查閱及彙總。

（調整模板對應數據源）

（自定製Excel模板）

（在線預覽模板文件）

3. 同業務域的多表單聯合填報

4. 數據單元格透視

5. 數據審覈

6、表格技術帶來的價值（選擇表格控件 SpreadJS 的主要緣由）

針對「表單設計」的應用場景，SpreadJS實現了：

1. 純前端解析Excel、在線導入導出 Excel、實現過程基本零代碼
2. 多種數據格式校驗，如自定義校驗規則，更爲靈活高效
3. 單元格級別的角色權限控制
4. 可經過Sql數據源信息自動生成表單，方便快捷

針對「數據填報」的應用場景，SpreadJS實現了：

1. 綁定數據模版並動態填充數據
2. 單元格級別的權限控制
3. 避免了海量數據引發的性能問題，讀寫性能高
4. 類Excel界面，符合大部分用戶的使用習慣
5. 數據公式自動計算，便於數據填報

使用SpreadJS控件，大大節約了開發時間、人力成本，下降了開發難度，且SpreadJS也更符合普通非技術類人員的操做習慣（類 Excel 模式），易於被用戶接受。

明厚天股份之因此選擇SpreadJS控件開發數據填報系統，主要考慮如下兩方面緣由：

1. 徹底兼容Excel文檔，具有在線Excel 導入導出能力

無需後臺代碼和第三方組件，SpreadJS 不只提供了在線導入、導出 Excel 報表、導出 PDF 的功能，還支持多種匹配邏輯和自定義導入導出操做，如只導入數據或公式、導入固定行和不定行、將凍結行列轉置爲行頭列頭、導出自適應行高、密碼保護等，可提供更加靈活、自主可控的導入導出方式。

2. 支持二次擴展，知足客戶化開發

SpreadJS 兼容 Angular、React、Vue等前端開發框架，符合 UMD 規範，可按需加載，易於在 VSCode 中使用。經過二次擴展，我司直接將 SpreadJS 做爲數據填報模塊嵌入到填報平臺，實現了批量導入導出 Excel、大數據量填報、填報暫存、多 sheet 填報、多級上報等多項業務需求。

以上就是明厚天股份應用SpreadJS表格控件技術研發的「MHT-CP數據填報採集平臺」案例展現，如需查看 SpreadJS 的更多應用案例或須要瞭解 SpreadJS 的更多功能特性，歡迎訪問SpreadJS 產品官網。

關於SpreadJS 純前端表格控件

SpreadJS 是一款基於 HTML5 的純前端表格控件，兼容 450 種以上的 Excel 公式，具有「高性能、跨平臺、與 Excel 高度兼容」的產品特性，備受華爲、蘇寧易購、天弘基金、遠光軟件等各領域龍頭企業的青睞，並被中國軟件行業協會認定爲「中國優秀軟件產品」。SpreadJS 可爲用戶帶來親切、易用的使用體驗，並知足 Web Excel 組件開發、表格文檔協同編輯、 數據填報、 類 Excel 報表設計等業務場景，可極大下降企業研發成本和項目交付風險。