1. 程式人生 > 其它 >帆軟報表開發步驟 設定瀏覽內容寬度為螢幕寬度

帆軟報表開發步驟 設定瀏覽內容寬度為螢幕寬度

1.新建資料連線

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

資料連線的方式有兩種,分別是連線內建資料庫和連線外接資料庫。製作這張報表連線的是 FineReport 內建的 SQLite 型別的資料庫,有關外接資料庫的連線可參見 JDBC連線資料庫

1)開啟設計器,選單欄選擇伺服器>定義資料連線。

2)彈出「定義資料連線」對話方塊,設計器已經預設連線了一個名為 FRDemo 的內建資料庫,點選測試連結,彈出「連線成功」提示框,表示資料庫 FRDemo 成功與設計器建立連線。接下來就可以從這個資料庫中取數用於報表的設計。

 2.新建報表型別

選單欄選擇檔案>新建普通報表或者點選新建普通報表按鈕,新建一張空白的普通報表。

3.新建資料集

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

資料集按照作用範圍分為兩種:伺服器資料集 和 模板資料集,它們之間的區別請參見:資料集

我們製作的這張普通報表將新建兩個模板資料集 ds1 和 ds2。

1)資料集管理面板選擇模板資料集,點選上方的,在彈出的模板資料集型別選擇框中點選資料庫查詢。

2)在彈出的資料庫查詢對話方塊中,寫入資料查詢語句 select * from dbo.JZ_SYJ_Data_store order by createtime,新建資料集ds1。

3)新建好資料集之後,可在資料集管理面板檢視取出的資料。

至此報表的資料準備工作已經完成,下面對報表的樣式進行設計。

4.報表設計

4.1 表格設計

1)樣式設計

新增標題欄位,設定字型背景顏色,字型大小為12,字型 加粗 並 居中,設定邊框為所有邊框

2)資料繫結

將資料集中的資料列拖入到對應單元格中。設定字型居中,邊框為所有邊框。

 注:新增序號欄位,為了顯示資料行數,詳細設定見https://www.cnblogs.com/tk-bolg/p/13685263.html

3)屬性設定

設定A2單元格左單元格為B2單元格,選中A2單元格,右邊屬性面板選擇:單元格屬性>擴充套件>左父格>自定義>B2

 設定B2單元格為列表型別,選中B2單元格,右邊屬性面板選擇:單元格元素>資料設定>列表

4.2 圖表設計

圖表的作用在於可以更加直觀地表現資料,提升使用者的報表檢視體驗。這邊只是簡單引出圖表的概念,有關圖表的詳細內容參見圖表入門

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

1)合併 A4~N14 單元格,選擇選單欄插入>單元格元素>插入圖表。

2)彈出圖表型別選擇對話方塊,這裡選擇 折線圖>自定義,點選確定。

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

資料來源:單元格資料
分類名:=B2

系列名:=F2

:=N2

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

 

4)設定標題。選中圖表,在右邊屬性面板選擇單元格元素>樣式>標題,填寫標題

5)這裡圖表不需要對圖表所在的單元格進行擴充套件。

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

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

4.3 引數設計

引數的作用在於通過設定引數,可以在引數面板中給引數新增控制元件,再將控制元件與報表資料進行繫結,進而實現根據使用者輸入的引數查詢指定的資料。這邊只是簡單引出引數的概念,有關引數的詳細內容參見 引數簡介 。

1)選單欄選擇模板>模板引數,開啟模板引數設定對話方塊。

2)模板引數對話方塊點選增加按鈕,新建一個模板引數,雙擊該引數重新命名,設定預設值。點選確定完成模板引數的定義。

 

3)點選引數面板的編輯按鈕,進入引數面板設定介面。

4)右上角控制元件設定面板會顯示沒有新增控制元件的引數,點選全部新增,將引數的預設控制元件新增到引數面板。

 

5)點選自定義控制元件的編輯按鈕,選擇控制元件型別。

6)日期型別控制元件,如果為時間型別,需要設定屬性為時間型別。

  下拉框控制元件,在右邊的控制元件設定面板選擇屬性,設定資料字典

7)再次點選引數面板的編輯按鈕,完成引數控制元件的設定。

8)設定好控制元件後還不能實現根據下拉框中的引數查詢指定的表格和圖表資訊。因為資料集中的資料是將資料庫中的資料全部取出來,表格的資料來源於資料集,圖表的資料來源於表格,所以需要給表格設定資料過濾條件,當用戶選擇引數點選查詢時,表格和圖表只顯示指定的資料。

雙擊 B2 單元格,在彈出的資料列對話方塊中選擇過濾,新增一個普通條件,點選增加按鈕,點選確定。即將單元格與引數繫結起來,當下拉框選擇引數查詢時只顯示該引數下的表格和圖表資訊。

注:設定下拉框引數為空選擇全部

注:預設查詢

注:設定分頁(待完善)

 注:自動調整列寬

 注:設定表頭固定及圖表固定  https://www.cnblogs.com/tk-bolg/p/13672173.html

 

 注:過濾條件放在一個單元格中

注:設定瀏覽內容寬度為螢幕寬度

 

 

至此這張報表已經制作完成。

5 報表預覽

報表必須先儲存才能預覽,點選儲存按鈕儲存報表,點選預覽按鈕,選擇分頁預覽,即可在瀏覽器中檢視報表。

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