SharePoint - 开发工具
在本章中,我们将介绍有关 SharePoint 的不同"开发"级别。 每个级别都以某种方式为 SharePoint 网站的最终用户提供服务。 您可以将此频谱分为以下几部分 −
最终用户 − 谁使用该平台作为应用平台。
高级用户 − 谁创建和管理(也许还有品牌)网站。
设计师 − 谁为网站打造品牌并打造用户体验。
开发人员 − 谁构建和部署应用程序。
从开发人员到最终用户,一系列人员都与 SharePoint 进行交互。 如下图所示
![开发](/sharepoint/images/development.jpg)
站点设置
网站设置是 SharePoint 的主要部分之一。 我们需要熟悉它,这一点非常重要。
步骤 1 − 要访问"网站设置"页面,请单击 SharePoint 管理中心 中的用户配置文件。 单击"我的网站设置"下的设置我的网站选项。
![站点设置页面](/sharepoint/images/site_settings_page.jpg)
将打开以下页面。
![设置页面](/sharepoint/images/setup_page.jpg)
您可以在此页面上找到您网站的大部分配置,例如 −
- 更改网站的主题。
- 启动功能。
- 管理权限。
步骤 2 − "设置"中还提供了一些设置选项。 因此,单击左侧窗格中的"设置"。
![设置](/sharepoint/images/settings.jpg)
请注意,"站点设置"页面的核心功能分为主要类别。 例如,您可以在"用户和权限"类别、Web 设计器库中的主题等中使用大部分安全设置。
添加 HTML 页面
编辑体验涵盖从格式化文本到添加图像或多媒体。 您可以通过直接在 SharePoint 网站中嵌入 HTML 来深入了解代码。
这个任务感觉更像是开发,所以让我们看一个添加 HTML 页面的简单示例。
步骤 1 − 打开您的 SharePoint 网站并导航到该网站的主页。 在"页面"选项卡上,单击"编辑"菜单选项。
![SharePoint 网站](/sharepoint/images/sharepoint_site.jpg)
步骤 2 − 在"插入"选项卡上,单击"嵌入代码"选项。
![插入选项卡](/sharepoint/images/insert_tab.jpg)
将打开以下对话框 −
![对话框](/sharepoint/images/dialog_box.jpg)
步骤 3 − 在代码字段中添加一些 HTML 代码,如下所示 −
![HTML Code](/sharepoint/images/html_code.jpg)
步骤 4 − 单击插入,您将看到 HTML 代码段已插入。
![插入](/sharepoint/images/insert.jpg)
步骤 5 − 点击保存。
![单击保存](/sharepoint/images/click_save.jpg)
您可以看到 HTML 代码已插入您的 SharePoint 网站中。
添加媒体文件
要将媒体播放器应用添加到您的 SharePoint 网站,请打开您的 SharePoint 网站并导航到该网站的主页。
步骤 1 − 在"页面"选项卡上,单击"编辑"菜单选项。
![编辑菜单](/sharepoint/images/edit_menu.jpg)
步骤 2 − 选择"Web 部件"选项。
![Web 部件选项](/sharepoint/images/web_part_option.jpg)
步骤 3 − 从类别中选择媒体和内容,然后从"部件"部分选择带部件的媒体。 单击添加。
![带部件的媒体](/sharepoint/images/media_with_parts.jpg)
步骤 4 − 保存页面,您将看到以下页面,其中包含媒体文件。
![媒体文件](/sharepoint/images/media_file.jpg)
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 网站](/sharepoint/images/open_sharepoint_site.jpg)
步骤 2 − 选择 Office 365 设置菜单选项。 在左侧窗格中选择"设置",然后在中间窗格中选择软件。
![Office 365 设置](/sharepoint/images/office_365_settings.jpg)
步骤 3 − 在左侧窗格中选择工具和加载项,您将看到不同的选项。 最后您将看到 SharePoint Designer 选项,单击链接。
![工具和加载项](/sharepoint/images/tools_and_addins.jpg)
步骤 4 − 安装后打开 SharePoint Designer。 单击打开网站选项。
![打开网站](/sharepoint/images/open_site.jpg)
步骤 5 − 指定您的 SharePoint 网站的 URL,然后单击"打开"。
![指定 URL](/sharepoint/images/specify_the_url.jpg)
步骤 6 − SharePoint Designer 网站打开后,您将看到不同的选项可用。
![SharePoint Designer 网站](/sharepoint/images/sharepoint_designer_site.jpg)
步骤 7 − 单击功能区上的 SharePoint 列表,然后从菜单中选择"任务"。
![SharePoint 列表](/sharepoint/images/sharepoint_lists.jpg)
步骤 8 − 将打开一个新对话框。 指定名称和描述,然后单击"确定"。
![新对话框](/sharepoint/images/new_dialog_box.jpg)
步骤 9 − 让我们使用门户访问同一个网站,您将在您的网站中看到待办事项列表。
![待办事项列表](/sharepoint/images/todo_list.jpg)
Visual Studio 和 Expression Blend
您还可以使用Visual Studio和Blend向您的SharePoint网站添加一些内容。 Visual Studio 提供了许多功能来帮助在 SharePoint 中开发应用程序; 详细了解它们会很有帮助。
让我们通过打开 Visual Studio 看一下 SharePoint 托管应用程序的简单示例。 选择 File → New → Project 选项。
步骤 1 − 打开 Visual Studio 并选择 File → New → Project 菜单。
![项目菜单](/sharepoint/images/project_menu.jpg)
步骤 2 − 在左侧窗格中选择 Templates → Visual C# → Office/SharePoint,然后在中间窗格中选择SharePoint 应用程序。
在"名称"字段中输入名称,单击"确定",您将看到以下对话框。
![SharePoint 应用程序](/sharepoint/images/app_for_sharepoint.jpg)
在新的 SharePoint 应用程序中,我们需要添加要调试的 SharePoint 网站 URL,然后选择 SharePoint 托管模型作为托管 SharePoint 应用程序的方式。
步骤 3 − 转到 SharePoint 管理中心并复制 SharePoint URL。
![SharePoint URL](/sharepoint/images/sharepoint_url.jpg)
步骤 4 − 将 URL 粘贴到新建 SharePoint 应用程序对话框中,如下所示。
![SharePoint 新应用程序](/sharepoint/images/new_app_for_sharepoint.jpg)
步骤 5 − 单击下一步,它将打开我们需要登录的连接到SharePoint对话框。
![连接到 SharePoint](/sharepoint/images/connect_to_sharepoint.jpg)
步骤 6 − 输入您的凭据并单击登录按钮。 成功登录SharePoint站点后,您将看到以下对话框 −
![登录](/sharepoint/images/sign_in.jpg)
步骤 7 − 单击完成。 创建项目后,单击解决方案资源管理器中的 AppMenifest.xml 文件。
![AppMenifest.xml](/sharepoint/images/appmenifest_xml.jpg)
步骤 8 − 单击权限选项卡。 将打开"范围"下拉列表。
![权限选项卡](/sharepoint/images/permissions_tab.jpg)
步骤 9 − 在"范围"下拉列表中,选择Web,这是您正在配置的权限范围。 在"权限"下拉列表中,选择读取,这是您正在配置的权限类型。
![选择网站](/sharepoint/images/select_web.jpg)
步骤 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 网站。
![打包应用程序](/sharepoint/images/package_the_app.jpg)
您将看到以下文件夹,其中包含 *.app 文件。
![应用程序文件](/sharepoint/images/app_file.jpg)
步骤 12 − 导航到您的 SharePoint 在线网站。
![导航到 SharePoint](/sharepoint/images/navigate_to_sharepoint.jpg)
步骤 13 − 单击左侧窗格中的SharePoint 应用程序。 将打开一个新页面。
![SharePoint 应用程序](/sharepoint/images/apps_for_sharepoint.jpg)
步骤 14 − 将您的文件拖到此处进行上传。
![上传文件](/sharepoint/images/uploading_files.jpg)
文件上传后,您将看到以下页面 −
![上传文件选项卡](/sharepoint/images/uploaded_file_tab.jpg)
步骤 15 − 单击左侧窗格中的选项 - 网站内容。 单击添加应用程序图标,如以下屏幕截图所示−
![网站内容](/sharepoint/images/site_contents.jpg)
将打开一个新页面。
步骤 16 − 在左侧窗格中选择 Your Apps → From Your Organization,您将看到该应用程序可供安装。 单击该应用程序。
![从组织中选择应用程序](/sharepoint/images/select_app_from_organization.jpg)
步骤 17 − 单击该应用程序时,将打开一个对话框,如以下屏幕截图所示。 点击信任。
![对话框](/sharepoint/images/dialogue_box.jpg)
步骤 18 − 您将看到该应用程序已安装。 安装完成后,您可以单击该应用程序。
![应用程序已安装](/sharepoint/images/app_installed.jpg)
您将看到以下页面,其中包含一个按钮 −
![页面](/sharepoint/images/page.jpg)
当您点击Push me按钮时,它将显示当前日期。
![Push me 按钮](/sharepoint/images/push_me_button.jpg)