Sdílet prostřednictvím


Návod: Import vlastní stránky předlohy a stránky webu s obrázkem

Tento návod ukazuje, jak lze importovat služby SharePoint vlastní stránka předlohy a stránky webu, který má obraz na Visual Studio projektu služby SharePoint.

V návodu je ukázáno, jak provádět následující úkoly:

  • Vytvořte vlastní stránky předlohy a stránky webu pomocí bitové kopie v aplikaci SharePoint Designer.

  • Exportujte do souboru SharePoint (WSP) řešení vlastní stránka předlohy, obrazu a Web stránky.

  • Importovat a nasadit do souboru WSP Visual Studio projektu služby SharePoint pomocí aplikace project Import balíčku řešení služby SharePoint.

[!POZNÁMKA]

Na vašem počítači se můžou v následujících pokynech zobrazovat jiné názvy nebo umístění některých prvků uživatelského rozhraní Visual Studia. Tyto prvky jsou určeny edicí sady Visual Studio a použitým nastavením. Další informace najdete v tématu Přizpůsobení nastavení pro vývoj v sadě Visual Studio.

Požadavky

Musí mít následující součásti pro dokončení tohoto návodu:

Vytvoření položky v aplikaci SharePoint Designer

Tento příklad ukazuje, jak vytvořit tři položky v aplikaci SharePoint Designer pro export: vlastní stránka předlohy, stránky webu odkazující na stránky předlohy a souboru obrázku se zobrazí na web stránce.Obrázek je přidán do složky /images/ ve službě SharePoint.

Chcete-li vytvořit vlastní stránku předlohy v aplikaci SharePoint Designer

  1. V aplikaci SharePoint Designer, v navigačním podokně vyberte Stránky předlohy objekt sítě.

  2. Na Stránky předlohy pásu karet, zvolte Prázdnou stránku předlohy.

  3. Zvolte novou stránku předlohy a pak klikněte na Stránky předlohy pásu karet, zvolte Upravit soubor.

  4. V dolní části aplikace SharePoint Designer, zvolte kód kartu.

  5. Nahraďte existující kód následující značky.

    <%@ 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. Uložit stránku, zvolte Stránky předlohy kartu a přejmenovat stránku předlohy jako mybasic1.master.

Přidání obrázku do databáze obsahu v aplikaci SharePoint Designer

Nyní můžete přidat obrázek, který chcete zobrazit na stránce webu.Obraz je nasazena do databáze obsahu služby SharePoint.

Chcete-li přidat obrázek do databáze obsahu v aplikaci SharePoint Designer

  1. V navigačním podokně vyberte Všechny soubory objekt serveru a vyberte ve stromovém zobrazení obrázky složky.

  2. Na Všechny soubory pásu karet, zvolte Import souborů, zvolte soubor podle vašeho výběru a pak zvolte OK tlačítko.V tomto příkladu je soubor s názvem myimg1.png.

    Volitelně můžete vytvořit podsložky a pomáhají tak organizovat obrázky.

  3. Zavřít Import dialogové okno.

Vytvořit web stránku

Tento základní stránka používá vlastní stránky předlohy a zobrazí obrázek, který jste přidali v předchozím kroku.

Chcete-li vytvořit web stránku

  1. V navigačním podokně vyberte Stránek objektu.

  2. Na stránky pásu karet, zvolte stránky tlačítko, zvolte ASPX typu stránky a zadejte název nového souboru mycontentpage1.aspx.

    Volitelně můžete vytvořit podsložky a pomáhají tak organizovat stránky webu.

  3. V seznamu stránek webu zvolte MyContentPage1.aspx k otevření příslušné stránky vlastností a vyberte v dolní části stránky, Upravit soubor odkaz.

    Pokud se zobrazí zpráva a říká, že tato stránka neobsahuje žádné oblasti, které lze upravovat v nouzovém režimu a dotazem, zda chcete tuto stránku otevřít v rozšířeném režimu, zvolte Ano tlačítko.

  4. V dolní části stránky, zvolte kód tlačítko.

  5. Nahraďte existující kód následující značky.

    <%@ 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. Uložte aktualizovaný web stránku.

Export položek ze služby SharePoint

Exportujte položek ze služby SharePoint do souboru SharePoint (WSP) řešení.

Chcete-li exportovat položky z aplikace SharePoint Designer

  1. V aplikaci SharePoint Designer, v navigačním podokně vyberte Týmový web objekt a pak klikněte na Web pásu karet, zvolte Uložit jako šablonu.

  2. V Uložit jako šablonu dialogové okno zadejte název souboru a název šablony, vyberte Zahrnout obsah políčko a pak vyberte OK tlačítko.

    Obsah webu to uloží do souboru WSP.

  3. Po vývozu řešení, zvolte Galerie řešení odkaz na zobrazení seznamu souborů k dispozici řešení.

  4. Otevření místní nabídky nového souboru WSP a pak zvolte Uložit cíl jako uložit do systému.

Importovat položky do sady Visual Studio

Import souboru .wsp, do Visual Studio.Po importu obsahu upravit, přidat další položky a pak nasazení.

Chcete-li importovat položky ze souboru .wsp, do sady Visual Studio

  1. V Visual Studio, vytvořit Importovat SharePoint 2010 řešení balíček projektu.

  2. Na Vyberte položky, které chcete importovat stránky v modulu v typu sloupec, zaškrtněte políčka pouze ty soubory v následující tabulce pro import.

    Název souboru

    Description

    _catalogsmasterpage_

    Vlastní stránka předlohy.

    images_

    Soubor bitové kopie v systému souborů služby SharePoint.

    SitePages_

    Stránky webu.

  3. Zvolte Dokončit tlačítko, chcete-li importovat vybrané položky.

  4. V Průzkumník řešení, zvolte uzel _catalogsmasterpage_ a nastavte hodnotu jeho Řešení konfliktů nasazení vlastnost Automatické.

    To pomáhá zajistit, že nasazení konflikty vyřešit automaticky.

  5. Pokud nové stránky předlohy má stejný název jako existující stránky, ujistěte se, že stávající stránka není označena jako výchozí stránka předlohy nebo vlastní stránka předlohy v aplikaci SharePoint Designer.

    Pokud existující stránky předlohy je označena jako výchozí stránka předlohy nebo vlastní stránka předlohy, zobrazí se chyba nasazení, oznamující, že stránku předlohy nelze odstranit.Chcete-li se tomuto problému vyhnout, postupujte takto:

    • Pokud existující stránky předlohy je nastavena jako výchozí stránka předlohy, dočasně nastavte jinou stránku předlohy jako výchozí stránky předlohy.Po nasazení souborů na server SharePoint, nastavte nové stránky předlohy jako výchozí stránky předlohy.

    • Pokud existující stránku předlohy jako vlastní stránka předlohy nastavena, dočasně nastavte jinou stránku předlohy jako vlastní stránka předlohy.Po nasazení souborů na server SharePoint, nastavení nové stránky předlohy jako vlastní stránka předlohy.

  6. V řádku nabídek zvolte sestavení, Nasadit řešení.

  7. Otevření webu služby SharePoint, chcete-li zobrazit nasazených položek.

Alternativní způsob importu souborů do Visual Studio a nasazení služby SharePoint je pro přidání souborů do modulů v Visual Studio.Další informace naleznete v tématu Postupy: Import stránky předlohy nebo motivuand Vložení souborů do řešení pomocí modulů.

Viz také

Koncepty

Import položek z existující stránky SharePoint

Další zdroje

Vývoj řešení služby SharePoint

Vytváření opakovaně použitelných ovládacích prvků pro webové části nebo stránky aplikací