項目架構(gòu)圖

項目截圖

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

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

下載SpreadJS最新試用版

純前端表格控件 SpreadJS 為該系統(tǒng)帶來的價值，主要體現(xiàn)為：

1. 縮短業(yè)務(wù)表格的開發(fā)周期

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

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

實際使用情況：項目組以 SpreadJS 為底層架構(gòu)，開發(fā)了公共的報表模塊，在較短時間內(nèi)就完成了各類業(yè)務(wù)表格的打印和導(dǎo)出，確保了系統(tǒng)按時上線。

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

在系統(tǒng)開發(fā)初期，報表模板的制作工作都是由開發(fā)人員完成。等到了工期緊張時，大量業(yè)務(wù)功能需要開發(fā)交付，此時報表制作工作儼然成為了開發(fā)人員的負擔(dān)，亟需其他人員承擔(dān)此項工作。

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

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

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

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

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