Stimulsoft reports有一個基于網頁的報表設計器組件，這個組件在網頁瀏覽器上提供完善的報表編輯功能。由于這個組件被稱為Designer.Web，您可以讓終端用戶根據他們自己的需求編輯報表，將報表定義保存到客戶端或者服務器上。Designer.Web最大的亮點是用拖放實現部署。您只需在一個ASP.net網頁環境下放入設計器組件，并編寫一行代碼使用戶可以編輯已存在的報表或創建他們自己的報表。這個功能對作細小的變化非常有用，比如這些需要開發人員干預的操作：改變顏色、字體或文本對齊，或向表格中添加一個新的字段，或改變頁數的位置。

Stimulsoft Reports Designer.Web的主要性能有：
1)平臺獨立（在Adobe Flash上運行）；
2)拖放的實現和部署；
3)可選擇保存報表定義到web服務器上或者用戶計算機上；
4)對作細小的變化以及終端用戶的更新非常有用；
5)對全球開發團隊非常有用。

在本次教程中，我將為您展示如何使用網頁設計器，只需以下幾個簡單步驟：
1.添加Reports Designer.Web到您的網頁上
2.用Edit單擊按鈕顯示Designer.Web
3.用Designer.Web創建一個簡單的表格報表
4.向您的報表中添加一個新的連接
5.向您的報表中添加一個數據源
6.向您的報表中添加一個表格
7.預覽并保存報表

1、添加Reports Designer.Web到您的網頁上

• 從工具箱中拖放StiWebDesinger1到您的網頁上

2、用Edit單擊按鈕顯示Designer.Web

• 拖放一個Standard ASP.NET按鈕到頁面上并將按鈕命名為"Edit Report";
• 為這個按鈕添加一個事件處理程序，并添加如圖所示的代碼以顯示Designer.Web。

3、用Designer.Web創建一個簡單的表格報表

• 按下Visual Studio工具條下的Debug按鈕或者按下F5鍵，在調試模式下啟動您的網站；
• 單擊Edit Report按鈕；
• 現在，報表設計器在Internet Explorer中打開。

4、向您的報表中添加一個新的連接

• 選擇設計器右邊的Dictionary Tab；
• 單擊New Item并選擇New Connection；
• 選擇SQL Connection并單擊OK；
• 為AdventureWorks數據庫輸入一串連接字符串；
• 單擊Test以確保您的連接字符串是正確的。

5、向您的報表中添加一個數據源

• 單擊Dictionary Tab上的New Item圖標并選擇New Data Source；
• 選擇SQL Connection中的Data并單擊OK；
• 在名稱欄中輸入查詢的名稱"Sales";
• 在Query Text欄輸入SQL查詢；
• 單擊Retrieve Columns以確保您有了所有需要的列；
• 單擊OK查看Dictionary Pane中的Sales Datasource；
• 以下字段已經在查詢中使用過：
• SELECT [SalesOrderID]

[RevisionNumber],
[OrderDate],
[DueDate],
[ShipDate],
[Status],
[OnlineOrderFlag],
[SalesOrderNumber],
[PurchaseOrderNumber],
[AccountNumber],
[CustomerID],
[ContactID],
[SalesPersonID],
st.Name,
[BillToAddressID],
[ShipToAddressID],
[ShipMethodID],
[CreditCardID],
[CreditCardApprovalCode],
[CurrencyRateID],
[SubTotal],
[TaxAmt],
[Freight],
[TotalDue],
[Comment],
FROM [AdventureWorks].[Sales].[SalesOrderHeader] soh
Inner join [AdventureWorks].[Sales].[SalesTerritory] st on soh.TerritoryID = st.TerritoryID.

6、向您的報表中添加一個表格

• 單擊Menu圖標并選擇New；
• 選擇New Report with Wizard；
• 選擇Standard Report并單擊OK；
• 展開Connection并選擇Sales作為數據源；
• 單擊Next選擇Columns；
• 選擇所有需要展示的列；
• 繼續所有默認設置的步驟或者根據您自己的需求做一些變換；
• 單擊查看最后的報表設計效果。

7、預覽并保存報表

• 請記住，本地主機禁用彈出式窗口攔截器；
• 單擊預覽選項卡并選擇Preview as HTML；
• 報表預覽將在一個彈出的窗口中打開；
• 切換到報表設計器窗口并單擊Menu圖標；
• 現在，選擇"Save As"；
• 如果您有試用版請再次單擊Save；
• 將報表保存到本地驅動的的任意一個地方。

注釋：
1)Save As被用來在當地用戶驅動下下載報表定義；
2)Save被用來保存報表到服務器端。