首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在Sharepoint中创建现代网页,并使用sharepoint API向其中添加web部件?

在SharePoint中创建现代网页并使用SharePoint API添加Web部件涉及多个步骤。以下是详细的指南:

基础概念

  1. SharePoint现代网页:SharePoint现代网页是基于响应式设计的网页,提供了更好的用户体验和更高的灵活性。
  2. Web部件:Web部件是SharePoint中的可重用组件,可以添加到网页中以提供特定的功能或内容。

创建现代网页

  1. 打开SharePoint站点
    • 登录到你的SharePoint站点。
    • 导航到你想要创建现代网页的库(例如,Site Pages)。
  • 创建新网页
    • 点击“新建”按钮,选择“页面”。
    • 选择一个现代页面模板(例如,空白页面)。
  • 编辑网页
    • 点击“编辑”按钮进入编辑模式。
    • 使用SharePoint的富文本编辑器添加标题、文本和其他内容。

使用SharePoint API添加Web部件

  1. 获取Web部件定义
    • 首先,你需要获取要添加的Web部件的定义。可以通过SharePoint的Web部件库或通过API获取。
  • 添加Web部件到页面
    • 使用SharePoint REST API或JavaScript客户端对象模型(JSOM)来添加Web部件。

示例代码:使用REST API添加Web部件

代码语言:txt
复制
// 获取页面ID
var pageId = 'your-page-id';

// 获取Web部件定义ID
var webPartId = 'your-web-part-id';

// 构建REST API请求URL
var apiUrl = _spPageContextInfo.webAbsoluteUrl + "/_api/web/GetFileByServerRelativeUrl('/SitePages/" + pageId + ".aspx')/GetLimitedWebPartManager(scope=0)/AddWebPart";

// 构建请求体
var requestBody = {
    "webPartXml": "<webParts><webPart xmlns='http://schemas.microsoft.com/WebPart/v3'><metaData><type name='Your.WebPart.Namespace.YourWebPart, YourWebPartAssembly, Version=1.0.0.0, Culture=neutral, PublicKeyToken=your-public-key-token' /><importErrorMessage>Cannot import this Web Part.</importErrorMessage></metaData><data><properties><property name='Title' type='string'>Your Web Part Title</property></properties></data></webPart></webParts>"
};

// 发送POST请求
$.ajax({
    url: apiUrl,
    type: "POST",
    headers: {
        "accept": "application/json;odata=verbose",
        "content-type": "application/json;odata=verbose",
        "X-RequestDigest": $("#__REQUESTDIGEST").val()
    },
    data: JSON.stringify(requestBody),
    success: function (data) {
        console.log("Web Part added successfully.");
    },
    error: function (data) {
        console.log("Error adding Web Part: " + data.responseText);
    }
});

应用场景

  • 企业门户:在企业的SharePoint门户中添加自定义的Web部件,以提供特定的业务功能。
  • 团队协作:在团队站点中添加Web部件,以增强团队协作和信息共享。
  • 仪表板:创建包含多个Web部件的仪表板,用于数据可视化和报告。

常见问题及解决方法

  1. 权限问题:确保你有足够的权限来编辑页面和添加Web部件。
  2. Web部件冲突:确保添加的Web部件与其他Web部件兼容,避免冲突。
  3. API调用失败:检查API请求的URL、请求头和请求体是否正确,并确保你有有效的请求摘要(Request Digest)。

参考链接

通过以上步骤和示例代码,你应该能够在SharePoint中创建现代网页并使用SharePoint API添加Web部件。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

SharePoint Farm 3-Tier拓扑结构的实施解决方案

SharePoint Farm 3-Tier 拓扑结构 物理结构上“层”通常使用单词Tier来表示,而逻辑上的”层“通常用Layer来表示, SharePoint Farm 3-Tier 拓扑结构分为Web...前端Web Front-end 服务器用来承载网页、Web 服务和 Web 部件,它们是处理来自用户的请求所必需的。...APP 服务器用以承载SharePoint Farm中的所有服务器使用的SharePoint Service Application、SharePoint Service。...2.将其他SharePoint Server(APP 02、Web 01…)加入Farm 使用管理员账户(如SP_Admin)登陆APP 02、Web 01服务器 运行SharePoint 产品配置向导...有额外的配置 4.创建Web Application sp.domain.com作为Host header(主机头) NTLM身份验证 使用Web Service Account,如SP_Web 注意

98690

为SharePoint 2013配置Office Web Apps

Office Web Apps,相信大家都不陌生,那么如何让SharePoint文档库中的Office文档使用Office Web Apps打开呢? 如文档预览: ? 在线查看: ? 在线编辑: ?...重要: 若要在创建 Office Web Apps Server 服务器场后安装语言包,您必须从服务器场中删除一个服务器,将语言包安装在该服务器上,然后再将该服务器添加到服务器场。...若要了解如何在 SharePoint Server 2013 中使用这些许可证,请参阅在 SharePoint Server 2013 中配置许可。 ?...若要验证是否正确安装并配置了 Office Web Apps Server,请使用 Web 浏览器访问 Office Web Apps Server 发现 URL,如下面的示例所示。...7.设置SharePoint绑定的WOPI区域 Office Web Apps Server 使用区域的概念来确定其与主机(此示例中为 SharePoint 2013)进行通信时将使用的 URL(内部或外部

2.4K40
  • Windows 商店应用中使用 SharePoint REST API

    例如使用 GET 方法取得数据,使用 POST 方法来创建数据,使用 PUT 或 MERGE 方法来更新数据,使用 DELETE 方法来删除数据。      ...接下来我们来看看 REST API 的结构组成:       端点的基本URL是:https://server/site/_api ,它是所有 SharePoint REST API 的基础,其中 server...当需要向列表中插入新项时,我们需要使用列表项集合 API,使用 POST 方法插入数据。而需要修改列表中某一项时,则需要使用指定列表项 API,使用 MERGE 方法来更新数据。       ...的使用方法,这里的 $select 也是确定请求返回的结果中需要包含哪些字段,使用方法是:_api/web/lists/getByTitle('Books')/items?...(2)$filter 参数        如 SQL 中 Where 的使用方法,这里的 $filter 是用来筛选数据的筛选条件,使用方法是:_api/web/lists/getByTitle('Books

    4.8K150

    探索MVP(Model-View-Presenter)设计模式在SharePoint平台下的实现

    MVP模式 在SharePoint平台下,如开发SharePoint Farm Solution,如果不对代码进行重构,往往会出现这样的代码: ?...SharePoint Service Locator Design Pattern 仔细分析上图,Presenter还是没有解耦,因为这必须要在Presenter中把某个Repository的实例创建出来...什么是IoC容器 传统的控制流,从客户端创建服务时,必须指定一个特定服务实现(并且对服务的程序集添加引用),IoC容器所做的就是完全将这种关系倒置过来(倒置给IoC容器),将服务注入到客户端代码中,这是一种推得方式...实际上,IoC就是使用IoC容器将传统的控制流(客户端创建服务)倒置过来,将服务注入到客户端代码中。...使用IoC容器如SharePoint Service Locator,首先配置依赖关系(即当向Ioc容器询问特定的类型时将返回一个具体的实现),所以这又叫依赖注入。

    1.1K70

    安装和配置SharePoint 2013 Workflow

    为了侦听工作流的SharePoint事件(如itemCreated、itemUpdated),平台将通过使用Windows Azure Service Bus(服务总线,由OAuth进行协调)传送到 Workflow...对于回程,将使用SharePoint REST API回掉到SharePoint。...安装并配置工作流管理器 SharePoint 2013工作流平台需要Workflow Manger单独安装,然后配置为与SharePoint Server 2013 服务器场一起使用。...安装成功后,接着配置Workflow Manger,推荐选择默认,这样的操作用来创建新场,只需要对场的第一台计算机执行此操作,创建场后,可以使用"加入场"操作将更多的计算机添加到场。如下图所示: ?...接着,在工作流设置中设置创建项目时自动启动工作流,如下所示: ? 然后,保存工作流,然后发布,如下图所示: ?

    1.8K100

    SharePoint邮件通知服务中的XSS漏洞

    经过分析,我们发现,这种集成的SharePoint服务架构中,客户端浏览器每隔一分钟就会向以下URL链接发起一次GET请求,去探测新邮件等消息,以便为用户进行实时信息更新。...,PreviewText参数中包含了邮件内容,但却无法有效过滤掉一些如 / 的危险符号。...漏洞利用 该漏洞可在多种场景下被利用,以下是我们创建的一个PoC攻击场景: 1、攻击者通过缩小代码和变换字体颜色的方式,构造了一封看似无害的恶意邮件发送给受害者,注意其中嵌入的恶意代码: ?...总结 Target安全团队在漏洞发现后及时向微软进行了上报,并附上了上述PoC验证攻击细节和攻击具体环境要求。...不久之后,微软回复称漏洞已经修复,他们在其中调整了某个序列化程序使其能正确合理地编码转义敏感字符,能有效阻止XSS攻击在SharePoint应用通知服务中的再次发生。

    1.4K20

    搭建 Microsoft SharePoint 2016

    操作场景本文档介绍如何在云服务器实例上搭建 Microsoft SharePoint 2016。...示例软件版本本文在示例步骤中使用的云服务器实例硬件规格如下:vCPU:4核内存: 8GB本文在示例步骤中使用如下软件版本:操作系统:Windows Server 2012 R2 数据中心版 64位中文版数据库...6.在 “选择服务器角色” 界面,勾选Active Directory 域服务、DHCP 服务器、DNS 服务器和 Web 服务器(IIS),并在弹出的窗口中单击添加功能。...2.双击打开 “Setup.exe” 文件打开 SQL Server 安装向导,进入安装选项卡界面,单击**全新 SQL Server 独立安装或向现有安装添加功能**。...步骤6:安装 SharePoint 20161.在云服务器中打开浏览器,并访问 Microsoft SharePoint 2016 官网下载 Microsoft SharePoint 2016 安装包。

    2.5K71

    用Power APPs打造ALL in ONE的Power BI实时流仪表板:这才是报表该有的样子

    详细说明 01 预期目标 在Power BI中,单页面无跳转实现对数据源添加数据,并实时展示各时间维度与其他维度的详细报告。...要实现对在报告中直接输入,无任何跳转,需要使用Power Apps。这是源头输入。 画一下流程图: 所以问题就简化为:如何在Power Apps 和Power Automate之间建立关联。...我选择了SharePoint列表,因为这玩意儿我经常用: 这个Power Automate模板是当在SharePoint中创建新行的时候,会自动发送一个带着这一行信息的邮件,经常用于公司设备维修报备等场景...我们把这个模板稍微修改一下,不就可以实现:当向SharePoint添加行时,自动向流数据集添加数据吗?...so: 04 实现 我们在PowerApps中输入数据,将数据存放在SharePoint列表中: 列表中一旦添加行,触发Power Automate向数据集添加行: 使用该数据集创建报告,并在报告中添加

    2.2K20

    SharePoint 2013 Farm 安装指南——Least Privilege

    可将场服务器添加到应用层,并将这些服务器配置为专用服务器,用于承载SharePoint 管理中心网站,或承载服务器场中需要专用资源或与 Web 层隔离的其他服务(例如爬网组件、查询组件和配置文件页)。...需要在Sql Server(安装的实例)添加此登陆名,并授予SecurityAdmin 和DB_Creator权限 域用户 SP_Admin 此SharePoint Farm Service Account...2.需要在Sql Server(安装的实例)添加此登陆名,并授予SecurityAdmin 和DB_Creator权限 域用户 SP_Pool 此账户用来运行Web Application Pool 无...在运行场配置向导中,使用已经注册过的Service Account去运行Service Application Pool ? 默认第一次运行场配置向导会创建WebApplication-80。...点击每个Service Account即可看到SharePoint服务器场中具体使用情况 ?

    1.8K50

    从本地网关数据源切换到OneDrive数据源指导手册

    2、在PowerBI Desktop中获取该文件 两个思路 ①ODB中的文件本质上就是个需要登录才能打开的web网页,因此我们可以用web链接器来获取数据 在PowerBI Desktop中,获取数据-...但是这种办法有2个问题: 我们发现使用SharePoint.File链接器比web链接器在刷新数据速度上要慢很多 每次查找特定文件比较费劲,尤其是同一个文件名处在不同的文件夹中,我们不能直接判断应该选择哪一个文件...综上,我们在实际运用时,都是用SharePoint.Contents来获取ODB的文件 使用步骤我们也再重复一遍: 先获取ODB不包含子文件夹的根URL 再直接创建一个空查询,输入以下内容(替换成自己的...那么,如果还是通过删除表创建新表的操作,会导致大量的重复工作甚至引起极大的关系错乱并导致度量值计算错误,更有甚者会导致报告中表丢失或文件损坏。...总结 本文通过讨论连接ODB文件的三种方式并比较它们的优劣,确定了今后在进行ODB文件获取时使用SharePoint.Contents连接器。

    50813

    Office Web Apps

    使用 SharePoint 的企业可以为这些文档创建存储库,以将其内部存储在他们的 SharePoint 服务器中。...最后,使用特定 Microsoft 在线服务(如 SharePoint Online)的公司可以将文档存储在云中。...首先,在 Word 中创建或打开一篇文档,然后单击“文件”菜单访问 Backstage。初次使用 Office 2010 时,可通过 Backstage 快速保存和打开文档及运行其他常用命令。...双击其中某个文件夹,如“文档”。随即弹出常见的“另存为”对话框,在其中您可以选择文档的名称和文件格式,然后保存文档。...可以通过 Web Apps 与他人共享文档,要求您通过电子邮件向每个人发送指向您的文档的链接,具有 Windows Live 帐户并具有访问权限的用户可以在线查看和编辑这些共享文档。

    3.6K100

    SharePoint 2013自定义Providers在基于表单的身份验证(Forms-Based-Authentication)中的应用

    由于项目的需要,登录SharePoint Application的用户将从一个统一平台中获取,而不是从Domain中获取,所以需要对SharePoint Application的身份验证(Claims...创建Membership Provider和Role Provider 这儿我选择创建一个Class Library,当然你也可以直接创建一个SharePoint 2013 Empty Project,...如果是创建了SharePoint Project,要安装Assembly到GAC,直接部署就行。...修改Web Config Web Config需要Assembly的Public Key Token,可以使用VS Command Tool来获取: ?...分配用户并测试 成功为Web Application创建了自定义的Provider之后,接着就是测试是否成功。如添加访问用户,可以如下图操作所示: ? 搜索用户,如下图所示: ?

    1.9K90

    SharePoint 2013 Farm 安装指南——构建一个双层SharePoint Farm

    在双层拓扑结构中: 1.Database Server 表示数据库服务器的地址(这里使用的是默认的数据库实例),是一台独立的服务器并且拥有比较强劲的性能。....aspx 安装完毕后,创建 SharePoint 2013 和 Office Web Apps Server 之间的绑定 我采用的是HTTP和Office Web Apps Server服务器场进行通信...验证是否成功创建,在浏览器键入以下地址,如返回如下图所示的XML就代表创建成功(注:我在DC上已经加了一个OWA2013的A地址,IP指向自己(OWA Server),如下所示:) ?  ...创建 SharePoint 2013 和 Office Web Apps Server 之间的绑定 登陆SharePoint Central Administration,创建备用访问映射,如下截图所示...站点,在 SharePoint 2013 中,确保不是作为系统帐户登录的(如当前登录的用户名显示为 sharepoint\system,该用户就无法使用 Office Web Apps 编辑或查看文档)

    1.6K90
    领券