SharePoint – 开发工具

SharePoint – 开发工具


在本章中,我们将介绍有关 SharePoint 的不同“开发”级别。每个级别都以某种方式为 SharePoint 网站的最终用户提供服务。您可以将此频谱划分为以下内容 –

  • 最终用户– 使用平台作为应用程序平台。

  • 高级用户– 创建和管理(可能还有品牌)网站。

  • 设计师– 为网站打造品牌并建立用户体验。

  • 开发人员– 构建和部署应用程序。

从开发人员到最终用户,各种人员都与 SharePoint 进行交互。如下图所示

发展

站点设置

网站设置是 SharePoint 的主要部分之一。我们需要熟悉它是非常重要的。

第1步-访问该网站设置页,单击用户配置文件的SharePoint管理中心单击该选项设置我的网站在我的站点设置。

站点设置页面

将打开以下页面。

设置页面

您将在此页面上找到您网站的大部分配置,例如 –

  • 更改您网站的主题。
  • 激活功能。
  • 管理权限。

步骤 2 – 设置中也提供了一些设置选项。因此,单击左窗格中的设置。

设置

请注意,站点设置页面的核心功能分为主要类别。例如,您可以在“用户和权限”类别、Web 设计器库中的主题等中使用大多数安全设置。

添加 HTML 页面

编辑体验范围从格式化文本到添加图像或多媒体。您可以通过直接在 SharePoint 网站中嵌入 HTML 来进一步了解代码。

这个任务感觉有点像开发,所以让我们通过添加一个 HTML 页面来看看一个简单的例子。

步骤 1 – 打开您的 SharePoint 网站并导航到该网站的主页。在页面选项卡上,单击编辑菜单选项。

SharePoint 网站

步骤 2 – 在插入选项卡上,单击嵌入代码选项。

插入标签

将打开以下对话框 –

对话框

第 3 步– 在代码字段中添加一些 HTML 代码,如下所示 –

HTML代码

步骤 4 – 单击插入,您将看到插入了 HTML 片段。

插

步骤 5 – 单击保存

点击保存

您可以看到 HTML 代码已插入到您的 SharePoint 网站中。

添加媒体文件

要将媒体播放器应用程序添加到您的 SharePoint 网站,请打开您的 SharePoint 网站并导航到该网站的主页。

步骤 1 – 在页面选项卡上,单击编辑菜单选项。

编辑菜单

步骤 2 – 选择 Web 部件选项。

Web 部件选项

步骤 3 – 从类别中选择媒体和内容,然后从部件部分选择带有部件媒体单击添加

带零件的介质

步骤 4 – 保存页面,您将看到以下页面,其中包含媒体文件。

媒体文件

SharePoint 设计器

许多开发人员不喜欢使用 SharePoint Designer 作为开发 SharePoint 网站的工具。但是,重点是 SharePoint Designer 工具可以简化某些开发任务。

重要的特点是 –

  • SharePoint Designer 可用于 SharePoint 的各种设计器功能,包括创建和编辑网站、页面、列表和内容类型。

  • SharePoint Designer 还可用于创建基于规则的声明性工作流,然后可以将其导入 Visual Studio 以进行更深层次的自定义。

  • 它可以从https://www.microsoft.com/en-pk/download/details.aspx?id=35491下载和安装

  • 首次打开 SharePoint Designer 时,您需要为其提供 SharePoint 网站的 URL 并以提升的用户身份进行身份验证。

  • SharePoint Designer 继承标准 SharePoint 权限。

  • 在 SharePoint Designer 中打开网站后,会出现许多可导航选项和有关网站的一些信息,例如网站元数据、权限、子网站等。

因此,让我们使用 SharePoint Designer,但首先我们需要通过打开您的 SharePoint 网站来使用 Office 365 设置 SharePoint Designer。

步骤 1 – 打开 SharePoint 网站。

打开 SharePoint 网站

步骤 2 – 选择 Office 365 设置菜单选项。在左窗格中选择设置,然后在中间窗格中选择软件。

Office 365 设置

步骤 3在左窗格中选择工具和加载项,您将看到不同的选项。最后你会看到 SharePoint Designer Option,点击链接。

工具和插件

步骤 4 – 安装后打开 SharePoint Designer。单击打开站点选项。

打开网站

步骤 5 – 指定 SharePoint 站点的 URL,然后单击打开。

指定网址

第 6 步– 一旦 SharePoint Designer 网站打开,您将看到不同的选项可用。

SharePoint 设计器网站

步骤 7 – 单击功能区上的 SharePoint 列表,然后从菜单中选择任务。

SharePoint 列表

步骤 8 – 一个新对话框打开。指定名称和描述,然后单击确定。

新建对话框

第 9 步– 让我们使用门户访问同一个站点,您将在您的站点中看到待办事项列表。

待办事项清单

Visual Studio 和表达式混合

您还可以使用Visual StudioBlend将一些内容添加到您的 SharePoint 网站。Visual Studio 提供了许多功能来帮助在 SharePoint 中开发应用程序;详细了解它们会很有帮助。

让我们通过打开 Visual Studio 来查看 SharePoint 托管应用程序的简单示例。选择文件→新建→项目选项。

步骤 1 – 打开 Visual Studio 并选择文件 → 新建 → 项目菜单

项目菜单

步骤 2 – 在左侧窗格中选择Templates → Visual C# → Office/SharePoint,然后在中间窗格中选择App for SharePoint

在名称字段中输入名称,单击确定,您将看到以下对话框。

SharePoint 应用程序

在新的 SharePoint 应用程序中,我们需要添加要调试的 SharePoint 站点 URL,然后选择 SharePoint 托管模型作为您要托管 SharePoint 应用程序的方式。

步骤 3 – 转到 SharePoint 管理中心并复制 SharePoint URL。

共享网址

步骤 4 – 将 URL 粘贴到New App for SharePoint对话框中,如下所示。

SharePoint 的新应用程序

步骤 5 – 单击下一步,它将打开我们需要登录连接到 SharePoint对话框。

连接到 SharePoint

步骤 6 – 输入您的凭据并单击登录按钮。成功登录 SharePoint 网站后,您将看到以下对话框 –

登入

步骤 7 – 单击完成创建项目后,单击解决方案资源管理器中AppMenifest.xml文件。

应用清单文件

步骤 8 – 单击权限选项卡。范围下拉列表将打开。

权限选项卡

步骤 9 – 在范围下拉列表中,选择Web,这是您正在配置的权限范围。在权限下拉列表中,选择读取,这是您正在配置的权限类型。

选择网页

步骤 10 – 打开 Default.aspx 文件并将其替换为以下代码。

<%-- The following 4 lines are ASP.NET directives needed when 
   using SharePoint components --%>

<%@ Page Inherits = "Microsoft.SharePoint.WebPartPages.WebPartPage,
   Microsoft.SharePoint, Version = 15.0.0.0, Culture = neutral,
   PublicKeyToken = 71e9bce111e9429c" MasterPageFile = "~masterurl/default.master"
   Language = "C#" %>

<%@ Register TagPrefix = "Utilities" Namespace = "Microsoft.SharePoint.Utilities"
   Assembly = "Microsoft.SharePoint, Version = 15.0.0.0, Culture = neutral,
   PublicKeyToken = 71e9bce111e9429c" %>

<%@ Register TagPrefix = "WebPartPages"
   Namespace = "Microsoft.SharePoint.WebPartPages" Assembly = "Microsoft.SharePoint,
   Version = 15.0.0.0, Culture = neutral, PublicKeyToken = 71e9bce111e9429c" %>

<%@ Register TagPrefix = "SharePoint"
   Namespace = "Microsoft.SharePoint.WebControls" Assembly = "Microsoft.SharePoint,
   Version = 15.0.0.0, Culture = neutral, PublicKeyToken = 71e9bce111e9429c" %>

<%-- The markup and script in the following Content element 
   will be placed in the <head> of the page --%>

<asp:Content ID = "Content1" ContentPlaceHolderID = "PlaceHolderAdditionalPageHead" 
   runat = "server">
   <script type = "text/javascript" src = "../Scripts/jquery- 1.6.2.min.js"></script>
   <link rel = "Stylesheet" type = "text/css" href = "../Content/App.css" />
   <script type = "text/javascript" src = "../Scripts/App.js"></script>
</asp:Content>

<asp:Content ID = "Content2" ContentPlaceHolderID = "PlaceHolderMain" runat = "server">
   
   <script type = "text/javascript"> 
      function hello() {
         var currentTime = new Date();
         $get("timeDiv").innerHTML = currentTime.toDateString();
      }
   </script>
   
   <div id = "timeDiv"></div>
   <input type = "button" value = "Push me!" onclick = "hello();" />
</asp:Content>

步骤 11 – 转到解决方案资源管理器,右键单击项目并选择发布。单击打包应用程序按钮。这将构建您的 SharePoint 托管应用程序并为您准备好部署到您的 SharePoint 网站。

打包应用

您将看到以下文件夹,其中包含 *.app 文件。

应用程序文件

第 12 步– 导航到您的 SharePoint 在线网站。

导航到 SharePoint

步骤 13 – 单击左侧窗格中的SharePoint 应用程序将打开一个新页面。

SharePoint 应用程序

第 14 步– 将您的文件拖到此处进行上传。

上传文件

文件上传后,您将看到以下页面 –

上传的文件选项卡

步骤 15 – 单击左侧窗格中的选项 –站点内容单击添加应用程序图标,如下面的屏幕截图所示 –

网站内容

将打开一个新页面。

步骤 16在左侧窗格中选择您的应用程序 → 从您的组织,您将看到该应用程序可供安装。单击应用程序。

从组织中选择应用

步骤 17 – 当您单击该应用程序时,将打开一个对话框,如下面的屏幕截图所示。单击信任它

对话框

步骤 18 – 您将看到该应用程序已安装。安装完成后,您可以单击该应用程序。

已安装应用

您将看到以下页面,其中包含一个按钮 –

页

当您单击Push me按钮时,它将显示当前日期。

按我按钮

觉得文章有用?

点个广告表达一下你的爱意吧 !😁