SharePoint - 开发工具



在本章中,我们将介绍与 SharePoint 相关的不同级别的“开发”。每个级别都以某种方式服务于 SharePoint 网站的最终用户。您可以将此范围划分为以下几类:

  • 最终用户 - 将平台用作应用程序平台。

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

  • 设计师 - 为网站创建品牌并构建用户体验。

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

从开发人员到最终用户,各种人员都会与 SharePoint 交互。下图展示了这种交互关系。

Development

网站设置

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

步骤 1 - 要访问网站设置页面,请在SharePoint 管理中心中点击用户配置文件。在“我的网站设置”下点击设置我的网站选项。

Site Settings Page

将打开以下页面。

Setup Page

您将在该页面上找到大部分网站配置,例如:

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

步骤 2 - 一些设置选项也位于“设置”中。因此,请点击左侧窗格中的“设置”。

Settings

请注意,网站设置页面的核心功能分为几个主要类别。例如,您的大部分安全设置都位于“用户和权限”类别中,主题位于“Web 设计器库”中,依此类推。

添加 HTML 页面

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

此任务更像是开发,因此让我们通过添加 HTML 页面来看一个简单的示例。

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

SharePoint Site

步骤 2 - 在“插入”选项卡上,点击“嵌入代码”选项。

Insert Tab

将打开以下对话框:

Dialog Box

步骤 3 - 在代码字段中添加一些 HTML 代码,如下所示:

HTML Code

步骤 4 - 点击“插入”,您将看到 HTML 代码段已插入。

Insert

步骤 5 - 点击“保存”。

Click Save

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

添加媒体文件

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

步骤 1 - 在“页面”选项卡上,点击“编辑”菜单选项。

Edit Menu

步骤 2 - 选择“Web 部件”选项。

Web Part Option

步骤 3 - 从类别中选择“媒体和内容”,然后从“部件”部分选择带部件的媒体。点击“添加”。

Media With Parts

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

Media File

SharePoint Designer

许多开发人员不希望将 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 网站。

Open SharePoint Site

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

Office 365 Settings

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

Tool and Add-ins

步骤 4 - 安装后打开 SharePoint Designer。点击“打开网站”选项。

Open Site

步骤 5 - 指定 SharePoint 网站的 URL 并点击“打开”。

Specify the URL

步骤 6 - SharePoint Designer 网站打开后,您将看到可用的不同选项。

SharePoint Designer Site

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

SharePoint Lists

步骤 8 - 将打开一个新的对话框。指定名称和说明,然后点击“确定”。

New Dialog Box

步骤 9 - 让我们使用门户访问同一个网站,您将在网站中看到“待办事项”列表。

To Do List

Visual Studio 和 Expression Blend

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

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

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

Project Menu

步骤 2 - 在左侧窗格中选择“模板”→“Visual C#”→“Office/SharePoint”,然后在中间窗格中选择“SharePoint 应用”

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

App for SharePoint

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

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

SharePoint URL

步骤 4 - 将 URL 粘贴到“新的 SharePoint 应用”对话框中,如下所示。

New App for SharePoint

步骤 5 - 点击“下一步”,它将打开“连接到 SharePoint”对话框,我们需要在其中登录。

Connect to SharePoint

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

Sign in

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

AppMenifest.xml

步骤 8 - 点击“权限”选项卡。将打开一个“范围”下拉列表。

Permissions Tab

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

Select 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 网站做好准备。

Package the App

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

App File

步骤 12 - 导航到您的 SharePoint Online 网站。

Navigate to SharePoint

步骤 13 - 在左侧窗格中点击“SharePoint 应用”。将打开一个新页面。

Apps for SharePoint

步骤 14 - 将您的文件拖放到此处以上传。

Uploading Files

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

Uploaded file Tab

步骤 15 - 在左侧窗格中点击“网站内容”选项。点击以下屏幕截图中所示的“添加应用”图标:

Site Contents

将打开一个新页面。

步骤 16 - 在左侧窗格中选择“您的应用”→“来自您的组织”,您将看到该应用可供安装。点击该应用。

Select app from Organization

步骤 17 - 点击该应用时,将打开一个对话框,如下面的屏幕截图所示。点击“信任它”。

Dialogue Box

步骤 18 - 您将看到该应用已安装。安装完成后,您可以点击该应用。

App Installed

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

Page

点击“点击我”按钮时,它将显示当前日期。

Push me Button
广告