本教程引導你如何使用MS Visual Studio 2008或者2010 創建一個帶有報表的簡單web應用程序。你將學習到如何將一個帶有靜態文本的報表添加到你的web應用程序中，并在web頁面上顯示報表的打印預覽。

創建一個web應用程序，并添加報表

1、運行Microsoft Visual Studio (2008或2010)。

2、新建一個項目（CTRL+ SHIFT+ N），并創建一個新的ASP.NET Web Application。

3、在Project菜單上，選擇Add New Item... （或者按CTRL+SHIFT+A）來調用Add New Item對話框。

在對話框中，選擇DXperience v12.1 Report Class項，單擊Add。該操作將添加一個新的空白報表到您的應用程序。

或者，您也可以選擇 DXperience v12.1 Report Wizard模板，調用報表模板，快速創建報表。

創建報表

添加報表后，VS中顯示了報表設計器，在報表設計器中，你可以將bands和controls添加到報表中。

4、在報表設計器中，右鍵點擊報表區域，在調用的上下文菜單中選擇 Insert Band | Report Header。

根據需要，點擊Edit and Reorder Bands可以管理Bands的報表集。

5、打開VS工具箱 (CTRL+ALT+X)，將XRLabel從DX.12.1: Report Controls選項卡中拖動到報表表頭，從而實現為報表添加一個控件。

6、雙擊所創建的標簽，并在內置編輯器中編輯文本。要迅速調整文字的顏色和字體選項，使用XtraReports工具欄。

7、編輯報表時，點擊報表設計器下方的HTML View可查看報表在web頁面中的效果。

在Web頁面上顯示報告

8、切換到Default.aspx選項卡，點擊Design按鈕打開網頁設計器。

9、若要將報表嵌入到Web頁面，你需要展開DX.12.1: Reporting工具箱選項卡，將 ReportViewer控件拖動到頁面。若要為報表提供導航，打印/導出功能，將 ReportToolbar拖動到頁面即可。

10、將ReportToolbar.ReportViewerID屬性設置為ReportViewer1可將報表工具欄和報表查看器關聯起來。

11、將ReportViewer.Report 屬性設置為WebApplication1.XtraReport1，可將報表和報表查看器關聯起來。

查看結果

運行應用程序，可在系統默認的瀏覽器中查看所創建的報表。