一般來說，企業的IT部門負責整個企業業務應用程序的開發和部署。而每一個新的應用程序及系統的改動，會收到來自各個部門的各種要求，體量不大的IT部門有時候并不能很好、很及時地滿足這些需求。

最終就會形成IT部門難以跟上企業的業務，同時身上積壓著超出他們承受范圍的工作等惡性循環。而業務部門等不及就開始自己著手解決問題，他們購買未經批準的現成應用程序或者自行制定解決方案。往往也不符合企業的IT標準，并且經常在組織間或在無法協同的系統間產生沖突，無形中成為桎梏企業業務的重大問題。

在這種混亂中，一種減少重復工作，提升效率的工具——控件，悄然興起。

創建控件的最大意義在于封裝重復的工作，其次是可以擴充現有控件的功能。

通俗的來說，控件就如同帶有魔法的積木一樣，只需要拿起來堆堆疊疊，就可以做出一輛小車、幾棵植物，建起一座城池。但它又與普通堆積木不同，用積木堆的小汽車，再使用時還需要重復勞動，而控件則可以隨時隨地的初始化并可以通過接收參數改變自身屬性（顏色，尺寸等）來使用。

這些控件能給項目開發和軟件交付帶來極大的便利。

而我們這次的故事的主角——SpreadJS，就是一個賦能開發者的純前端表格控件。SpreadJS可以幫助開發人員專注于產品的業務邏輯，而不用機械式的通過編碼實現數據基本處理，如增刪改查等。

點擊下載SpreadJS正式版

SpreadJS是一款基于HTML5的純前端電子表格控件，以“高速低耗、高度類似Excel、可無限擴展”為產品特色，提供移動跨平臺和瀏覽器支持，同時滿足.NET、Java、App等應用程序中的WebExcel組件開發、數據填報、在線文檔、圖表公式聯動、類Excel UI設計等業務場景，為用戶帶來親切的Excel使用體驗。

小小的控件，大大的能量

設計控件是一項繁重的工作。比如它的特性之一兼容Excel就有很大的難度。

兼容Excel，也可以稱之為微軟兼容性。

簡單來說就是，如果我們開發別的軟件，只要把功能實現就好，不論中間怎么樣。比如播放視頻的軟件只要能播視頻就好，聽音樂的能聽音樂就好。但這個純前端的取代Excel的產品必須能夠正確讀取微軟的文檔。因為微軟Office的市場占有率太高，如果不能兼容，意味著別人發來的文檔你打不開。想象一下，你以前的文檔，你同事、合作伙伴發來的文檔，你都打不開。如果他們要看你的文檔，得先裝對應的軟件。這就好像你在微信之外，用另一個全新的聊天工具，你要找朋友聊天，得先讓他們安裝一個新的聊天工具。

而要實現這樣的兼容性，就需要與原有設計(文件格式設計會隱含著原來作者對程序Model的設計)兼容，而微軟的Office并不是透明的。為了這個兼容，開發者需要在黑盒模式下各種大膽猜測小心調試，還要承擔“只要有問題就是你的問題”的巨大壓力。同時，背負上了帶著別人的歷史追趕別人進步的重任。

而在目前Excel已有的480多種函數公式中，SpreadJS已經支持450種以上。

具體講講幾個可以幫助開發人員在自己的系統中實現Excel的功能：

貼近Excel的應用

其實，上面所講的Excel兼容性就是SpreadJS最令筆者驚喜的特性之一。因為很多企業的歷史數據等都是留存在Excel格式的文件中的，這種能夠直接導入和導出Excel文件的特點極大的方便了企業對留存數據的存儲、整理和應用。

而且，作為控件，企業完全可以用SpreadJS完美嵌入到自己的OA、賬務、生產等系統中使用，輕松的將數據導出為指定模板的Excel文件，進行復用。在筆者的試用中，不論從頁面還是功能都與Excel幾乎一致，要不是在Web端，筆者甚至以為自己在使用Excel。這將極大的減少企業員工的學習成本，極快上手。

而對于開發人員來說，在幫助企業進行業務應用設計時，通過SpreadJS提供的類似Excel模板設計器，可以輕松的設計模板，節約應用程序開發所需的時間和精力。僅用不超過100行代碼，就可以實現Excel的全部功能，各行業人員均可通過 Excel 軟件制作表格，然后輕松導入SpreadJS中，提升模板復用性。

點擊下載SpreadJS正式版

“公司的項目管理系統需要使用SpreadJS做一個通用的Excel模板設計器，將此前自定制的組件通過SpreadJS進行集成，用拖拽的方式在SpreadJS的表格編輯器界面進行展示和配置，以便生成一套能夠自行設計出數據填報、數據可視化甚至是BI的Excel 模板。”——天津卡達克數據有限公司

Form表單填報

填報就是提前設計好表單的樣式，在web端展示，分發給別人或者嵌入到別的軟件網頁，來收集數據，方便存入（數據）庫，就像注冊網站填入你的個人信息，發送到后臺，同步到數據庫。

SpreadJS內置桌面端和Web端的在線表格編輯器，支持用戶填報模塊。通過SpreadJS內置的多種單元格類型，如按鈕、單復選、下拉列表、單元格內的公式引用、數據驗證等均能有效的完成表單相關功能。這種提前設計好報表樣式收集數據入庫，然后導出的方式，能省去很多工作量。

“SpreadJS表單控件主要應用于本項目中各類工資表格的展示、編輯和查詢，最后用于匯總生成各類報表并進行展示。我們的體會是，使用SpreadJS我們可以輕松設計模板，節約應用程序開發所需的時間和精力。無需編碼，財務、人事管理人員均可通過Excel軟件設計界面，設計計算公式，然后輕松導入設計器或SpreadJS中，就可實現模板重用。這大大減輕了工作強度，使得快速開發得以實現。SpreadJS加載速度快，對內部管理系統無壓力。并且生成報表和網頁打印報表這些麻煩事兒，SpreadJS都很好的解決了!”——中國民用航空飛行學院

Gird表格數據處理

相比其他電子表格，SpreadJS提供更全面的內置公式和自定義函數，可針對大數據和復雜計算進行優化，即可為復雜的公式增加計算能力，又不會過多地占用系統資源。

而且，在進行數據展示時，不論是自動排序、篩選、行表頭、列表頭、匯總、邊框和單元格樣式等功能，還是進行分組、查找、聚合、公式等操作，SpreadJS均可滿足。

“SpreadJS是一個基于HTML5技術的純JavaScript控件，不但提供了更高的渲染性能和更流暢的界面操作，還通過一個高效的數據模型來快速操作數據，使得載入和操作超百萬行數據變得更為方便且快捷。”——中國能建安徽電建二公司

數據可視化

在企業進行數據資產管理時，很常見的一個任務就是數據可視化，這樣才能獲得關于數據的形象化展示。而SpreadJS除已完全兼容Excel的92種圖表外，還具備了更全面的商業智能分析（數據透視表）和更易于開發使用的自定義擴展能力，并實現了公式的完全自定義。同時已經實現了諸多類 Excel 的內置形狀，如線條、矩形、箭頭、流程圖，可以為前端界面添加更多的細節展現和可視化效果，并且這些內置的形狀都可以無縫的進行導入和導出。而即將在十月份推出的升級版新功能中，也將新增形狀（Shape）、富文本、二維碼以及多個新圖表類型。

“通過SpreadJS‘可嵌入用戶操作系統，開發在線Excel’的產品概念，以及葡萄城純前端數據處理技術在各領域應用中取得的核心成果，我們的技術專家無一不對葡萄城SpreadJS純前端表格控件新穎的設計理念和可靠的產品性能表示贊嘆。”——北京神舟航天軟件技術有限公司

SpreadJS高度類似Excel的在線表格編輯器界面。

對于代碼能力不強的開發者來說，僅通過簡單拖拽點擊，就可以利用SpreadJS方便的實現表格模板設計、數據填報、數據統計、數據管理、數據呈現等功能；而對于代碼能力較強的開發者來說，SpreadJS提供源代碼，方便其進行自由定制和任意擴展。

這也是SpreadJS獲得了眾多客戶認可的原因。

比如華為2012實驗室。點擊查看《華為2012實驗室與SpreadJS純前端電子表格控件背后的故事》

*想要獲得 SpreadJS 更多資源或正版授權的朋友，可以咨詢了解哦~

慧都網·1024程序員節，DevExpress、MyEclipse、Axure RP、Aspose、FastReport等產品限時放“價”，給你專屬寵愛！點擊下方圖片查看活動詳情↓↓↓