现代化SharePoint网站用户接口

简介:

博客地址: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部件页的样子。应该为我们网站的关键页面制定转换方案,而不是所有的页面,因为通常这样会造成资源紧张而且并不需要这样做。这里我们可以借助上面提到的工具来做。
  • 跟终端用户们沟通这次变更。网站看起来跟以前很不一样了,因此需要告诉用户们。
相关文章
|
1月前
|
Linux C# Android开发
.NET开源跨平台桌面和移动应用的统一框架 - Eto.Forms
.NET开源跨平台桌面和移动应用的统一框架 - Eto.Forms
133 1
|
3月前
|
开发者 UED
Axure“Web高端交互元件库”:产品与设计的得力助手
这套“Web高端交互元件库”精心构建了四大板块内容,分别是登陆首页集合、Web框架集合、表单元件集合以及主流后台组件。每一板块都包含了大量实用且美观的交互元件,设计师与开发者可以根据具体项目需求,快速找到并应用这些元件,从而大大提升工作效率。
|
3月前
|
开发者 前端开发 开发框架
JSF与移动应用,开启全新交互体验!让你的Web应用轻松征服移动设备,让用户爱不释手!
【8月更文挑战第31天】在现代Web应用开发中,移动设备的普及使得构建移动友好的应用变得至关重要。尽管JSF(JavaServer Faces)主要用于Web应用开发,但结合Bootstrap等前端框架,也能实现优秀的移动交互体验。本文探讨如何在JSF应用中实现移动友好性,并通过示例代码展示具体实现方法。使用Bootstrap的响应式布局和组件可以确保JSF页面在移动设备上自适应,并提供友好的表单输入和提交体验。尽管JSF存在组件库较小和学习成本较高等局限性,但合理利用其特性仍能显著提升用户体验。通过不断学习和实践,开发者可以更好地掌握JSF应用的移动友好性,为Web应用开发贡献力量。
52 0
|
3月前
|
开发者 存储 API
Xamarin 云服务集成竟然如此强大,简化后端开发不再是梦,数据存储、用户认证、推送通知全搞定!
【8月更文挑战第31天】Xamarin 是一款强大的跨平台移动应用开发工具,通过与云服务集成,显著简化了后端开发。开发者无需自行搭建服务器,即可利用云服务提供的数据存储、用户认证、推送通知等功能,大幅减少数据库设计、服务器配置及 API 开发的时间成本。借助 Azure Mobile Apps 等云服务,Xamarin 可轻松实现数据存取操作,同时增强应用安全性与用户参与度,使开发者更专注于业务逻辑和用户体验,提升开发效率并降低成本。这种方式在快速发展的移动应用领域极具价值。
59 0
|
3月前
|
前端开发 测试技术 定位技术
Web Accessibility基础:构建无障碍的前端应用
网络无障碍确保所有人平等访问网站与应用,覆盖视觉、听觉等多种障碍。关键技术包括:文本替代(alt属性)、ARIA角色、清晰表单标签、键盘导航、颜色对比、视觉隐藏、ARIA live区域、触控优化、语义化编码、视觉反馈、语音支持、易读文本、状态指示、色盲友好、屏幕阅读器兼容、响应式设计、媒体内容字幕、定期测试、图像地图、语音合成、明确错误提示及焦点管理。
46 0
|
Serverless
现代化Web 站点构建介绍——端云调试
现代化Web 站点构建介绍——端云调试自制脑图 介绍了具体怎么在 Serverless Hub 实施。
96 0
现代化Web 站点构建介绍——端云调试
|
监控 Java 测试技术
Web、移动端、桌面端自动化测试工具或框架推荐
目前自动化测试可谓是人人在提,而且自动化工具和一些开源框架也是层出不穷。截止现在,我也接触了一些自动化的知识,分享下。
594 0
Web、移动端、桌面端自动化测试工具或框架推荐