Compartilhar via


介绍新的可视化设计器

原文发布于 2012 年 10 月 22 日(星期一)

 

简介:My Pic

大家好,我叫 Sam Chung,是 SharePoint Designer 的项目经理。我非常荣幸地向各位介绍一下我们对 SharePoint Designer 2013 的最大投资之一,那就是“可视化设计器”。

在开始之前,强烈建议您看一下我们所设置的 MSDN 文章。您可以在以下位置找到相关文章:

https://msdn.microsoft.com/zh-cn/library/sharepoint/jj163272(v=office.15).aspx

https://msdn.microsoft.com/zh-cn/library/sharepoint/jj164055(v=office.15).aspx

https://msdn.microsoft.com/zh-cn/library/sharepoint/jj163971(v=office.15).aspx

“可视化设计器”是一种完全内置于 SharePoint Designer 2013 中的全新工作流设计界面。对于你们当中熟悉 SPD 2010 的人来说,将会知道可以先在 Visio 中创建 SP 2010 工作流,导出它,然后再将这些图表导入 SPD 2010 中。虽然这样做确实有效,但是存在几点限制:

  • 无法对 Visio 中的不同操作进行参数化。
    • 您将始终需要切换到“基于文本的设计器”才能设置操作参数。
  • 从 SPD 中导出时,您不知道图表可能发生了何种变化
  • 无法显示/使用 Visio 中的自定义操作

现在所有这些限制都不复存在了,我们添加了一大推新的功能来真正地使此功能绽放光彩。

其工作原理是什么?

现在就让我们来看一下“可视化设计器”的外观。下面是实际设计器的屏幕截图:

image

正如您所看到的,“可视化设计器”看起来像是直接显示在 SharePoint Designer 中的 Visio 画布。而事实上,这就是所发生的情况。当将 SharePoint Designer 2013 和 Visio 2013 Professional 并排安装在同一台机器上时,我们即会启用新的“可视化设计器”。

如果我们看一下屏幕,您可以看到两个不同的应用程序:

image

虽然有两个不同的应用程序正在运行,但是我们已将这两者集成在一起,以致于您甚至都注意不到有两个单独的应用程序。一切应感觉像是全部在 SPD 中发生一样。

如何启用“可视化设计器”?

下面是使用“可视化设计器”的先决条件

  1. 将 SharePoint Designer 2013 与 Visio Professional 安装在同一台机器上
    • “可视化设计器”在 SPD 的任何以前版本中都不能使用
    • 只有 Visio Pro 才会启用“可视化设计器”
  2. 将 SharePoint Designer 2013 直接连接到已设置工作流管理器的 SharePoint 2013 网站
  3. 创建新的 SharePoint 2013 工作流
    • “可视化设计器”只有在创建/编辑 SharePoint 2013 工作流时才能使用
    • 您无法使用此功能创建/编辑 SharePoint 2010 工作流

在确定您拥有所有这些先决条件之后,通过单击在功能区找到的“视图”(Views) 按钮,
就应该能够随时切换到“可视化设计器”(Visual Designer):

image

那么关键优点有哪些?

1) 就像在 Visio 中一样,能够通过单击和拖放来创建工作流

image

  • 您的所有操作在左侧的模具窗格中均可用
  • 模具窗格仅会自动显示适用于您所创建的工作流类型的操作列表。
  • 自定义操作也会显示在模具中
  • 该窗格按字母顺序预先进行排序

 

2) 能够使用“操作标记”(Action Tags) 设置不同操作的属性

image

    • 操作标记会向您显示操作的“顶级”属性。如果您看一下“基于文本的设计器”中的相同操作,就会注意到有些属性在句子中显示为链接:

image

    • 这些相同的链接在操作标记中显示为选项。
    • 选择其中任何一个选项都将显示该选项的相应对话框或“顶级属性网格”(下面直接显示有关此选项的更多信息)

3) “顶级属性”(Top Level Property) 网格允许您设置仅会显示在“基于文本的设计器”中
的句子级别的属性。

image

    • 与操作标签的概念类似

4) 您可以生成“阶段级别图表”以查看恰好位于阶段级别的工作流。这非常适合于了解工作流或报告的流程。

image

image

    • 注意:阶段级别图表和原始图表是两个不同的图表。在这二者之间没有任何同步。
    • 我将单纯针对阶段级别视图及其功能创建另一篇博客文章

5) 工作流中的错误显示在“问题”(Issues) 窗格中:

image

    • 请注意错误在错误窗格中的列出方式
    • 此处同时显示形状级别的错误和工作流属性中的错误
    • 当您单击错误消息时,即会自动突出显示相关联的形状
    • 每当您尝试发布工作流,单击“检查错误”(Check for Errors) 功能区按钮,以及尝试从“可视化设计器”(Visual Designer) 切换到“基于文本的设计器”(Text-Based Designer) 时,即会执行错误检查
      • 只是保存工作流时,不会执行任何错误检查

6) 需要通过右键单击条件分支对其进行设置

image

    • 请记住,需要通过右键单击每个分支并选择“是”(Yes) 或“否”(No) 对来自条件形状的所有分支进行设置

我已对“可视化设计器”中的许多不同的功能进行了讨论。我会在将来的文章中对这些功能进行介绍。现在,请尽管发布您可能具有的任何问题。

谢谢,

Sam

这是一篇本地化的博客文章。请访问 Introducing the new Visual Designer 以查看原文。