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

Stimulsoft Reports Designer.Web的主要性能有：
1)平臺(tái)獨(dú)立（在Adobe Flash上運(yùn)行）；
2)拖放的實(shí)現(xiàn)和部署；
3)可選擇保存報(bào)表定義到web服務(wù)器上或者用戶計(jì)算機(jī)上；
4)對(duì)作細(xì)小的變化以及終端用戶的更新非常有用；
5)對(duì)全球開發(fā)團(tuán)隊(duì)非常有用。

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

1、添加Reports Designer.Web到您的網(wǎng)頁上

• 從工具箱中拖放StiWebDesinger1到您的網(wǎng)頁上

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

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

3、用Designer.Web創(chuàng)建一個(gè)簡單的表格報(bào)表

• 按下Visual Studio工具條下的Debug按鈕或者按下F5鍵，在調(diào)試模式下啟動(dòng)您的網(wǎng)站；
• 單擊Edit Report按鈕；
• 現(xiàn)在，報(bào)表設(shè)計(jì)器在Internet Explorer中打開。

4、向您的報(bào)表中添加一個(gè)新的連接

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

5、向您的報(bào)表中添加一個(gè)數(shù)據(jù)源

• 單擊Dictionary Tab上的New Item圖標(biāo)并選擇New Data Source；
• 選擇SQL Connection中的Data并單擊OK；
• 在名稱欄中輸入查詢的名稱"Sales";
• 在Query Text欄輸入SQL查詢；
• 單擊Retrieve Columns以確保您有了所有需要的列；
• 單擊OK查看Dictionary Pane中的Sales Datasource；
• 以下字段已經(jīng)在查詢中使用過：
• 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、向您的報(bào)表中添加一個(gè)表格

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

7、預(yù)覽并保存報(bào)表

• 請記住，本地主機(jī)禁用彈出式窗口攔截器；
• 單擊預(yù)覽選項(xiàng)卡并選擇Preview as HTML；
• 報(bào)表預(yù)覽將在一個(gè)彈出的窗口中打開；
• 切換到報(bào)表設(shè)計(jì)器窗口并單擊Menu圖標(biāo)；
• 現(xiàn)在，選擇"Save As"；
• 如果您有試用版請?jiān)俅螁螕鬝ave；
• 將報(bào)表保存到本地驅(qū)動(dòng)的的任意一個(gè)地方。

注釋：
1)Save As被用來在當(dāng)?shù)赜脩趄?qū)動(dòng)下下載報(bào)表定義；
2)Save被用來保存報(bào)表到服務(wù)器端。