不用Visual Studio，5分鐘輕鬆實現一張報表

常規的報表設計，如RDLC、水晶報表等，須要安裝Visual Studio，經過VS提供的報表設計界面來設計報表，經過VS設計報表對.NET開發者而言很是方便，可是對於非開發人員，要安裝4G的一個VS，且須要一個License，則成本顯得有點高。本文提供另一種方法，不使用VS也能夠設計報表。

經過ActiveReports提供的免費報表設計器（綠色的exe可執行文件），咱們也能夠設計報表，下面就開始報表設計：

誰適合閱讀此文？

• 報表設計師

• 產品經理

• 需求分析師

必要的環境

• 安裝了.NET Framework 4.0環境

• MS Office Access 2007及以上版本

 

第1分鐘：認識報表設計器

雙擊「GrapeCity.ActiveReports.Samples.EndUserDesigner.exe」，可打開以下的報表設計界面

總體風格和Visual Studio，很是方便上手，尤爲熟悉Visual Stuido界面。

本文采用區域報表來實現。

在區域報表中，提供了14個報表控件，其中本文會用到6種控件：(有關區域報表、頁面報表的區別，請參考)

• Label: 標籤用於顯示說明性文本，能夠幫助用戶描述顯示在報表中的數據。

• TextBox :文本框是一個基本的報表控件，它容許直接顯示和編輯未格式化的文本。

• Picture：此控件用於在報表中顯示圖像文件，能夠控制圖像大小等屬性。

• Line: 線以可視方式繪製邊界或突出顯示報表中特定的區域。

• ReportInfo:ReportInfo 控件容許您快速顯示頁碼、頁數和報表日期等信息。

• Barcode：條形碼是將寬度不等的多個黑條和空白，按照必定的編碼規則排列，用以表達一組信息的圖形標識符。

 

第2鍾：配置數據源和佈局

下面這張圖是區域報表的數據映射說明，其中對應關係：數據庫中一條記錄對應報表的Detail一條信息。

 

瞭解了數據映射關係後，咱們開始進行報表設計，首先配置數據源，咱們這裏提供了Access關係型數據庫(下載地址在本文最下面)。

經過點擊報表設計器的Detail區域的數據庫圖標

可打開以下的數據源視圖：

配置完數據源後，選擇DataSource1，右鍵添加數據集，即經過一條SQL語句，則可得到一個DataTable相似的數據集對象。

 

本博客使用的完整的SQL以下，數據源可經過這個路徑下載 （下載附件後，解壓文件，獲得NWind_CHS_Small.mdb文件）

   產品.產品ID, 產品.產品名稱, 產品.供應商ID, 產品.類別ID, 產品.單位數量, 產品.單價, 產品.庫存量, 產品.訂購量,

 

                產品.再訂購量, 產品.停止, 產品.圖片, 產品.產品描述, 類別.類別名稱, 類別.說明  類別說明, 類別.圖片  類別圖片,

 

                供應商.公司名稱  供應商, 供應商.聯繫人姓名, 供應商.城市, 供應商.地址

 

      ((供應商

 

                產品  供應商.供應商ID = 產品.供應商ID)

 

                類別  產品.類別ID = 類別.類別ID)

 

  供應商.供應商ID, 產品.類別ID

 

 

自此，數據源配置已經完成，完成了報表設計的入門，下面開始明確報表設計需求。

第3分鐘：報表設計需求

• 咱們但願報表呈現的結果是相似下面的佈局，報表頭、報表數據詳情、報表尾，即總體風格和RDLC報表相似

• 同時，還可呈現二維碼、圖片展示格式、報表生成時間、報表頁面等信息。

• 考慮到未來系統遷移的最低成本，咱們但願能夠在Winform、WPF、ASP.NET、HTML5等平臺中可以最低成本的複用---一次性精心設計的報表。

 

第4分鐘：拖動報表控件設計報表

在報表設計器的底部增長了多個設計器按鈕，經過這些按鈕能夠快速的訪問佈局嚮導，爲報表模板設計帶來更多便利操做。

自動對齊線（Snap Lines）：在報表設計界面上拖動某個控件，當該控件與其它控件（或者報表某個區域的邊界）對齊時，被拖動控件和與之對齊的控件（或者報表某個區域的邊界）之間將出現自動對齊線，讓用戶自由地佈局控件變得更加容易。

自動網格對齊（Snap to Grid）：在報表設計界面上拖動某個控件，該控件將自動和與之最近的網格線進行對齊，該功能能夠根據設置開啓或者關閉。

相似於Excel的自動滾動功能（Excel-like auto scrolling）：在報表設計界面上拖動某個控件，當拖動的區域超出了設計界面當前顯示的範圍時，設計界面會根據您拖動方向進行自動移動，直到報表設計界面的邊緣。

平移模式（Pan Mode）：當切換到平移模式時會顯示一個手形的光標，按下鼠標左鍵就能夠自由拖動報表的設計界面。

自動尺寸線（Dimension lines）：在報表設計界面上拖動控件、改變控件大小操做時，控件邊緣會自動出現尺寸線，經過尺寸線能夠清楚的知道控件與報表邊界之間的距離。

報表控件對話框（Report Control Dialogs）：提供簡便的方法來設置報表控件的相關屬性。

區域報表佈局默認狀況下顯示三個區域： 頁眉、明細和頁腳。您能夠添加或刪除頁眉和頁腳，報表頭和報表尾，還能夠添加 32 級的分組頁眉和頁腳（在報表上單擊右鍵並選擇插入，能夠插入報表頭/報表尾和分組頭/分組尾。）。將控件拖這些區域中，以此來顯示報表數據。報表佈局會被保存爲 RPX 格式。

依次從數據字段，往報表上拖動字段，如供應商名稱、聯繫人、地址、城市等

對於Line、BarCode和Picture，則須要從左側的工具欄拖入。

其中BarCode和Picture須要在屬性對話框修改數據---DataField字段。

第5分鐘：預覽結果、打印、導出

預覽查看報表結果的效果以下

 

導出：在設計工具中，經過文件---Export--可導出多種文件格式（HTML、PDF、Excel等）。

 

打印功能，經過工具欄的打印按鈕直接打印

 

怎麼樣，是否有想動手設計報表的衝動？

綠色報表設計工具(解壓便可使用，含C#源碼)

數據庫下載地址（下載附件後，解壓文件，獲得NWind_CHS_Small.mdb文件）

在線參考文檔

另外，對這款綠色的報表設計器提供源碼，可供您和您的小夥伴再次定製，如添加公司logo等個性化需求。（源碼編譯則須要安裝ActiveReports安裝受權）

本文用的是C#.NET綠色版，若有須要VB.NET綠色設計器源碼的，請留言告之您的郵箱，單獨發給您。