交互式報表輕松做

馬震安

開發讓員工在各自的電腦終端查詢公司服務器上的數據報表的交互查詢系統，最枯燥重復和占用時間的工作是通過JSP/ASP/PHP代碼寫出基于數據庫的展示、查詢和錄入的網頁，這樣不僅開發效率不高，而且維護工作量也很大。此次，就借助FineReport V8.0，完成利用下拉列表框選擇地區，根據所選地區展示該地區各店的水果銷售情況的數據報表及圖表（圖1）。

1. 數據先行

任何報表、圖表都離不開數據，這里利用了Excel表中的已有數據。首先，將存有數據的Excel表格復制到FineReport V8.0安裝目錄下的＼WebReport＼WEB-INF＼reportlets文件夾中。運行FineReport V8.0，選擇“服務器→服務器數據集”菜單，在彈出的窗口中點擊綠色“+”按鈕，選擇“文件數據集”，雙擊數據集，名稱設置為“店面銷售統計”，文件類型選擇Excel，文件地址選擇reportlets文件夾中所需要的那個Excel文件，勾選“第一行包含列標題”，點擊“預覽”按鈕，若沒有問題，確定即可（圖2）。

2. 報表設計

數據連接設置好后，就該進行報表的設計了。在報表編輯區，選擇A2：B2單元格進行合并，右擊該單元格，選擇“單元格元素→插入斜線”菜單，在彈出的斜線編輯對話框的文本編輯框中寫入在斜線當中要加入的內容：水果|店面|地區，通過添加空格來調整文字的位置；在C1：H1列輸入各水果名稱并設置好樣式；在左側的數據集管理面板選擇“服務器數據集”，將添加的“店面銷售統計”展開，將相應的字段名稱拖動到A2：H2單元格中；在B3單元格中輸入“平均”；選中C3單元格，點擊右側插入內容處的“+”按鈕，選擇“插入公式”，在彈出的公式定義對話框函數名處選擇“AVERAGE”，在公式編輯處輸入C2，確定后，就會在C2處顯示出“=AVERAGE（C2）”，右擊拖動填充到H2；選中A1：H2，利用工具欄為這些單元格加上邊框（圖3）。

3. 圖表添加

報表設計完成后，點擊“插入→懸浮元素→插入圖表”菜單，在彈出窗口的圖表類型中選擇“柱形圖”，在右側的圖表屬性窗口點擊“類型”選項卡，選好需要的類型布局；點擊“數據”選項卡，數據來源處選擇“單元格數據”，分類軸處輸入“=B2”，點擊系列名處的“+”，系列名處輸入“=C1：H1”，值處輸入“=C2：H2”；點擊“樣式”選項卡，在其下的“標題”子選項卡中輸入標題并設置好格式，在“標簽”子選項卡中勾選“標簽”及其下的“值”；點擊“特效”選項卡，在其“交互屬性”子選項卡中勾選動態展示、系列拖拽、圖表縮放等（圖4）。

4. 添加交互控件

報表、圖表設計完成后，要想使報表具有交互性，還要添加交互控件。在參數面板區點擊筆狀按鈕，將控件面板中的標簽控件、下拉框控件及預定義控件中的查詢控件拖放到其中。選中標簽控件，在右側的屬性面板中，設置標簽的控件值為“地區”，并設置好字體、字號等；選中下拉框控件，在屬性面板點擊數據字典處的按鈕，在彈出的對話框類型設置處選擇“數據查詢”，數據集處選擇“店面銷售統計”，實際值處選擇“地區”，顯示值處選擇“地區”，這樣就實現了將地區字段值加入到下拉列表框中（圖5）。

點擊筆狀按鈕，退出參數面板。在報表編輯區選中A2單元格，在右側面板點擊“過濾”選項卡，在彈出窗口的可選列處選擇“地區”，操作符處選擇“等于”，點擊其右側按鈕選擇“參數”后輸入“$comboBox0”（comboBox0為下拉列表框控件名），點擊“增加”按鈕后確定，這樣就實現了當列表框中選定地區后點擊“查詢”按鈕顯示查詢內容（圖6）。

最后，將文件保存到安裝目錄下的＼WebReport＼WEB-INF＼reportlets文件夾中，命名為WorkBook1.cpt，預覽一下，沒問題即可。

5. 文件發布與訪問

報表WorkBook1.cpt要達到能被訪問的程度，需要將本機配置為服務器進行發布。安裝Tomcat服務器程序，將FineReport_8.0安裝目錄下的WebReport文件拷貝到%Tomcat_HOME% ＼webapps＼下，啟動tomcat即可發布成功。之后，建立網址“http：//ip：端口/ WebReport/ReportServer？reportlet=123%2FWorkBook4.cpt&op=view”的快捷方式，將此快捷方式發到每個員工的桌面上，就能一鍵點擊訪問查詢了。