填報功能入門範例

1.1 功能簡介

填報功能可以將頁面資料寫入到資料庫，包括資料的增加、刪除和修改操作。同時也支援對填寫資料的自訂校驗，excel 匯入資料，根據填寫值智慧聯動等功能。本文主要以簡單的列式填報報表為例講解如何使用 FineReport 設計器設計出一張簡單的填報報表。

1.2 預期效果

1）新增資料

填報預覽時，選中某一列資料，點選【增加記錄】按鈕，在這列資料後面新增一列資料。

2）修改資料

填報預覽時，選中某一列資料，修改其中資料欄的資訊。

3）刪除資料

填報預覽時，選中某一列資料，點選【刪除欄列】按鈕，將這一列資料直接刪除。

2.1 資料準備

建立資料集 ds1，資料庫查詢對話框中寫入 SQL 查詢語句：【SELECT * FROM S産品 ORDER BY 産品ID LIMIT 5】，取出【産品】表中按【産品ID】排序後的前五筆資料。

2.2 報表設計

1）A1~I1 儲存格寫入表格標題資訊依次為：【産品ID】、【産品名稱】、【供應商ID】、【類別ID】、【單位數量】、【單價】、【庫存量】、【訂購量】、【再訂購量】，並將資料集中的相應的資料欄按照標題欄位依次拖入到 A2~I2 儲存格。

2）範本主題選擇【相容主題】，選中 A1~I1 儲存格，在右側的【儲存格屬性】→【跟隨主題】設定表格的標題樣式為【Head1】,表格主體字體設定為【置中】，並新增天藍色內外框。

2.3 新增填報元件

給儲存格新增錄入資料的元件，若不設定錄入資料的元件將無法實現填報功能，您可以根據實際應用場景選擇填報的元件型別，本文以正文元件為例。

選中 A2~I2 儲存格，右邊屬性面板選擇【元件設定】，選擇元件下拉框選擇【文字元件】。

需根據實際應用場景進行設定。

• 如果只想向資料庫提交自訂的資料，則無需將資料欄拖入 A2~I2 ，可直接在空白儲存格上新增填報元件。

• 如果想要將資料集中的資料提交入庫，而沒有修改和新增資料的需求，可以將資料欄拖入儲存格，無需新增填報元件。

2.4 設定填報屬性

設定填報屬性的目的：將需要錄入資料所在的儲存格跟資料庫表中的欄位對應起來，進而確定某個儲存格中錄入的資料該寫入到哪個資料庫表下的哪個欄位中。

1）菜單欄選擇【範本】→【報表填報屬性】，開啟【報表填報屬性】設定對話框。

2）在對話框中選擇【提交】，點選，選擇【內建SQL】的資料提交方法。選擇提交型別為【智慧提交】，資料庫為【FRDemoTW】，表為【産品】 。

3）選擇【智慧新增欄位】確定可以進行填報的欄位，然後選擇【智慧新增儲存格】功能將儲存格與資料庫表中的資料欄綁定起來，勾選【産品ID】為【主鍵】，詳細新增方式可參考：內建SQL提交。勾選【 未修改不更新】，點選【確定】，即完成報表填報屬性的設定。

注1：勾選了【未修改不更新】後，進行填報時，頁面上未修改的資料不會參與提交，具體介紹可參考：填報未修改不更新。

注2：如果涉及到修改或刪除需求，那麼必須勾選一個或多個主鍵，這裏的主鍵相當於 SQL 中 where 的效果，不同於資料庫的主鍵。

2.5 設定範本 Web 屬性

設定範本 Web 屬性的目的是為了自訂填報預覽的頁面，包括【工具欄】、【報表顯示位置】、【標籤頁顯示位置】等等。

1）菜單欄選擇【範本】→【範本Web屬性】，開啟範本 Web 屬性設定對話框。

2）範本 Web 屬性設定對話框中選擇【填報頁面設定】，選中【為該範本單獨設定】填報頁面的 Web 屬性。勾選【填報當前編輯列背景設定】，設定其背景色為綠色。點選按鈕，刪除預設頂部工具欄，從下方的工具庫中透過雙擊的方式將元件新增到頂部工具欄，本範例中新增的四個自訂元件分別為：【提交】、【資料校驗】、【插入記錄】、【刪除記錄】。其餘選項採用預設設定，點選【確定】，即完成填報預覽頁面屬性的設定。

注：設定範本 Web 屬性不是填報範本製作的必要流程，也可直接使用預設 Web 屬性設定。

3.1 PC端

1）點選【儲存】按鈕，儲存報表。選擇【填報預覽】查看報表：

2）新增資料：

3）修改資料：

4）刪除資料：

3.2 行動端

行動端查看報表的方式參見：報表行動端預覽。

行動端預覽時，不會顯示填報工具欄，所以範例報表在行動端填報預覽時，不能新增和刪除資料，只能修改資料。如果想在行動端實現新增和刪除效果，可在報表設計時新增【插入刪除欄】按鈕，設定方法參見文檔：插入和刪除列欄

點選下載：行式填報表.cpt