在 SharePoint 中创建 Visual Web Part 的 3 个简单步骤

什么是 Web 部件？

SharePoint Web 部件基本上是一个为特定任务设计的可重用组件，可以轻松添加到 SharePoint 页面进行自定义/个性化。但对我来说，作为一名开发人员，它是一个在网站集级别部署的用户控件，以便网站集下的所有站点都可以复用它。

SharePoint Web 部件的类型？

SharePoint 中有两种 Web 部件类型

• 标准/传统 Web 部件
• 可视化 Web 部件

主要区别在于，可视化 Web 部件可以在我们的画布上自由拖放项目，为我们提供设计器体验。而标准 Web 部件则不具备这种灵活性，我们必须手动进行编码。这两种 Web 部件之间还有其他重要区别，但此处不作过多详细介绍。有关详细区别，您可以访问 Microsoft 在线 MSDN 这里。

目的

在本文中，我们将学习如何使用 Visual Studio 创建自定义可视化 Web 部件？以及如何将数据从可视化 Web 部件添加到 SharePoint 列表？

先决条件？

• SharePoint 2013
• Visual Studio 2012

步骤 1：在 SharePoint 站点中创建自定义列表

1. 在您的 SharePoint 站点中创建自定义列表“Employee”。
2. 在新建的列表中添加以下列。
   • 名称
   • 电话号码
   • 地址

在 Code Project 上一篇关于 此处 的文章中，我们已经讨论并实现了两种创建 SharePoint 2013 自定义列表的简单方法。

步骤 2：创建可视化 Web 部件

1. 创建一个新的空 SharePoint 2013 项目。
2. 提供您要部署解决方案的 SharePoint 站点 URL，并选择“部署为场解决方案”选项。
3. 现在，右键单击项目，然后选择“添加”，然后在上下文菜单中单击“新建项”链接。
4. 这将启动“添加新项”窗口。在“Visual C#”部分的模板中，选择“可视化 Web 部件”。
5. 为可视化 Web 部件提供一个名称，然后单击“添加”按钮将其添加到 SharePoint 项目。
6. 这将向 SharePoint 项目添加一个网站集范围的功能以及新添加的可视化 Web 部件。此 Web 部件将自动添加到功能中。您可以通过双击功能文件来查找此信息。
   
7. 双击第 5 步创建的 .ascx 文件。通过展开 Visual Studio 左侧的工具箱窗格，添加可视化 Web 部件所需的控件。
8. 双击“保存”按钮，它将打开 .cs 文件。在按钮点击事件中添加以下代码。
9. 现在，右键单击解决方案，然后单击“部署”选项。
10. 此过程会将解决方案部署到 SharePoint 站点，并将您的自定义 Web 部件添加到 Web 部件库。

我们已成功使用 SharePoint 2013 创建并部署了一个简单的可视化 Web 部件。但是可以开发更多有用的 Web 部件来简化特定的组织需求。SharePoint 中有许多内置 Web 部件，例如**图表 Web 部件**、**内容查询 Web 部件**等。

此外，我们还可以拥有一个自定义 Web 部件，它可以从多个数据源读取数据，并以更有效的方式呈现多个视图。SharePoint 日历 Web 部件是一个很好的例子，它显示了来自不同数据源（包括 Exchange、SharePoint 列表、Google、SalesForce、SQL 表或 XML）的所有事件，并进一步以多种视图呈现。让我们按照步骤 3 将我们的 Web 部件添加到页面。

步骤 3：将 Web 部件添加到页面

1. 要添加我们开发的、新创建的 Web 部件，请打开页面并单击“编辑页面”选项。从“插入”选项卡中，选择“Web 部件”图标。从自定义类别中选择我们已部署的自定义 Web 部件，然后单击“添加”按钮。
2. 这将把自定义 Web 部件添加到 SharePoint 站点。
3. 现在填写所有信息并单击“保存”按钮。这些信息将保存在 SharePoint 的“Employee”列表中。

希望我们现在已经理解了在 SharePoint 2013 中创建可视化 Web 部件并将其用于页面是多么简单。

这篇文章 SharePoint 中的可视化 Web 部件创建三步法 最早出现在 SharePoint For Dummies。