項目架構圖

項目截圖

 選擇表格控件 SpreadJS 的主要原因

由長江委網信中心研發的長江流域取水工程（設施）核查登記系統，通過嵌入 SpreadJS 純前端表格控件實現了在線報表設計、數據鉆取、公式計算和模板下發等功能，并結合 服務端表格組件 GcExcel在后端完成了批量計算、動態列擴展和大數據量渲染，大幅提升了表單設計效率、頁面的響應速度和系統計算能力。

下載SpreadJS最新試用版

純前端表格控件 SpreadJS 為該系統帶來的價值，主要體現為：

1. 縮短業務表格的開發周期

取水工程核查登記工作涉及大量業務表格制作，包括核查表、登記表、匯總表、內業審核表和現場核查表等，且每種報表都存在打印、導出 Excel、導出 PDF 的需求，因此，需要投入大量的時間和精力用于制作報表模板。

然而，考慮到項目的整體工期，如果依靠 Excel 軟件或傳統的報表工具制作報表模板勢必難以按時完成任務。通過調研各類報表產品的功能特點，長江委網信中心的項目組成員一致認為：純前端表格控件 SpreadJS 能夠較好的滿足這一需求，通過 SpreadJS 制作的報表模板，一方面具備了 Excel 的基本功能，如單元格狀態、圖表和計算公式等，可以直接調用瀏覽器接口在線打印；另一方面搭配服務端表格組件 GcExcel，可以將模板文件批量轉換為 Excel 和 PDF 文件使用，有助于提高頁面響應效率和系統的計算能力。

實際使用情況：項目組以 SpreadJS 為底層架構，開發了公共的報表模塊，在較短時間內就完成了各類業務表格的打印和導出，確保了系統按時上線。

2. 降低報表模板的制作門檻

在系統開發初期，報表模板的制作工作都是由開發人員完成。等到了工期緊張時，大量業務功能需要開發交付，此時報表制作工作儼然成為了開發人員的負擔，亟需其他人員承擔此項工作。

項目組通過對報表模板制作流程進行分析，發現主要工作量集中在報表格式調整和數據綁定上，這部分工作對技術要求不高，只要會操作 Excel 即可上手，因此，技術支持人員完全可以勝任。

實際使用情況：項目組以 SpreadJS 為基礎，開發了報表模板制作模塊，提供了報表模板登記、制作、預覽等功能，極大的降低了報表模板的制作門檻，一般人員經過簡單的培訓即可勝任此項工作，此舉將開發人員徹底從報表模板制作的工作中解放出來，同時也為其他類似項目提供了借鑒參考意義。

3. 滿足社會化的管理需求

該系統的特點之一是面向社會化管理，主要用戶是社會上廣大的取水單位（個人）和各級水行政主管部門。按照系統實施方案，項目開發單位負責對省級水行政主管部門進行培訓，各省負責對市、縣級水行政主管部門進行培訓，縣級用戶再組織取水單位（個人）在系統中進行填報并提供技術支持。

考慮到取水單位（個人）用戶規模巨大，難以接受到有效培訓甚至得不到培訓，如果系統操作上過于復雜，勢必影響系統的應用推廣進度，也會增加縣級管理部門的技術支持壓力，以報表打印操作為例：傳統的報表打印需要安裝插件，而插件能否安裝成功受很多因素影響，如瀏覽器核心設置、瀏覽器安全級別設置、安全防護軟件設置等。嵌入 SpreadJS 以后，報表打印功能不再需要安裝任何插件，使用瀏覽器自帶的打印功能即可在線打印，且系統上線后運行正常，至今未接到有關報表打印的技術支持要求。