把 Excel 透視表搬到 WEB 上

【摘要】

Excel 透視表 - 只要碰見就未曾忘記！根據原始數據勾勾選項拖拖拽拽，分析數據嗖一下就出來了，這麼好用的東西怎麼能移到 WEB 上呢？去乾學院看個究竟：把 Excel 透視表搬到 WEB 上！

提起 Excel 必定都不陌生，尤爲是裏面的數據透視表，對於須要進行聚合分析的狀況，根據原始數據勾勾選選就能完成，用起來是倍兒爽吧。

那麼，操做起來這麼省心的功能要是能移到 WEB 上，嵌入俺的應用程序裏，是否是就完美了？so easy! 雷鋒同志立刻來教你作這事兒。

主角登場——潤乾報表多維分析！

下面就先以 Excel 文件做爲數據源，與各位小夥伴分享一下多維分析的應用案例，歡迎各位熱烈圍觀，優雅吐槽：

Excel 文件內容爲以下：

這個格式很普通，第一行是標題，後面就是一行行的數據了。

無論這個 Excel 數據文件是在服務器上仍是在本地，潤乾多維分析界面都能幫你輕鬆搞定！話很少說，直接看步驟：

打開潤乾報表多維分析界面：

點擊菜單中的【數據文件】按鈕，彈出【打開數據文件】窗口，選擇數據文件。

對於本地文件， 能夠點擊【打開本地】按鈕，找到並使用保存在本地任意位置的數據文件。

對於服務器文件， 能夠點擊【打開服務器文件】按鈕，打開位於服務器指定目錄下的全部數據文件。這個目錄路徑要在 "[demo 應用根目錄]/raqsoft/guide/jsp/olap.jsp" 中添加 JS API 進行指定，以下圖所示。

選擇好數據文件後，數據集就建立完成了，多維分析最重要的一步也就 ok 了。

接下來就是業務人員自由馳騁的時間了，隨意在複雜條件中拖拽表頭和指標，想查什麼查什麼，想算什麼算什麼。數據透視表中能作的，俺們的 WEB 應用程序也同樣能作啦。哈哈，從單機應用一步躍升 Web 環境是否是更爽了！

除了上述所說的經過頁面菜單導入數據文件的方法外，還有一種更簡單的用法，只要在 URL 裏把要分析的數據文件傳進來就能夠。好比把 data.xls 放到 "【Web 應用根目錄】 WEB-INF\files\fileData\" 目錄下，訪問分析頁面時直接在後面追加上文件名就能夠了。如：…\raqsoft\guide\jsp\olap.jsp?dataFile=【Web 應用根目錄】 WEB-INF\files\fileData\data.xls。

貪心，貪心！學會了在潤乾的 WEB 應用中如何對文件進行多維分析後，是否是又想知道如何把它集成到你本身的應用系統中了？

很簡單，標準的 java 開發三件套，jar 包，xml 配置文件，以及 jsp 的 tag 描述文件 tld。

事先要作的功課包括先按照潤乾報表 V2018 分析教程中《快速集成》章節將基礎環境搭建好，而後才能進一步集成多維分析。

多維分析是使用 tag 標籤顯示的拖拽界面。產品中提供了用於演示的 olap.jsp，tag 標籤內容大體以下：

<raqsoft:analysev2

dfxFile="WEB-INF/files/dfx/official/readFile.dfx"

dfxParams="f=WEB-INF/files/dfx/official/data.xls" // readFile.dfx中定義了名爲f的參數，用來接收xls的文件路徑，所以這裏將xls的文件路徑做爲參數值傳遞給f

… …

></raqsoft:analysev2> 

<raqsoft:analysev2

dfxFile="WEB-INF/files/dfx/official/readFile.dfx"

dfxParams="f=WEB-INF/files/dfx/official/data.xls" // readFile.dfx中定義了名爲f的參數，用來接收xls的文件路徑，所以這裏將xls的文件路徑做爲參數值傳遞給f

… …

/>

嵌入後的頁面更是簡單易操做，會直接把 xls 裏的指標所有列出，記錄就這樣毫無遮掩的展示在你面前。

爲便於使用，添加 Tag 標籤後默認俺們的分析頁面會提供菜單欄，不過要是以爲菜單欄與您的頁面風格不一，有點兒格格不入，那也不要緊，解決方法早已幫您想好！

能夠把俺們的默認菜單欄隱藏，而後在您本身的風格頁面中添加咱們的菜單欄按鈕。

隱藏方法超簡單，一句腳本搞定：

<script>

guideConf.showToolBar = 'no'; //是否顯示上部工具條，缺省爲yes

</script> 

<script> guideConf.showToolBar = 'no'; //是否顯示上部工具條，缺省爲yes </script>

哈哈，是否是發現菜單欄消失了。

爲了自定義這些功能的按鈕，咱們特地提供了 JS 方法直接給用戶使用。您的按鈕可直接對應調用下面這些方法：

保存：analyseApi.saveOlap();

打開：analyseApi.openOlap ();

橫向平鋪：analyseApi.resetReportWindow (1);

縱向平鋪：analyseApi.resetReportWindow (2);

重疊顯示：analyseApi.resetReportWindow (3);

數據集：analyseApi.manageDataSet (); 

 保存：analyseApi.saveOlap();

打開：analyseApi.openOlap ();

橫向平鋪：analyseApi.resetReportWindow (1);

縱向平鋪：analyseApi.resetReportWindow (2);

重疊顯示：analyseApi.resetReportWindow (3);

數據集：analyseApi.manageDataSet ();

使用方法：

<a href="javascript:\*\*analyseApi.openOlap()\*\*;">打開</a> 

 <a href="javascript:**analyseApi.openOlap()**;">打開</a>

固然了，要想對多維分析頁面控制的出神入化仍是要先深刻學習俺們多維分析 JS API（通通是開源滴），可到潤乾報表 V2018 分析教程中《開發者文檔》章節學習。

再稍微深刻一下，上面 tag 中有一個參數是 dfxFile，而 dfx 是集算器的程序腳本文件。這說明，文件多維分析的計算依靠了潤乾的集算器才得以實現，經過 url 將數據文件做爲參數傳遞給系統自帶的 readFiles.dfx，dfx 計算完成後會將結果集做爲多維分析的數據集顯示在分析頁面上，而後用戶就能夠隨意對數據集字段進行拖拽查詢了。固然，表擔憂，這部分集算器功能是免費的！！！

叮叮叮！！！至此，對導入 Excel 文件進行多維分析的例子就介紹完了，對於正在看文章的您來講必定收穫不小吧，固然且顯然，這個多維分析也可使用文本數據集，辦法也和 Excel 文件同樣，只是換個文件名就行，文件格式也和 Excel 相似，第一行是標題，後面是數據，txt 和 csv 格式都支持，同窗們有興趣能夠本身試一下哈。

還有啥不明白的，就在乾學院（c.raqsoft.com.cn）繼續去問吧