本次教程中，我將為您演示如何在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被用來保存報表到服務器端。