首页
学习
活动
专区
工具
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 注意

97390

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.7K100

    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.3K71

    用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

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

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

    42413

    Office Web Apps

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

    3.5K100

    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.7K50

    SharePoint 2019 XSS漏洞CVE-2020-1456复现

    在这里,我们就可以其中插入任意链接,这将允许我们攻击任何访问嵌入了用户个人资料图片页面的用户。...模式安装SharePoint 添加User Profile Service应用程序 漏洞评级 漏洞类别:没有对用户提供的输入数据进行正确有效的过滤。...CVSS 2:评分6.5(危) CVSS 3.1:评分6.5(危) 漏洞复现详细说明 在测试SharePoint应用程序的过程,我还部分测试了SharePoint本身。...在启用了用户配置文件的SharePoint设置,每个用户都可以上传用户个人图片。上传图片后,可以在用户配置文件查看,然后最终接受图片永久保存更改,包括所有其他条目。...通过分析HTML-img标签的src参数,我们可以直接在网页的源代码识别嵌入的链接。 总结 每当用户访问了这些嵌入了链接的包含用户图像的用户个人配置页面时,浏览器都会在后台打开嵌入的链接。

    99610

    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
    领券