Поделиться через


Пошаговое руководство. Импорт пользовательской главной страницы и страницы сайта с изображением

В этом пошаговом руководстве показано, как импортировать пользовательскую главную страницу и страницу сайта с изображением в проект Visual Studio SharePoint.

В пошаговом руководстве показано, как выполнять следующие задачи:

  • создание пользовательских главных страниц и страниц сайта с изображением в SharePoint Designer;

  • экспорт пользовательской главной страницы, изображения и страницы сайта в файл решения SharePoint (WSP-файл);

  • импорт и развертывание WSP-файла в проект Visual Studio SharePoint с помощью проекта "Импорт пакета решения SharePoint".

ПримечаниеПримечание

На вашем компьютере названия некоторых элементов интерфейса пользователя Visual Studio или их расположение могут отличаться от указанных в нижеследующих инструкциях. Это зависит от имеющегося выпуска Visual Studio и используемых параметров. Дополнительные сведения см. в разделе Параметры Visual Studio.

Обязательные компоненты

Для выполнения данного пошагового руководства необходимы следующие компоненты.

Создание элементов в SharePoint Designer

Этот пример показывает, как создать три элемента для экспорта в SharePoint Designer: пользовательскую главную страницу, страницу сайта, который ссылается на пользовательскую главную страницу, и файл изображения, отображаемый на странице сайта.Файл изображения добавляется в папку SharePoint "/images/".

Создание пользовательской главной страницы в SharePoint Designer

  1. В конструкторе SharePoint, в панели переходов выберите объект сайта *** главные страницы ***.

  2. На ленте *** главные страницы *** выберите *** Отсутствует главную страницу ***.

  3. Выберите новой главной страницы, а затем на ленте *** главные страницы *** выберите *** файл правки ***.

  4. В нижней части конструктора SharePoint выберите вкладку Код.

  5. Замените существующую разметку на следующую.

    <%@ Master Language="C#" %>
    <%@ Register tagprefix="SharePoint" namespace="Microsoft.SharePoint.WebControls" assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
    <html dir="ltr">
    <head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <SharePoint:RobotsMetaTag runat="server" __designer:Preview="" __designer:Values="&lt;P N='InDesign' T='False' /&gt;&lt;P N='ID' T='ctl00' /&gt;&lt;P N='Page' ID='1' /&gt;&lt;P N='TemplateControl' ID='2' /&gt;&lt;P N='AppRelativeTemplateSourceDirectory' R='-1' /&gt;"></SharePoint:RobotsMetaTag>
    <title>Web Page</title>
    </head>
    <body>
    <form id="form1" runat="server">
    <asp:ContentPlaceHolder id="ContentPlaceHolderMain" 
            runat="server">
          </asp:ContentPlaceHolder>
    </form>
    </body>
    </html>
    
  6. Сохраните страницу, выберите вкладку *** главные страницы *** и переименуйте главная страница, как mybasic1.master.

Добавление изображения в базу данных контента в SharePoint Designer

Теперь можно добавить изображение для отображения на странице сайта.Изображение разворачивается в базу данных контента SharePoint.

Добавление изображения в базу данных контента в SharePoint Designer

  1. В панели переходов выберите объект сайта Все файлы, а затем в представлении в виде дерева выберите папку рисунки.

  2. На ленте Все файлы выберите *** файлы импорта *** выберите файл, а затем нажмите кнопку ОК.В этом примере файл называется myimg1.png.

    При необходимости можно создать вложенную папку для упорядочивания изображений.

  3. Закройте диалоговое окно Импорт.

Создание страницы сайта

Эта основная страница использует пользовательскую главную страницу и отображает изображение, добавленное на предыдущем шаге.

Создание страницы сайта

  1. В панели переходов выберите объект Страницы сайта.

  2. На ленте Страницы, нажмите кнопку Страница выберите тип страницы ASPX, а затем назовите новый файл mycontentpage1.aspx.

    При необходимости можно создать вложенную папку для упорядочивания страниц сайта.

  3. На страницах веб-сайта выберите MyContentPage1.aspx списке, чтобы открыть соответствующую страницу свойства, а затем на внизу страницы выберите ссылку *** Правка файл ***.

    Если появляется сообщение и говорится, что эта страница не содержит редактируемую область, в безопасном режиме и не запрашивает, нужно ли открыть эту страницу в расширенном режиме, нажмите кнопку *** да ***.

  4. На внизу страницы, нажмите кнопку Код.

  5. Замените существующую разметку на следующую.

    <%@ Import Namespace="Microsoft.SharePoint.ApplicationPages" %>
    <%@ Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
    <%@ Register Tagprefix="Utilities" Namespace="Microsoft.SharePoint.Utilities" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
    <%@ Register Tagprefix="asp" Namespace="System.Web.UI" Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" %>
    <%@ Import Namespace="Microsoft.SharePoint" %>
    <%@ Assembly Name="Microsoft.Web.CommandUI, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
    <%@ Page Language="C#" Inherits="Microsoft.SharePoint.WebControls.LayoutsPageBase" MasterPageFile="../_catalogs/masterpage/mybasic1.master" meta:progid="SharePoint.WebPartPage.Document" %>
    
    <asp:Content ID="Main" ContentPlaceHolderID="ContentPlaceHolderMain" runat="server">
    <img alt="My Image" longdesc="My image from images folder" src="../images/myimg1.png" />
    </asp:Content>
    
  6. Сохраните обновленную страницу сайта.

Экспорт элементов из SharePoint

Экспортируйте элементы из SharePoint в файл решения SharePoint (WSP-файл).

Экспорт элементов из SharePoint Designer

  1. В конструкторе SharePoint, в панели переходов выберите объект *** сайт группы ***, а затем на ленте Веб-узел выберите Сохранение в качестве шаблона.

  2. В диалоговом окне Сохранение в качестве шаблона введите имя файла шаблона и установите флажок *** Включить содержимое ***, а затем нажмите кнопку ОК.

    Содержимое сайта будет сохранено в WSP-файл.

  3. После того как решение экспортирует выберите ссылку Коллекция решений, чтобы отобразить список доступных файлов решения.

  4. Открыть контекстное меню для нового файла wsp-файла, а затем выберите Сохранить объект как чтобы сохранить его в системе.

Импорт элементов в Visual Studio

Импортировать wsp-файл в Visual Studio. После того как содержимое импортировано можно настраивать, добавить несколько элементов, а затем развертывании.

Импорт элементов из WSP-файла в Visual Studio

  1. В Visual Studio создайте проект Импорт пакета решения SharePoint 2010.

  2. На странице Выберите элементы для импорта в разделе Модуль в столбце Тип установите флажки только для файлов в следующей таблице для импорта.

    Имя файла

    Описание

    _catalogsmasterpage_

    Пользовательская главная страница.

    images_

    Файл изображения в файловой системе SharePoint.

    SitePages_

    Страница сайта.

  3. Нажмите кнопку Готово чтобы импортировать выбранные элементы.

  4. В Обозреватель решений выберите узел _catalogsmasterpage_ и задайте значение его свойства Устранение конфликта развертывания к Автоматически.

    Это помогает убедиться, что любые конфликты развертывания будут устранены автоматически.

  5. Если имя новой главной страницы совпадает с именем существующей страницы, убедитесь, что существующая страница не помечена в SharePoint Designer как главная страница по умолчанию или как пользовательская главная страница.

    Если существующая главная страница помечена как главная страница по умолчанию или как пользовательская главная страница пользователя, возникнет ошибка развертывания, указывающая, что главная страница не может быть удалена.Чтобы избежать этой проблемы, выполните следующие действия:

    • если существующая главная страница помечена как главная страница по умолчанию, временно сделайте другую главную страницу главной страницей по умолчанию.После развертывания файлов в SharePoint установите новую главную страницу в качестве главной страницей по умолчанию;

    • если существующая главная страница помечена как пользовательская главная страница, временно сделайте другую главную страницу пользовательской главной страницей.После развертывания файлов в SharePoint установите новую главную страницу в качестве пользовательской главной страницы.

  6. В строке меню выберите Построение, Развернуть решение.

  7. Откройте сайт SharePoint для просмотра развернутых элементов.

Альтернативный способ импорта файлов в Visual Studio и развертывания их в SharePoint состоит в добавлении файлов в модули Visual Studio.Дополнительные сведения см. в разделе Практическое руководство. Импорт главной страницы или темы и Использование модулей для включения файлов в решение.

См. также

Основные понятия

Импорт элементов из существующего сайта SharePoint

Другие ресурсы

Разработка решений SharePoint

Создание многократно используемых пользовательских элементов управления для веб-частей или страниц приложений