博客地址：http://blog.csdn.net/FoxDave
本文介绍如何现代化用户接口。

一个现代化网站（如工作组网站或社区网站）中立竿见影的元素之一就是用户接口。这些网站一般有现代化主页，在我们导航到列表和库的时候也能看见现代化接口的样式。但是如果我们的网站此时仍然显示的是经典的页面样式要如何呢？本篇主要讲述的就是要如何做。
在我们从经典网站切换到现代化网站的时候，我们需要做两个方面的工作：

• 将列表和库设置为使用现代化用户接口
• 将网站页面转化为现代化页面

步骤1：识别并指导干系人

在进行网站现代化工作之前，储备相关干系人的SharePoint现代化相关知识是很重要的，因为转换过去之后他们是直接的接触者，要确保他们熟悉相关的操作：

• 关键业务干系人 - 现代化用户接口必须要满足业务用户的需要，关键的业务干系人一定要拥护这个变更。可以拿一个测试环境给他们授予访问权限，跟他们一起工作来帮助他们更好地理解新版中好的与不好的方面。之后，这些关键业务干系人将会在帮助终端用户适应现代化网站中起到关键作用。
• 自定制团队和研发人员 - 由于过去的自定制在新版中不再可用了，团队需要重新进行自定制设计。
• SharePoint管理员 - 管理员是在租户级别和网站级别启用现代化用户接口的角色。
• 变更管理和管制团队 - 如果公司里有这些团队，他们也需要被包含在干系人中，从经典界面转换到现代化界面，可能需要为他们提供一些内部培训。

之后就可以进行第二步了。

步骤2：分析网站集

如果是正式环境，我们的租户可能会包含上千的网站集，这时我们就面临要如何确定转换哪些网站集到现代化网站的问题。微软做了扫描工具来帮助我们分析现有的网站：

• SharePoint “Modern” user interface experience scanner - SharePoint "Modern" user interface experience scanner帮助我们深刻了解网站列表和库对于现代化接口的兼容性。如果我们的目标就在将列表和库转换为现代化用户接口，我们可以使用这个扫描工具。

一些列表和库由于如下某个原因无法在现代化接口中显示：

 - 具有不支持SharePoint现代化接口的字段的列表
 - 使用了如JSLink等自定义的列表并不兼容
 - 列表模板目前仍然不支持在现代化用户接口下工作

• SharePoint Modernization scanner - SharePoint Modernization scanner能够为我们网站提供连接到Office 365组和环境中的wiki页面、web部件页面的详细分析报告。这些分析结果可以指导我们的迁移工作。如果我们的目标是将网站页面转换为现代化用户接口，我们可以使用这个扫描工具。

步骤3：现代化网站集

分析过我们想要现代化的网站之后，就可以真正地去实施现代化了，包含以下一到多个部分：

• 将不兼容的自定制内容替换为等价的现代化用户接口兼容的。
  下面是一些示例，更具体的内容将在以后的文章中进行介绍。

 - 将JSLink替换为[column formatter](https://docs.microsoft.com/en-us/sharepoint/dev/declarative-customization/column-formatting)或[SharePoint Framework Field Customizer extension](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/extensions/get-started/building-simple-field-customizer)。
 - 将现有的web部件替换为[SharePoint Framework客户端web部件](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/overview-client-side-web-parts)。
 - 将嵌入式JavaScript的用户自定义操作替换为[SharePoint Framework Application Customizer extension](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/extensions/get-started/build-a-hello-world-extension)。
 - 将列表用户自定义操作替换为[SharePoint Framework ListView Command Set extensions](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/extensions/get-started/building-simple-cmdset-with-dialog-api)。

• 现代化用户体验：

  • 通过替换自定制、从视图移除不兼容的字段或是将数据迁移到兼容现代化用户接口的列表类型来激活列表和库的显示现代化用户接口。
  • 将网站连接到Office 365组。它给我们的网站一个现代化主页，并可以使用邮箱、Planner等，进而使用日历和任务列表。
  • 创建现代化客户端页面并将它们配置为类似之前关键的经典wiki和web部件页的样子。应该为我们网站的关键页面制定转换方案，而不是所有的页面，因为通常这样会造成资源紧张而且并不需要这样做。这里我们可以借助上面提到的工具来做。
• 跟终端用户们沟通这次变更。网站看起来跟以前很不一样了，因此需要告诉用户们。