使用html和javascript进行自定义共享点开发

Custom sharepoint development with html and javascript

本文关键字：自定义 共享 开发 html javascript 使用      更新时间：2023-09-26

我正在开发sharepoint应用程序。我想使用html、javascript等作为用户界面。为了做到这一点，我在Masterpage库下创建了脚本和样式文件，在layouts文件夹下创建了aspx页面，并提供了aspx对这些脚本的引用。但是很难维持这样的开发，因为我使用Sharepoint Designer来编写javascript代码。此外，我正在使用ajax请求进行数据传输。我应该如何构建架构来实现这一点？

您实际上可以使用JS文件、CS文件以及SharePoint Designer和Visual Code的组合来实现这一点。

使用代码创建和修改CSS和JS文件，以对表单进行所需的更改。这样做不是从头开始创建，而是在修改和改进SharePoint已经提供的内容。您还可以使用JSOM进一步增强表单。创建完CSS和JS文件后，将它们保存到网站集中的某个位置（可能是资产库）。

从那里，转到SharePoint Designer并访问要修改的列表。选择要更新的表单，然后选择"在浏览器中查看"。设计器将为您打开一个空白表单。您现在可以编辑页面并执行以下操作：

  • 单击"添加Web部件"
  • 添加内容编辑器Web部件
  • 设置Chrome类型=无
  • 将光标放置在内容编辑器中。单击功能区中的"编辑源"
  • Add:<link href="/<sitename>/SiteAssets/<folder with files>/<cssFilecreated>.css" rel="stylesheet" type="text/css"/>（这会将您的自定义CSS添加到表单中
  • 接下来编辑列表项web表单web部件
  • 设置Chrome类型=无
  • 在"杂项"下，将以下内容添加到JS链接：~site/SiteAssets/<folder with files>/jquery-1.11.1.min.js|~site/SiteAssets/<folder with files>/JSFileYouCreated.js

测试您的代码，看看它是否符合您的要求。如果没有，请直接从场地资源库中重新打开代码。

快速提示：我只包含了jquery库来向您展示如何在JSLink字段中包含多个文件。您不必使用JQuery，而是可以使用客户端渲染。这完全取决于你。如果您也愿意，您可以将AJAX调用分离到一个单独的js文件中。

希望这对一些人有所帮助。

Dave

当我进行这种开发时（我更喜欢称之为：创建强大的解决方案），我创建了一些css和JS文件，并将它们放在文档库中。通常您使用Assets库，但我可以是任何文档库。

上传文件后，您可以通过在资源管理器视图中打开文档库来编辑它们（然后您会得到一个包含文件的文件夹）。

为了在UI上做一些有趣的事情，我在页面中添加了一个HTML表单Web部件，并将HTML代码放入其中。

相关文章：