[財務][數據化分析][帆軟]報表設計-第一張報表


今天說一下帆軟的弊端,優勢什么的請自己去發現,使用了這么久帆軟了,唯一感覺的是趕緊找一台服務器安裝上,本機跑太消耗內存了。

如果你數據量大並發量大,請最少128G內存起步。這個不是帆軟的錯,是Java策略問題,運行的時候就要占用好內存。當然你可以設置小一點,那么速度就下拉了。

emmm,每個人有每個人的想法,不予過多評論了。

先進行系統學習,畢竟大家的思路都沒有打開呢,一直是以堆積excel表格數據進行展示。

請同時進行閱讀一下書籍,以打開可視化數據分析的思路,和學習編程一樣需要多多練習才能找到適合自己的路線:

如同戀愛一樣:相遇》相識》相知》相愛》相許》相守

沒有什么是隨隨便成功的。

[財務][數據化分析][帆軟]報表設計-第一張報表

1. 描述

在線視頻學習請查看:第一張報表

這篇文檔通過制作一張簡單普通報表,讓大家可以快速了解 FineReport 報表的制作流程。

1.1 報表設計流程圖

1566965042197032.png

1.2 第一張報表效果

在制作這張簡單普通報表之前,我們先來看一下報表最終呈現出來的效果,然后我們再根據這個效果來設計報表的樣式。

這張報表包含的功能模塊:

  • 控件面板:下拉框可以選擇地區,點擊查詢按鈕后,只查詢出該地區對應的表格和柱形圖數據。

  • 表格:表格統計該地區下各銷售員每個產品的總銷量。

  • 柱形圖:柱形圖將該地區下各銷售員每個產品的總銷量以圖表的形式進行展示。

介紹完報表的實現效果,下面我們根據報表制作流程圖來設計這張簡單普通報表。
Snag_4179006.png

2. 制作步驟

2.1 新建數據連接

新建數據連接的目的是讓 FineReport 設計器連接數據庫,這樣報表就可以在數據庫中讀取、寫入或修改數據。

數據連接的方式有兩種,分別是連接內置數據庫和連接外置數據庫。制作這張報表連接的是 FineReport 內置的 SQLite 類型的數據庫,有關外置數據庫的連接可參見 JDBC連接數據庫

1)打開設計器,菜單欄選擇服務器>定義數據連接。

Snag_4d21c01.png

2)彈出「定義數據連接」對話框,設計器已經默認連接了一個名為 FRDemo 的內置數據庫,點擊測試鏈接,彈出「連接成功」提示框,表示數據庫 FRDemo 成功與設計器建立連接。接下來就可以從這個數據庫中取數用於報表的設計。

Snag_453480c.png

2.2 新建報表類型

菜單欄選擇文件>新建普通報表或者點擊新建普通報表按鈕1.jpg,新建一張空白的普通報表。

Snag_4d4ae74.png

2.3 新建數據集

數據集通過 SQL 查詢語句從已經建立連接的數據庫中取數,將數據以二維表的形式保存並顯示在數據集管理面板處。簡單而言數據集是報表設計時的直接數據來源。

數據集按照作用范圍分為兩種:服務器數據集 和 模板數據集,它們之間的區別請參見:數據集

我們制作的這張普通報表將新建兩個模板數據集 ds1 和 ds2。

1)數據集管理面板選擇模板數據集,點擊上方的2.jpg,在彈出的模板數據集類型選擇框中點擊數據庫查詢。

Snag_4d91e80.png

2)在彈出的數據庫查詢對話框中,寫入數據查詢語句SELECT * FROM 銷量,新建數據集ds1,查詢並取出「銷量」表中的所有數據。

Snag_a7270eb.png

 

3)同理,新建數據集 ds2,寫入數據庫查詢語句SELECT 銷售員,SUM(銷量) AS 銷售總量 FROM 銷量 GROUP BY 銷售員,查詢並取出每個銷售員的銷售總量信息。

Snag_4f9d541.png

3)新建好數據集之后,可在數據集管理面板查看取出的數據。

Snag_5050a08.png

至此報表的數據准備工作已經完成,下面對報表的樣式進行設計。

2.4 報表設計

2.4.1 表格設計

1)樣式設計

標題:合並 A1~D2 單元格,寫入報表標題「地區銷售概況」,設置標題為15號字體,字體加粗並居中。

Snag_ea69105.png

單元格斜線:在一個單元格中用斜線分隔顯示三個標題字段信息,合並 A3、B3 單元格,右擊合並后的單元格,點擊單元格元素>插入斜線。系統會彈出一個斜線編輯的對話框,在文本編輯框寫入標題字段信息:產品|銷售員|地區,可以通過添加空格來調整文字的位置。

Snag_51ea60f.png

邊框:選中從 A1~D5 單元格,點擊工具欄中的 222 按鈕,在系統彈出的邊框設置對話框中,同時添加內部和外部邊框。

Snag_520f2fd.png

最終樣式效果如下圖所示:

Snag_5230e5b.png

2)數據綁定

將數據集中的數據列拖入到對應單元格中。

Snag_537d3bd.png

C5 單元格用於計算每個產品各自的總銷量,所以要對 C4 單元格求和,選中 C5 單元格,點擊上方快捷按鈕中的插入公式,在彈出的公式編輯框中輸入公式SUM(C4)。

1.png

2.png

D5 單元格用於統計所有產品的總銷量,所以要對 D4 單元格求和,同理,在 D5 單元格插入公式 SUM(D4)。

數據綁定最終效果如下圖所示:

Snag_54516a3.png

3)屬性設置

選中 C3 單元格,讓產品字段的數據在表格中橫向擴展,右邊屬性面板選擇單元格屬性>擴展>基本>擴展方向>橫向。有關單元格擴展的概念參見 單元格擴展

Snag_550d6b1.png

選中 C4 單元格,由於 A4、B4、C3 單元格的擴展已經確定了唯一的銷量值,故 C4 單元格無需擴展,擴展方向為不擴展。

C5 和 D5 單元格也都要設置擴展方向為不擴展。

Snag_552760a.png

選中 A1~D5 單元格,點擊上方的居中按鈕,將表格中的字體居中顯示。

Snag_5558afa.png

4)多數據集關聯

當報表中存在不同數據集的數據時,需要通過添加數據過濾條件,建立起不同數據集之間的聯系。

我們制作的這張報表的數據來源於兩個不同的數據集 ds1 和 ds2,「銷售員」字段是這兩個數據集共有的字段,我們使用這個字段建立起他們之間的聯系。

選中並雙擊 D4 單元格,彈出數據列對話框,選擇過濾。給單元格添加一個普通條件,將 ds2 的銷售員字段與 ds1 的銷售員字段進行綁定,實現兩個數據集之間的關聯。

Snag_9fa8e00.png

Snag_5749072.png

2.4.2 圖表設計

圖表的作用在於可以更加直觀地表現數據,提升用戶的報表查看體驗。這邊只是簡單引出圖表的概念,有關圖表的詳細內容參見圖表入門

我們在這張報表中插入柱形圖來直觀化展示各銷售員每個產品的銷售總量。

1)合並 A7~D18 單元格,選擇菜單欄插入>單元格元素>插入圖表。

Snag_58a8396.png

2)彈出圖表類型選擇對話框,這里選擇柱形圖>柱形圖,點擊確定。

Snag_58c5316.png

3)選中圖表,在右邊屬性面板選擇單元格元素>數據,設置柱形圖的數據。

數據來源:單元格數據
分類名:=B4

系列名:=C3

:=C4

注:分類名、系列名、值在設置的時候必須要有等號,否則單元格會被作為字符串處理。

Snag_5940760.png

4)柱形圖是對表格中地區銷售概況數據的圖形化展示,所以無需再次設置標題,我們在圖表樣式中去掉柱形圖的標題。

選中圖表,在右邊屬性面板選擇單元格元素>樣式>標題,不勾選標題可見。

Snag_59eecce.png

5)這里柱形圖展示的是所有銷售員的產品銷量統計信息,所以不需要對圖表所在的單元格進行擴展。

選擇圖表,在右邊屬性面板選擇單元格屬性>擴展>基本,擴展方向設置為不擴展,左父格和上父格均設置為無。有關父子格的概念參見 父子格設置

注:原理上,此處只需設置上父格為無即可。但為了方便記憶,建議將兩個父格均設置為無。

Snag_5fe9c88.png

注:原理上,此處上父格設置為無即可,但為了方便記憶,建議這種表格的兩個父格均設置為無。

6)用戶可以自定義柱形圖中系列的柱形顏色,下面我們將系列一的柱形顏色從藍色修改為紫色。

選中柱形圖,點擊屬性面板單元格元素>特效>條件顯示>添加條件,雙擊條件修改條件名為「系列1柱形紫色」,點擊條件編輯按鈕,在彈出的條件編輯對話框中,點擊Snag_9861952.png按鈕,新增配色屬性,下拉框選擇紫色,設置普通條件「系列序號等於1」,點擊增加按鈕。即實現系列一柱形顏色的改變。

Snag_97089f8.png

2.4.3 參數設計

參數的作用在於通過設置參數,可以在參數面板中給參數添加控件,再將控件與報表數據進行綁定,進而實現根據用戶輸入的參數查詢指定的數據。這邊只是簡單引出參數的概念,有關參數的詳細內容參見 參數簡介 。

1)菜單欄選擇模板>模板參數,打開模板參數設置對話框。

Snag_8e82c9c.png

2)模板參數對話框點擊增加按鈕,新建一個模板參數,雙擊該參數將它重命名為「地區」,設置默認值為「華東」。點擊確定完成模板參數的定義。

Snag_5e40911.png

3)點擊參數面板的編輯按鈕,進入參數面板設置界面。

Snag_90f001f.png

4)右上角控件設置面板會顯示沒有添加控件的參數,點擊地區或者點擊全部添加,將參數的默認控件添加到參數面板。

Snag_91fd2c3.png

Snag_94c7f49.png

5)點擊自定義控件的編輯按鈕,選擇下拉框控件類型。

Snag_9e00120.png

6)選中下拉框控件,在右邊的控件設置面板選擇屬性,點擊數據字典編輯按鈕,類型設置為「數據庫表」,數據庫為「FRDemo」,選擇數據庫表為「銷量」,列名的實際值和顯示值為「地區」。

這樣就給下拉框控件綁定了數據庫銷量表中的地區這個字段,這個字段下有兩個地區信息,分別為華東和華北,用戶可下拉選擇華東或者華北來查詢對應地區下的銷售概況信息。

Snag_9e88ed3.png

7)再次點擊參數面板的編輯按鈕,完成參數控件的設置。

Snag_9f5376d.png

8)設置好控件后還不能實現根據下拉框中的參數查詢指定地區的表格和柱形圖信息。因為數據集中的數據是將數據庫中的數據全部取出來,表格的數據來源於數據集,柱形圖的數據來源於表格,所以需要給表格設置數據過濾條件,當用戶下拉選擇地區參數點擊查詢時,表格和柱形圖只顯示該地區的數據。

雙擊 A4 單元格,在彈出的數據列對話框中選擇過濾,添加一個普通條件,讓地區等於參數$地區,點擊增加按鈕,點擊確定。即將地區單元格與參數綁定起來,當下拉框選擇地區參數查詢時只顯示該地區下的表格和圖表信息。

1567506930893959.png

至此這張報表已經制作完成,下面我們分別在 PC 端和移動端查看報表的效果。

2.5 報表預覽

2.5.1 PC 端

報表必須先保存才能預覽,點擊保存按鈕保存報表,點擊預覽按鈕,選擇分頁預覽,即可在瀏覽器中查看報表。

Snag_a17bbf9.png

瀏覽器中報表效果如下圖所示:

Snag_4179006.png

2.5.2 移動端

移動端查看報表的方式參見 報表移動端預覽

移動端報表效果如下圖所示:

1567508776634521.jpg

3. 已完成模板

已完成模板可參見:%FR_HOME%\webroot\WEB-INF\reportlets\demo\NewbieGuide\第一張報表.cpt

點擊下載模板:第一張報表.cpt


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM