Share via


使用設計工具建立 SharePoint Web 組件

您可以將視覺 Web 組件專案新增 至任何 SharePoint 專案,以建立 Web 組件。 這會在 Visual Studio 中開啟 Visual Web 開發人員設計工具,您可以在其中將控制項和程式碼新增至 Web 組件。 視覺 Web 組件的運作方式與 Web 組件相同。 唯一的差異在於您在 Visual Web 開發人員設計工具中設計視覺 Web 組件。

建立視覺 Web 組件的專案

  1. 在功能表列上,選擇 [檔案]>[新增]>[專案]

  2. 在 [建立新專案] 對話方塊中,針對您已安裝的特定 SharePoint 版本,選取 [SharePoint 視覺 Web 組件]*。 例如,如果您已安裝 SharePoint 2019,請選取 [SharePoint 2019 - 視覺 Web 組件] 範本。

    注意

    您也可以在 [建立新專案] 對話方塊頂端的 [搜尋] 文字方塊中,輸入 SharePoint 來搜尋範本。 您也可以在 [專案類型] 下拉式方塊中選取 [Office],篩選範本清單,只顯示 Office 和 SharePoint 的範本。 如需詳細資訊,請參閱在 Visual Studio 中建立新專案

  3. 如果想要的話,請變更專案的名稱,然後選擇 [建立] 按鈕。

  4. 在 [指定網站和安全性層級以進行偵錯] 頁面上,指定本機電腦上的 SharePoint 網站的 URL,然後選擇 [完成] 按鈕。

    [方案總管]中,會出現 Web 組件。 在 Visual Web 開發人員設計工具中設計 Web 組件之後,您會在指定的網站上進行測試。

將視覺 Web 組件新增至現有的 SharePoint 專案

  1. 在功能表列中,選擇 [專案]>[加入新項目]

  2. 在 [新增項目] 對話方塊中,選擇 [Office/SharePoint] 節點。

  3. 在專案範本清單中,選擇 [視覺 Web 組件]、將其命名,然後選擇 [新增] 按鈕。

    [方案總管]中,會出現您的 Web 組件。 在 Visual Web 開發人員設計工具中設計 Web 組件之後,您會在指定的網站上進行測試。