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被用来保存报表到服务器端。