下面通過表格製作軟體FineReport來簡單介紹一下。
工具/原料
表格製作軟體FineReport7.1.1
大小:148.2M 適用平臺:windows/linux
方法/步驟
下面我們以一個簡單的示例來體會體會一下表單。
最終效果如下:
新建表單
點選檔案>新建表單,如下圖:
拖入元件
如上圖所示的效果圖,我們可以看到該表單需要有1個下拉框控制元件以及對應的1個標籤控制元件和一個查詢按鈕,還需要一個以表格形式顯示資料的報表塊和顯示圖表的圖表塊,此時,我們確定了需要在表單中新增一個報表塊,一個圖表塊,3個控制元件。
注:在元件介紹中,我們知道控制元件即可依附於引數面板元件存在,也可以單獨以元件的形式存在,在這裡可隨意使用哪種形式,效果都一樣,那麼使用依附於引數面板元件存在的形式。
引數元件
從工具欄中將引數元件拖拽至表單主體中,並將相應的三個控制元件:下拉框、文字控制元件和查詢按鈕拖拽至引數元件中,並設定標籤控制元件的控制元件值為:客戶,如下圖:
報表塊元件
從工具欄中將報表元件也拖拽至表單主體中,如下圖:
注:如果元件數量過多,在web端展示的時候自適應在一頁內顯示會比較擁擠,那麼此時可以在右側下方選中整體框架body,在右側上方的屬性表中將元件縮放修改為自適應原樣縮放,如下圖:
充滿展現區域:是指在web端展示的時候,所有元件自適應充滿整個瀏覽器頁面顯示,不出現滾動條;
自適應原樣縮放:是指在web端展示的時候根據製作表單時候元件大小比例顯示,並不縮放充滿整個web頁面,如果超過頁面大小,會出現滾動條。
圖表元件
再從工具欄中將圖表元件拖曳至報表塊元件的下方,如下圖:
控制元件繫結資料
定義資料集
效果圖中,新建資料集ds1:SELECT 產品名稱,庫存量,產品.成本價 ,產品.單價 FROM 訂單,訂單明細,產品 where 客戶ID='${company}'and 訂單.訂單ID=訂單明細.訂單ID and 訂單明細.產品ID=產品.產品ID,引數company的預設值為VINET,。
注:引數名字必須與客戶ID下拉框控制元件名稱保持一致。
客戶下拉框控制元件
選中下拉框控制元件拖拽到適當位置,下拉框控制元件名設為“company”,資料字典來自FRDemo資料庫的客戶表(資料型別選擇資料庫表,資料庫選擇FRDemo),實際值和顯示值分別為客戶ID和客戶名稱,控制元件值為VINET:
注:查詢按鈕必須是預定義好的查詢按鈕。
報表塊
引數面板與控制元件都已經設定好之後,點開報表塊裡面的觸筆按鈕,進行報表塊編輯介面,如下圖:
新建資料集
效果圖中,報表塊裡面要顯示訂單明細資料,根據客戶ID進行過濾,新建資料集ds2:select * from 訂單 where 客戶ID='${company}',company預設值為VINET.
表樣設計
如下圖所示,設計表樣:
點選左下角的表單按鈕回到表單的設計介面,選中報表塊,可在右側的屬性表中設定其報表塊工具欄是否可見,如下圖:
注:報表塊工具欄預設不顯示,如果要顯示即勾選即可,不顯示工具欄,則如果資料有分頁,是無法顯示分頁按鈕的,即,只有勾選了報表塊工具欄選項才能使用分頁按鈕,才可以檢視第二頁以後的資料。
圖表塊
滑鼠選中圖表塊所在區域,為該圖表繫結資料,圖表資料來源來源於資料集資料來源,其分類系列設定如下:
條件屬性
由於該圖表塊型別為組合圖,即需要通過圖表條件屬性來修改不同系列的圖表型別,如下圖,新增一個條件屬性,設定當系列序號為3的時候,其座標軸為次座標軸,圖表型別為折線圖:
注:設定條件選擇系列序號的時候需要與資料繫結時的資料列順序相匹配,在上圖設定圖表資料時,庫存量、成本價和單價的系列序號依次為1、2、3,條件屬性主要是設定庫存量系列用柱形圖展示,成本價和單價用折線圖展示並使用次座標軸。在新增一個組合圖時,會預設新增2個條件屬性。
到此為止,表單就已經制作好了。