在 SharePoint 中创建用户体验组件

SharePoint 加载项模型提供了许多 UX 组件和机制,可帮助你在 SharePoint 加载项中营造出色的用户体验。加载项模型中的用户体验也足够灵活,使你能够使用最能满足最终用户需求的技术和平台。

下表列出了一些资源,帮助你了解如何在加载项中创建和使用 UX 组件。

在 SharePoint 加载项中创建 UX 组件的资源和指南

文章 说明
在 SharePoint 外接程序中使用 SharePoint 网站的样式表 可以在您的 SharePoint 外接程序中引用 SharePoint 网站的样式表,并通过使用 SharePoint 中的样式表将其用于设置您网页的样式。 此外,如果有人更改了 SharePoint 网站的样式表或主题,则可以在您的外接程序中采用一组新的样式,而无需修改您的外接程序中的样式表引用。
在 SharePoint 外接程序中使用客户端部件版式控制 利用 SharePoint 的部件版式控制,您无需注册服务器库或使用特定技术或工具即可在外接程序中使用特定 SharePoint 网站的标题样式。 若要使用此功能,必须通过标准 <script> 标记注册 SharePoint JavaScript 库。 可以使用 HTML div 元素提供占位符,也可以使用可用选项进一步自定义部件版式控制。 部件版式控制继承指定 SharePoint 网站的外观。
创建外接程序部件以安装 SharePoint 外接程序 利用外接程序部件,您可以直接在主机 Web 中表明您的外接程序用户体验。 外接程序部件使用 IFrame 显示您的外接程序内容。 最终用户可以使用可为外接程序部件提供的自定义属性来自定义体验。 外接程序网页通过查询字符串中的参数接收自定义属性值。
创建自定义操作以部署 SharePoint 外接程序 在创建 SharePoint 外接程序时,自定义操作使您能够与主机 Web 中的列表及功能区交互。 最终用户安装加载项时,会在主机 Web 上部署自定义操作。 自定义操作可以打开远程网页,并通过查询字符串传递信息。 加载项可使用两种类型的自定义操作:功能区和编辑控制块。
使用客户端呈现在 SharePoint 加载项中自定义列表视图 客户端呈现提供了一种机制,可用来为 SharePoint 页面中托管的一组控件生成自己的输出。 此机制可以让用户使用知名技术(例如 HTML 和 JavaScript)定义 SharePoint 列表视图的呈现逻辑。 在客户端呈现中,您可以指定自己的 JavaScript 资源,并在诸如文档库之类的可用于外接程序的数据存储选项中托管它们。
在 SharePoint 托管的 SharePoint 加载项中使用客户端人员选取器控件 使用客户端人员选取器控件,用户可以为组织中的人员、组和声明快速搜索和选择有效的用户帐户。 选取器是 HTML 和 JavaScript 控件,提供跨浏览器支持。
使用标注控件突出显示内容并改进 SharePoint 托管的 SharePoint 加载项的功能 SharePoint 标注控件可提供灵活的方式来吸引用户,并展示 SharePoint 托管的应用的功能。 本文演示如何构造此控件、将其添加到网页和自定义其外观和行为。
在加载项 Web 的网页中包括 Web 部件 如何在 SharePoint 加载项的页面中添加 Web 部件。

后续步骤:在 SharePoint 加载项中处理数据

是否已为加载项设计了一个很棒的 UX? 请将数据与 SharePoint 加载项的模型中提供的机制相结合。有关详细信息,请参阅在 SharePoint 中处理外部数据

另请参阅