重要
对 SharePoint Designer 2013 的支持计划于 2026 年 7 月 14 日结束。 有关详细信息,请参阅 固定生命周期策略一文 。
SharePoint Designer 2013 是用于生成和自定义 SharePoint 网站和应用程序的 Web 和应用程序设计程序。 使用 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 2013 及其各个功能可以使用 SharePoint Designer 设置页面进行限制或禁用。 如果无法执行本文中所述的任务,这可能是原因。 有关详细信息,请与管理员联系。
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 部件和 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 中工作流的构建基块。
事件
事件是启动或启动工作流的内容。 对数据源的更改(例如创建的新项或更改的项)是一种事件类型。 另一种类型的事件是由用户激活的事件,即工作流参与者。 数据源更改时启动的工作流通常是以应用程序为中心的工作流的一部分,用于自动执行业务流程,例如基于数据状态复制文件。 用户可启动的工作流通常是人工协作工作流的一部分,例如内容审批。 工作流可以设置为识别这两种类型的事件,甚至可以基于这两种类型的事件的组合。
条件
条件确定工作流何时运行或执行活动。 由于工作流与数据源相关联,条件指定必须对数据源进行更改才能使工作流发生。 条件通常以子句“If field equals value”开头。 一个条件可用于多个操作,多个条件可用于一个操作。 规则将条件与一个或多个操作组合在一起:如果条件中的所有子句均为 true,则会发生关联的操作。
操作
操作是工作流中最基本的工作单元。 设计工作流时,需要确定必要的操作序列,然后在工作流Designer中组合该操作序列。 可以对其进行设置,以便它们) (串行操作一个接一个地发生,或者同时 (并行操作) 。 工作流可以包含任意数量的操作,这些操作由工作流本身或工作流中的参与者执行。 SharePoint Designer 2013 包括一组丰富的现成可重用操作。 例如,使用这些操作,工作流可以发送电子邮件、检查列表或列表外的项目、执行计算等。
在这些操作中,有一组特殊的任务操作,如“开始审批流程”和“启动反馈流程”,其中包含专门为组织中的人工任务流程设计的单独工作流编辑器。 通过这些操作,可以创建和自定义几乎可以管理任何业务流程的复杂工作流。
步骤
工作流由一个或多个步骤和子步骤组成。 使用步骤可以对条件和操作进行分组,以便在第二组规则之前评估并执行一组规则。 每个步骤可能包含任意数量的条件和操作。 可以将工作流设计为步骤或子步骤中的一系列操作。 在继续下一步之前,将处理一个步骤中的规则,以便完成下一步,因此你想要在同一步骤中对影响所需特定操作所需的任何规则进行分组。 步骤还可以用作组织工作流的一种方式,尤其是在工作流具有大量操作和极少数条件的情况下。
表单
工作流通常包含用于在工作流中预定义时间从工作流参与者收集信息的表单。 它们还允许参与者与与工作流关联的任务进行交互。 在工作流中,可以设计初始表单以在用户启动工作流时从用户收集信息、将工作流与列表或内容类型关联的表单、与任务列表关联的自定义任务的表单相关联。 设计窗体时,可以使用本机 ASP。基于 NET 的表单 (.aspx SharePoint Designer 2013 中的页面) 或自定义窗体 (.xsn 页面) Microsoft InfoPath 2010设计。 InfoPath 在工作流表单的自定义和品牌打造方面提供了更多功能。
变量
变量是工作流中的数据存储位置或缓存。 使用变量,可以将不同类型的数据存储在工作流中,并在稍后使用工作流查找引用该数据。 可以在工作流中使用多种类型的变量。 例如,可以使用初始表单参数生成的变量和本地变量,它们保存与当前工作流关联的数据。 在本地变量中,可以使用多种变量数据类型,包括布尔值、日期/时间、列表项 ID、数字和字符串。 创建变量并将其设置为值后,可以在工作流稍后的条件或操作中引用该变量。
设计和品牌
SharePoint Designer 2013 提供的最后一个自定义领域是设计和品牌,即采用企业外观并将其应用于 SharePoint 网站。 可以合并公司徽标、配色方案、页眉和页脚、支持图形、自定义导航等。 因此,网站上的每个页面都可以立即被识别为大型公司网站的一部分。 在 SharePoint Designer 2013 中,您可以使用母版页、页面布局和级联样式表来设计和打造 SharePoint 网站品牌。
设计和打造网站品牌与自定义的其他支柱不同,因为自定义的重点是创建自定义业务解决方案。 品牌打造是通常不太经常在网站集顶部执行的内容,例如 Intranet 或面向 Internet 的门户。 然后,该自定义品牌由其下创建的子网站继承。 品牌打造工作也可能由 Web 设计人员而不是解决方案创建者执行。
出于这些原因,默认情况下,除网站集管理员以外的所有用户禁用母版页、页面布局和级联样式表。 这样,只有负责网站品牌的人员才能访问这些功能强大但敏感的文件。 当然,你可以为特定用户重新启用它们。
作为网站设计人员,以下是使用 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 上构建所有功能,并且可以遵循以可部署解决方案结尾的应用程序开发生命周期。