標籤：sharepoint 2010 application
建立你第一個SharePoint 2010 應用程式本文中，你會學到：1. 建立解決方案，使用伺服器端物件模型和可視Web Part組件讀取和寫入列表資料。2. 使用Visual Studio 2010 建立並部署解決方案。3. 使用Chart Web Part呈現列表資料。4. 在一個Web組件頁面整合解決方案中的不同可視Web組件。最終效果：
準備：首先要建立兩個必要的列表Customer Sales和Total Sales。第一個列表儲存關於公司和FY10季度銷售資訊。它包含一個Company欄（單行文本，由Title欄修改而生）和四個欄Q1，Q2，Q3，Q4（單行文本），像這樣：
第二個列表由兩個欄組成。Year（單行文本）和Sales（數字）。像這樣：
建立應用程式：總共分成四個步驟。首先開發一個
增加記錄到Customer Sales列表的功能。建立一個空白解決方案，提供項目架構。1. 開啟Visual Studio 2010.2. 點擊檔案--建立項目。3. 導航到其他項目類型，選擇Visual Studio 解決方案。4. 點擊空白解決方案，命名MyFirstSPSolution。添加記錄到Sales列表主要介面是一個可視Web組件。1. 右擊解決方案，選擇添加--建立項目。2. 選擇空白SharePoint項目，命名CustomerSalesWebPart，點擊確定。部署為場解決方案。3. 按右鍵項目，選擇添加--建立項--可視Web組件，命名CustSalesVWP。4. 按右鍵CustSalesVWP.ascx，選擇視圖查看器。5. 建立如下介面，包含6個標籤、5個文字框、2個連結按鈕。代碼應該是這樣的：6. 右擊CustSalesVWP.ascx，點擊查看代碼，切換到程式碼檢視。7. 添加引用 using Microsoft.SharePoint;8. 最終代碼應該是這樣的：9. 部署解決方案。10. 在SharePoint網站，建立新Web組件頁。點擊所有網站內容--建立--頁面--Web組件頁。命名Sales Dashboard。11. 添加Web組件，在Custom類中找到CustSalesVWP。點擊添加。測試這個可視Web組件，確保能正常工作。添加新紀錄到Customer Sales列表，並前去驗證。
點擊Add以後，查看列表：
點擊Clear，資料清空：
查看Customer Sales資料接下來我們要建立一個唯讀Web組件，簡單載入並顯示Customer Sales列表中的資料。在ASP.NET應用程式中，資料網格是非常有效方式。這次我們就用這個功能載入和重新整理資料。1. 檔案--建立--項目。2. 選擇空白SharePoint項目，命名CustomerSalesList。點擊添加到解決方案。3. 部署為場解決方案。點擊完成。4. 右擊項目，選擇添加--建立項。5. 選中可視Web組件，命名SalesVWP，點擊添加。6. 右擊SalesVWP.ascx，選擇視圖查看器。7. 拖曳2個標籤，一個datagrid，一個連結按鈕和一個Update Panel。最後的代碼應該是這樣的：介面是這樣的：
8. 右擊項目，添加--類，命名CustomerSales。添加部分代碼：9. 右擊SalesVWP.ascx，選擇查看代碼。10. 添加部分代碼，最後是這樣的：11. 右擊這個項目，選擇產生解決方案，成功後部署解決方案。12. 在之前的頁面點擊網站操作--編輯頁面--添加Web組件。13. 選中Custom類中的SalesVWP Web組件。點擊添加。14. 你可以看到：
點擊Load後，看到：
查看Total Sales建立一個綜合銷售量的Web組件。1. 右擊解決方案，添加--建立項目。2. 選中空白SharePoint項目，命名TotalSalesVisualWebPart，點擊確定，部署為場解決方案。3. 右擊項目，添加--建立項，選擇可視Web組件，命名TotalSalesVWP，點擊添加。4. 拖曳2個標籤、一個datagrid和一個連結按鈕。最後程式碼檢視是這樣的：5. 右擊項目，添加--類，命名SalesTotals。6. 右擊項目，選擇查看代碼。7. 添加代碼，最後是這樣的：8. 右擊此項目，選擇產生。成功後部署解決方案。9. 在相同頁面添加Web組件。10. 在Custom類中找到TotalSalesVWP，點擊添加。11. 你會看到：
點擊Load後：
添加一個Chart 圖表 Web Part 組件以圖表的視圖呈現Total Sales列表的資料。1. 編輯之前的頁面。2. 添加Web組件。在業務資料類中，選中Chart 圖表 Web Part 組件，點擊添加。3. 點擊編輯此Web組件，自訂您的圖表。4. 第一步選擇直條圖。
5. 接收第二步的預設。6. 第三步，選中顯示圖表標題。命名FY 10 Sales。點擊自動預覽查看圖表布局。點擊完成。
7. 右擊Web組件下拉式箭頭，選擇串連到資料。8. 選擇串連到列表，點擊下一步。9. 選擇TotalSales列表，點擊下一步。
10. 你會看到一個表格布局，點擊下一步。
11. 這一步你可以設定自訂改變表徵圖外觀，這裡接收預設，X欄位選擇Sales，點擊完成。
在頁面上你會看到：
最後完成的整個頁面是這樣的：
