本次教程中，我将为您演示如何在Web服务器上保存创建的报表，如何用Stimulsoft Reports Designer.Web编辑报表。

Stimulsoft Reports有一个基于网页的报表设计器组件，这个组件在网页浏览器上提供完善的报表编辑功能。由于这个组件被称为Designer.Web，您可以让终端用户根据他们自己的需求编辑报表，将报表定义保存到客户端或者服务器上。Designer.Web最大的亮点是用拖放实现部署。您只需在一个ASP.net网页环境下放入设计器组件，并编写一行代码使用户可以编辑已存在的报表或创建他们自己的报表。这个功能对作细小的变化非常有用，比如这些需要开发人员干预的操作：改变颜色、字体或文本对齐，或向表格中添加一个新的字段，或改变页数的位置。

Stimulsoft Reports Designer.Web的主要性能有：
1)平台独立（在Adobe Flash上运行）；
2)拖放的实现和部署；
3)可选择保存报表定义到web服务器上或者用户计算机上；
4)对作细小的变化以及终端用户的更新非常有用；
5)对全球开发团队非常有用。

在本次教程中，我将为您演示如何使用网页设计器，步骤如下：
1.添加StiWebDesigner和其他控件到网页上
2.当页面加载时显示报表列表
3.在列表框选项中显示报表
4.显示网页报表设计器
5.编辑选中的报表
6.保存报表文件在服务器上
7.创建一个新的报表并查看

1、添加StiWebDesigner和其他控件到网页上

• 从工具箱中拖放StiWebDesigner到您的网页上；
• 添加一个列表框以显示报表列表；
• 添加一个StiWebViewer使得用户可以查看在列表框中选中的报表；
• 添加一个文本框使得用户可以输入报表的名称；
• 添加按钮以创建新的报表，编辑已存在的报表。

2、当页面加载时显示报表列表

• 在Reports Directory中复制所有的报表文件；
• 在报表扩展项中找到所有扩展名为"*.mrt"的文件；
• 调用refreshReportsList函数在页面加载事件中的功能，并且页面不回发。

3、在列表框选项中显示报表

• 为列表框添加一个鼠标单击事件的处理程序；
• 创建一个StiReport类的对象；
• 根据选中的列表项中给定的文件路径加载报表；
• 更新报表查看器的报表源。

4、显示网页报表设计器

• 为"Design New Report"按钮添加一个鼠标单击事件处理程序；
• 如果报表已经存在，那么加载文件并允许用户编辑这个报表；
• 如果报表还未存在，那么以报表文件名创建一个新的报表文件。

5、编辑选中的报表

• 为"Edit Selected Report"按钮添加一个鼠标单击事件处理程序；
• 检查是否选中一个项目；
• 根据文件路径给定的选中值加载报表文件；
• 为已加载的报表文件设置报表设计器源码。

6、保存报表文件在服务器上

• 当用户在Designer.Web上单击保存图标时StiWebDesigner控件触发OnSaveReport事件；
• 为OnSaveReport事件添加一个事件处理程序，且需要StiSaveReportEventArgs作为事件参数；

• 从事件函数自变量中获取报表对象；
• 根据报表向导保存报表，文件名和报表名应该一致；
• 更新报表列表。

7、创建一个新的报表并查看

• 在Visual Studio中按下"Start debugging"图标或者"F5"按钮；
• 为报表创建一个名称；
• 为报表添加一个标签，并输入 "Hello World";
• 单击Save图标保存报表文件到服务器上；
• 单击Menu图标并单击Exit返回到报表列表；
• 按下F5刷新报表列表；
• 在列表中选择新创建的报表并查看它。

注释：
1)Save As被用来在当地用户驱动下下载报表定义；
2)Save被用来保存报表到服务器端。