重要
对 SharePoint Designer 2013 的支持计划于 2026 年 7 月 14 日结束。 有关详细信息,请参阅 固定生命周期策略文章 。
SharePoint Designer 2013 是一个 Web 和应用程序设计程序,用于构建和自定义 SharePoint 网站和应用程序。 借助 SharePoint Designer 2013,可以创建数据丰富的页面、构建功能强大的支持工作流的解决方案以及设计网站的外观和风格。
SharePoint Designer 2013 通过提供一个位置来提供独特的网站创作体验,您可以在其中创建网站;自定义构成网站的组件;围绕业务流程设计网站逻辑;以及将网站部署为打包解决方案。 您无需编写任何代码即可完成所有这些操作。
注意
此处的大部分信息涵盖 SharePoint Designer 2013。 SharePoint Designer 2013 专为 SharePoint 2013 网站和更高版本而设计。
在以下部分中,你将了解 SharePoint Designer 2013 以及如何开始在组织中使用它。
下载并安装 SharePoint Designer 2013
若要获取 SharePoint Designer 2013,请参阅下载并安装 SharePoint Designer 2013。
SharePoint Designer 2013 体验
SharePoint 网站正迅速变得越来越复杂,因为它们可以适应各种类型和规模的企业的需求。 它们已经从文档、任务列表和计划的存储库转变为高度动态、数据丰富、业务流程驱动的站点。
对于网站设计人员来说,这不仅意味着了解业务需求,还意味着了解 SharePoint 及其组成其中一个网站的所有部分。 了解站点的许多移动部分之间的关系并能够在一个地方管理这一点尤为重要。
SharePoint Designer 2013 提供了一个单一环境,你可以在其中处理网站、其列表和库、页面、数据源、工作流、权限等。 您不仅可以在一个地方看到网站的这些关键成分,还可以看到这些对象之间的关系。
该框架可供您开始设计和构建高度定制的业务解决方案网站。 首先连接到 SharePoint 内部和外部的数据源。 向用户呈现此信息,并让他们使用 SharePoint 网站或 Office 客户端应用程序重新提交信息。 创建高度自定义的工作流,实现业务流程自动化。 最后,自定义网站的外观和风格,使其与您组织的品牌相匹配。
通过为这些任务提供一个环境,您可以花更多的时间设计、构建和自定义解决方案,而不是花更少的时间使用不同的工具和方法搜索和更新站点的各个组件。
以下部分介绍 SharePoint Designer 2013 体验和用户界面:
打开 SharePoint Designer 2013
SharePoint Designer 2013 是安装在本地计算机上的客户端程序。 它还与 SharePoint 紧密集成。 因此,可以使用 Windows “开始”菜单和 SharePoint 中的不同位置(例如“页面”菜单上的“编辑”按钮)直接从计算机启动它。
可在许多位置打开 SharePoint Designer 2013,例如,在自定义列表、视图、工作流和母版页时。 如果尚未安装 SharePoint Designer 2013,则首次从 SharePoint 启动它时,系统会提示你从 Web 下载并安装它。 下次打开 SharePoint Designer 2013 时,它将立即打开。 它也在 Windows“开始” 菜单中提供。
注意
可以使用 SharePoint Designer 设置页面限制或禁用 SharePoint Designer 2013 及其各个功能。 如果无法执行本文中所述的任务,则可能就是这个原因造成的。 有关详细信息,请与管理员联系。
SharePoint Designer 2013“文件”选项卡
从 Windows 开始菜单打开 SharePoint Designer 2013 时,首先看到的是“文件”选项卡。您可以在此屏幕上选择自定义现有站点或创建新站点。
若要自定义现有网站,可以浏览到现有网站、自定义“我的网站”,或选择在 SharePoint Designer 2013 中打开的最近网站之一。
要创建新站点,您可以使用空白模板、从模板列表中选择或从特色模板之一中进行选择。 在这里,只需指定服务器和站点名称,然后创建站点。 网站已创建,然后在 SharePoint Designer 2013 中打开。
如果从 SharePoint 打开 SharePoint Designer 2013,则不会看到此屏幕。 相反,你将在 SharePoint Designer 2013 界面中看到打开网站。
SharePoint Designer 2013 界面
SharePoint Designer 2013 提供了一个可创建、自定义和部署 SharePoint 网站和解决方案的环境。 这是通过用户界面实现的,该界面显示了构成网站的所有组件以及这些组件之间的关系。
首次打开网站时,你将看到网站的摘要,包括其标题、说明、当前权限和子网站。
界面由三部分组成:导航、摘要和功能区
您可以使用 SharePoint Designer 2013 界面的三个主要区域来设计和构建网站:
- 导航 窗格用于导航网站的主要部分或组件
- 库和摘要 页面,可查看每个组件类型的列表和一个特定组件的摘要。
- 用于对选定组件执行操作的功能区。
导航窗格显示构成网站的组件 - 其列表、库、内容类型、数据源、工作流等。 若要编辑其中一个组件(例如公告列表),请打开列表和库,这会将你带到显示所有列表和库的库页面。
在此处,你可以打开公告列表,这会将你转到该列表的摘要页。 在摘要页面上,您将看到其关联的视图、表单、工作流等。 要编辑其中一个视图,只需直接从此页面打开它。
视图打开后,您会注意到功能区发生变化,以显示编辑视图的最常见且与上下文相关的编辑任务。 如果你熟悉 Microsoft Office 应用程序中的功能区,就会知道它使创建和编辑任务变得快速而简单。 完成编辑后,使用页面顶部的“ 后退 ”按钮或痕迹导航样式导航返回到网站摘要。
通过 SharePoint Designer 2013 界面,可轻松识别网站的各种组件、向下钻取和编辑其中一个组件,然后返回网站的主视图。
打开“文件”选项卡
除了在 SharePoint Designer 2013 中处理网站的各种对象外,你可能还需要查看和访问较大的网站或应用程序设置。 这包括打开另一个网站、添加页面、导入文件以及更改 SharePoint Designer 2013 的应用程序设置。 你可以在“文件”选项卡上执行这些操作,如果从 Windows“开始”菜单打开 SharePoint Designer 2013,将看到的第一个屏幕。
单击左上角的“ 文件 ”选项卡可转到此视图。 单击“返回”返回到 SharePoint Designer 2013 界面。
SharePoint Designer 2013 中的自定义支柱
SharePoint Designer 2013 可用于创建和自定义包含应用程序逻辑但不需要编写代码的网站和解决方案。 您可以使用它来添加和修改数据源、自定义列表和数据视图、构建和部署业务工作流、设计企业品牌等等。 但是,当你将一个现成的网站转变为组织的真实业务解决方案时,你才真正开始利用 SharePoint Designer 2013 的强大功能和功能。
以下部分介绍使用 SharePoint Designer 2013 设计和生成解决方案时的自定义要素。
连接到 SharePoint 内外的数据
使用 SharePoint Designer 2013,可以连接到许多数据源,然后将这些数据集成到网站和 Office 客户端应用程序中。 因此,您的用户可以在您的网站上以及您选择的程序中查看业务数据并与之交互,而不必单独连接到这些数据源。
可以直接从功能区连接到外部数据库、SOAP 服务、REST 服务等。
连接到数据源是 SharePoint Designer 2013 的一项强大功能,因为有许多受支持选项可用于向用户提供数据。 通过数据连接,可以将列表和库、外部数据库和数据源、Web 服务等组合在一起。
下面是可以使用 SharePoint Designer 2013 连接到的数据源的预览。
列表和库
列表和库是你将在网站上使用的常见数据源。 与其他数据源相比,它们的独特之处在于,它们已是 SharePoint 的一部分,并使用与 SharePoint 相同的数据库。 无需执行任何其他步骤即可创建与这些数据源的连接 - 只需使用 SharePoint Designer 2013 中的列表和库库添加它们或在浏览器中添加它们即可。 创建列表或库后,您可以自定义其关联的列、内容类型和其他架构属性。
外部业务数据
注意
此功能并非在 SharePoint 技术的所有实现中都可用。 有关详细信息,请与服务管理员联系。
业务连接 Services (BCS) 是基于 SharePoint 的框架,它为现有业务数据和流程提供标准化接口。 使用 BCS,您可以将外部业务数据源(SQL Server、SAP 和 Siebel、Web 服务和自定义应用程序)连接到 SharePoint 站点和 Office 应用程序。
在 SharePoint Designer 2013 中,可以通过创建外部内容类型连接到外部数据。 外部内容类型通过存储连接的详细信息、业务应用程序中使用的对象、创建、读取、更新或删除的方法以及用户可以对对象本身执行的操作的详细信息来表示外部数据源中的数据。
外部内容类型存储在业务数据目录中。 创建外部内容类型后,你和组织中的其他人可以轻松地创建 SharePoint 列表、视图、表单、工作流,甚至基于该类型的 Office 客户端集成。 与任何其他组件一样,外部数据成为 SharePoint 的一部分,从而允许你为这些外部数据源创建完全自定义的用户界面。
外部数据库
将数据库添加为数据源允许您将另一个数据库中的数据集成到您的站点中。 可以连接到 Microsoft SQL Server、Oracle 以及任何支持 OLE DB 或 ODBC 协议的数据库。 您只需要知道数据库所在的服务器的名称、数据提供商以及要使用的身份验证类型。 添加数据库并将其配置为数据源后,可创建的视图和表单允许用户在不离开 SharePoint 网站的情况下读取数据并将其写回数据源。
通过 SOAP 的 XML Web 服务
简单对象访问协议 (SOAP) 是一种用于交换基于 XML 的消息的协议,使使用 XML Web 服务连接到各种数据源成为可能。 在 SharePoint Designer 2013 中,可以使用它连接到组织中其他网站或 Internet 上网站上的数据源,无论其技术、编程语言或平台如何。 可以使用 XML Web 服务在网站上显示货币转换器、股票报价、计算器或天气服务。
通过 REST 的服务器端脚本
REST) (表述性状态转移是一种网络软件的架构风格,它利用了 Web 的技术和协议,而不仅仅是一种构建 Web 服务的方法。 可以使用此类型通过读取描述内容的指定服务器端脚本从站点中获取数据。 与 SOAP 类似,可在 SharePoint Designer 2013 中使用它连接到另一个网站上的数据源,以显示货币转换器、股票报价、计算器或天气服务等。 这种类型的数据连接比 SOAP 实现起来更简单,但仅限于 HTTP。
XML 源文件
如果你的组织将数据存储在 XML 文件中,则可以在 SharePoint Designer 2013 中将这些文件作为数据源连接到它们。 若要将 XML 文件作为数据源连接到,可以直接在 SharePoint Designer 2013 中创建它们,从计算机或网络上的某个位置导入它们,也可以从外部位置连接到它们。
创建数据丰富的界面
建立与必要数据源的连接后,您就可以为用户创建与这些数据源的交互式、数据丰富的接口。 使用 SharePoint Designer 2013,你可以为数据源创建功能强大且动态的用户界面,并且可以使其在多个位置可用,包括 SharePoint 网站和 Office 业务应用程序中的自定义窗口、窗格和字段。
你创建的界面包括自定义视图、窗体、Web 部件、导航以及自定义 Office 客户端窗口和任务窗格。 这种灵活性使您能够为您的业务数据创建完全自定义的用户体验。
可以将多个数据源合并到一个视图中,创建具有相关项视图的仪表板,设计针对单个角色定制的自定义窗体,以及自定义与数据关联的可用工具栏和功能区命令。
下面是使用 SharePoint Designer 2013 自定义与数据关联的用户界面的多种方法。
视图
视图允许你以不同方式查看数据。 无论是查看列表或库,还是外部数据源,都可以使用视图来显示与您和您的用户相关的信息。 在 SharePoint Designer 2013 中,创建的每个视图都是以 XSLT (可扩展样式表语言转换) 显示的数据视图,并且它利用Microsoft ASP.NET 技术。 在视图中,可以显示和隐藏字段、排序、筛选、计算、应用条件格式等。 您还可以从多种视图样式中进行选择以快速入门。 最终,您可以创建和自定义任何视图,以适应您的数据模型、您的用户和您的业务。
表单
要从用户那里收集信息,请创建表单。 使用高度自定义的基于 Web 的表单,用户可以轻松地将数据写回数据源。 与视图类似,您可以根据数据状态、用户角色等自定义字段的外观。 窗体可用于显示数据、编辑数据和创建数据,你可以使用 SharePoint Designer 2013 的内置表单编辑器 ((用于.aspx文件) )或Microsoft InfoPath ((用于 .xsn 文件) )设计窗体。 可以针对特定数据源(如任务列表)创建和自定义表单,并且它们可用于在工作流中收集用户信息,如后面所述。
自定义操作
使用 SharePoint Designer 2013 中的自定义操作生成器,可以创建自定义操作,例如指向 SharePoint 功能区、工具栏和列表项菜单的链接、图标和脚本。 每当向网站添加新功能时,都可以通过在 SharePoint 菜单中公开该功能,方便用户发现和使用它。 您还可以使用自定义操作来鼓励用户对给定对象执行某些任务,例如在列表上启动工作流。
Web 部件
Web 部件是添加到 SharePoint 页面的模块化信息单元(独立数据或功能)。 前面介绍的视图和窗体存储在 Web 部件中,但除此之外,还可以添加执行多种功能和与数据交互的方式的 Web 部件。 如果将 Web 部件添加到 SharePoint Designer 2013 中的 Web 部件区域,则用户可以在浏览器中进一步自定义这些部件。 Web 部件和 Web 部件页面是为 SharePoint 中的用户自定义 Web 界面的强大而有效的方法。
客户端集成
对于使用外部内容类型的外部数据源,可以在 Microsoft Outlook 和 SharePoint Workspaces 等客户端应用程序中显示该信息。 您可以创建一个界面,供用户读取、写入和删除外部业务数据,就像它是应用程序的一部分一样。 您可以通过客户端窗体、区域和任务窗格执行此操作。 因此,用户可以在他们最了解且已在使用的站点和 Office 应用程序上处理其业务数据。
导航
导航在为用户创建的界面中起着关键作用,它是你在整个 SharePoint 中管理的区域,而不仅仅是 SharePoint Designer 2013。 例如,可以在数据视图或窗体、Web 部件、工作流或网站级别(如顶部链接栏或快速启动)自定义导航链接。 您希望确保网站及其所有部分具有精心规划的导航模型,供用户可以遵循。
管理业务流程
组织中的每个业务流程都由一组活动组成,这些活动基于共同的业务需求绑定在一起。 工作流是围绕此模型设计的,方法是提供由条件和操作集组成的基于规则的工作流。 您可以根据条件和操作序列组织和运行与工作流程相对应的一系列操作。
可以使用 SharePoint Designer 2013 创建工作流,以管理组织中从最简单到最复杂的业务流程。 工作流程通过自动化业务应用程序流程和人工协作流程来实现这一点。 当另一个数据源发生更改时,业务应用程序进程的工作流可能会更新一个数据源;人类协作过程的工作流可能会将文档发送给员工的经理以供批准。
SharePoint 工作流将应用程序逻辑引入业务流程,而无需编写代码。 这得益于 SharePoint Designer 2013 中功能强大而直观的工作流编辑器,该编辑器允许嵌套逻辑、子步骤等。 或者,可以使用 Microsoft Visio 及其可导出到 SharePoint Designer 2013 的流程图模板来设计和共享工作流。
以下是 SharePoint Designer 2013 中工作流的构建基块。
事件
事件是启动或启动工作流的事件。 对数据源的更改(例如创建的新项目或更改的项目)是一种类型的事件。 另一种类型的事件是由用户(工作流参与者)激活的事件。 当数据源更改时启动的工作流通常是以应用程序为中心的工作流的一部分,用于自动执行业务流程,例如根据数据状态复制文件。 可由用户启动的工作流通常是人工协作工作流(例如内容审批)的一部分。 可以将工作流设置为识别这两种类型的事件,甚至可以基于这两者的组合。
条件
条件确定工作流何时运行或执行活动。 由于工作流与数据源相关联,因此该条件指定必须进行的数据源更改才能发生工作流。 条件通常以子句“如果字段等于值”开头。 一个条件可以用于多个操作,多个条件可以用于一个操作。 规则将条件与一个或多个操作组合在一起: 如果条件中的所有子句均为 true,则将发生关联的操作。
操作
操作是工作流中最基本的工作单元。 设计工作流时,请确定必要的操作序列,然后在工作流 Designer 中组合该操作序列。 您可以对它们进行设置,以便它们 (串行操作) 或同时发生, (并行操作) 同时发生。 工作流可以包含任意数量的操作,由工作流本身或工作流中的参与者执行。 SharePoint Designer 2013 包含一组丰富的现成、可重用的操作。 例如,使用这些操作,您的工作流可以发送电子邮件、在列表中检查项目进出、执行计算等等。
在这些操作中,有一组特殊的任务操作,例如 “启动审批流程 ”和“ 启动反馈流程”,其中包含专门为组织中的人工任务流程设计的单独工作流编辑器。 通过这些操作,您可以创建和自定义可以管理几乎任何业务流程的复杂工作流。
步骤
工作流由一个或多个步骤和子步骤组成。 步骤允许您对条件和操作进行分组,以便在第二组规则之前评估和执行一组规则。 每个步骤可能包含任意数量的条件和操作。 工作流可以设计为步骤或子步骤中的一系列操作。 在继续下一步之前,会处理一个步骤中的规则,因此,您需要在同一步骤中分组任何必要的规则,以执行所需的一个或多个特定操作。 步骤也可以用作组织工作流程的一种方式,特别是当它有许多操作和很少的条件时。
表单
工作流通常包含表单,这些表单允许您在工作流中预定义的时间从工作流参与者处收集信息。 它们还允许参与者与与工作流关联的任务进行交互。 在工作流中,您可以设计启动表单以在用户启动工作流时收集用户的信息,可以设计关联表单以将工作流与列表或内容类型相关联,可以设计与任务列表关联的自定义任务的表单。 设计窗体时,可以使用本机 ASP.SharePoint Designer 2013 中) 的基于 NET 的表单 (.aspx 页面,或) 使用 Microsoft InfoPath 2010 设计的自定义表单 (.xsn 页面。 InfoPath 为您的工作流表单提供了更多自定义和品牌打造功能。
变量
变量是工作流内的数据存储位置或缓存。 使用变量,您可以在工作流中存储不同类型的数据,并在以后使用工作流查找引用该数据。 在工作流中可以使用许多类型的变量。 例如,您可以使用由启动表单参数和局部变量生成的变量,这些变量包含与当前工作流关联的数据。 在局部变量中,可以使用许多变量数据类型,包括布尔值、日期/时间、列表项 ID、数字和字符串。 创建变量并将其设置为值后,稍后可以在工作流中的条件或操作中引用该变量。
设计与品牌
SharePoint Designer 2013 提供的最后一个自定义领域是设计和品牌,也就是说,采用企业外观并将其应用到 SharePoint 网站上。 您可以合并公司徽标、配色方案、页眉和页脚、支持图形、自定义导航等。 因此,网站上的每个页面都可以立即识别为大型公司网站的一部分。 在 SharePoint Designer 2013 中,可以使用母版页、页面布局和级联样式表来设计和品牌化 SharePoint 网站。
设计和品牌化网站不同于定制的其他支柱,后者的重点是创建自定义业务解决方案。 品牌打造是一种通常较少执行且位于网站集顶部的功能,例如 Intranet 或面向 Internet 的门户。 然后,该自定义品牌将由在其下创建的子网站继承。 品牌推广工作也可能由网页设计师而不是解决方案创建者执行。
出于这些原因,默认情况下,除网站集管理员外的所有用户均禁用母版页、页面布局和级联样式表。 这样,只有负责网站品牌的人员才能访问这些功能强大但敏感的文件。 当然,你可以为特定用户重新启用它们。
作为网站设计人员,可以使用 SharePoint Designer 2013 为网站创建自定义品牌。
母版页
母版页是 ASP.NET 的一项功能,它们包含在 SharePoint 中,作为一种在一个位置设计网站布局并将其作为模板在整个企业中的其他页面重复使用的方式。 每次在 SharePoint 网站上查看页面时,都是在查看合并在一起的两个页面 - 母版页和内容页。 母版页定义通用布局和导航 (,它们通常构成页面) 的左侧、顶部和底部部分。 内容页面提供特定于页面的内容。 SharePoint Designer 2013 提供了一组丰富的页面编辑工具,可用于自定义母版页并与他人共享。
页面布局
如果使用发布网站,还要使用页面布局来设计网站的外观和布局。 页面布局充当组织中的用户创建的发布页面的模板。 除了母版页,它们还为发布页面提供精细的控制和结构,例如指定标题、正文和图形可以放置在页面上的位置。 发布页面使用 SharePoint 中的发布基础结构,它们可帮助你简化基于浏览器的内容创作和发布,而无需通常与该过程相关的所有开销。
级联样式表
与大多数网站和 Web 应用程序一样,SharePoint 使用级联样式表 (CSS) 将颜色、图形和位置应用于构成网站上页面的各种对象。 在许多情况下,一个页面应用了多个样式表。 若要自定义这些样式,可以直接在母版页、页面布局或网站页中修改它们,或直接在附加到页面的 CSS 文件中修改样式 - 可以使用 SharePoint Designer 2013 中功能强大的 CSS 编辑工具执行此操作。 还可以使用 CSS 文件自定义 SharePoint 主题。 通过自定义 CSS 文件,可以更改 SharePoint 网站的外观或“外观”,使其具有公司外观。
部署自定义 SharePoint 解决方案
到目前为止,所有内容都集中在如何使用 SharePoint Designer 2013 创建真实的业务解决方案上。 你已经看到,你可以连接 SharePoint 内部和外部的数据并与之集成,为此数据创建强大的用户界面,使用工作流管理业务流程,以及为网站打造品牌以匹配你的公司外观和风格。
但现在你需要对解决方案执行一些操作 - 例如将其部署到另一台服务器或整个企业中,在 Visual Studio 中打开它进行其他自定义,或者将其脱机保存以便随身携带。 你需要一种将解决方案转换为包的方法,这就是“另存为模板”选项的用武之地。
将解决方案另存为模板是 SharePoint 的一项强大功能。 模板另存为 Web 解决方案包 (.wsp 文件) ,其中包含网站的全部内容,包括数据源和结构、视图和表单、工作流和 Web 部件。
模板也是精细的。 您可能正在处理网站的某个特定部分,例如列表、视图或工作流。 您也可以将这些组件保存为模板,这提供了一种协作解决方案开发的全新方式。
在 SharePoint 中完成业务解决方案周期
在 SharePoint Designer 2013 上花费的时间越来越长,你很快会意识到你可以做的远不止基本的网站自定义。 您可以创建包含数据连接、数据丰富的用户界面、自定义工作流和完整的网站品牌的真实业务解决方案。 你可以在 SharePoint 上构建所有这些,并且可以遵循以可部署解决方案结束的应用程序开发生命周期。