Compartilhar via


Passo a passo: Criar um projeto de definição de site básico

Essa explicação passo a passo mostra como criar uma definição básica de site que contém uma parte visual Web com alguns controles nele.Para fins de clareza, a parte visual Web cria que você tiver apenas alguns controles.No entanto, você pode criar as definições mais sofisticadas de site web do SharePoint que incluem mais funcionalidade.

Essa explicação passo a passo demonstra as seguintes tarefas:

  • Criando uma definição de Visual Studio projeto de site usando o modelo.

  • Criando um site da web do SharePoint usando uma definição de site no SharePoint.

  • Adicionando a Web visual solicite à solução.

  • Personalizando a página default.aspx de adicionar novo site da Web visual parte a ele.

ObservaçãoObservação

Seu computador pode mostrar nomes ou locais diferentes para alguns dos elementos da interface do usuário do Visual Studio nas instruções a seguir. A edição do Visual Studio que você possui e as configurações que você usa determinam esses elementos. Para obter mais informações, consulte Configurações de Visual Studio.

Pré-requisitos

Para completar este passo-a-passo, são necessários os seguintes componentes:

  • Edições suportadas do Microsoft Windows e do SharePoint.Para obter mais informações, consulte requisitos para desenvolver soluções do SharePoint.

  • O Visual Studio.

Criando uma solução de definição do site

Primeiro, crie um projeto de definição do site em Visual Studio.

Para criar um projeto de definição do site

  1. Na barra de menu, escolha Arquivo, Novo, Projeto.Se o seu IDE é configurado para usar configurações de desenvolvimento do Visual Basic, na barra de menu, escolha Arquivo, Novo Projeto.

    A caixa de diálogo Novo Projeto é exibida.

  2. Expanda o nó de Visual C# ou o nó de Visual Basic , expanda o nó de SharePoint , e então escolha o nó de 2010 .

  3. Na lista de Modelos , escolha o modelo de Projeto do SharePoint 2010 .

  4. Na caixa de Nome , entre em TestSiteDef, e então escolha o botão de OK .

    Assistente de personalização do SharePoint aparece.

  5. Na página do Especificar o site e o nível de segurança para depuração , digite o URL do site da web do SharePoint onde você deseja depurar a definição do site, ou use o local padrão (http://Nome do sistema/).

  6. Na seção de Que é o nível de confiança para esta solução do SharePoint? , escolha o botão de opção de Implantar como uma solução de farm .

    Todos os projetos de definição do site devem ser implementados como soluções de farm.Para obter mais informações sobre as soluções na área restrita contra soluções de farm, consulte na Considerações sobre a solução no modo seguro.

  7. Escolha o botão de Concluir .

    O projeto aparece em Gerenciador de Soluções.

  8. Em Gerenciador de Soluções, escolha o nó de projeto e, em seguida, na barra de menu, escolha Projeto, Adicionar novo item.

  9. Em Visual C# ou Visual Basic, expanda o nó de SharePoint , e então escolha o nó de 2010 .

  10. No painel de Modelos , escolha o modelo de Definição do Site , deixe Nome como SiteDefinition1, e então escolha o botão de Adicionar .

Crie Web parts visual

Em seguida, crie uma parte visual Web para aparecer na página principal de definição do site.

Para criar uma parte visual Web

  1. Em Gerenciador de Soluções, escolha o botão de Mostrar todos os arquivos .

  2. Escolha o nó de projeto de SiteDefinition1 e, em seguida, na barra de menu, escolha Projeto, Adicionar novo item.

    A caixa de diálogo Adicionar Novo Item aparece.

  3. Expanda o nó de Visual C# ou o nó de Visual Basic , expanda o nó de SharePoint , e então escolha o nó de 2010 .

  4. Na lista de modelos, escolha o modelo do Visual Web parts , manter o nome padrão VisualWebPart1, e então escolha o botão de Adicionar .

    O arquivo de VisualWebPart1.ascx abre.

  5. Na parte inferior de VisualWebPart1.ascx, adicione a seguinte marcação para adicionar três controles ao formulário: uma caixa de texto, um botão, e um rótulo:

    <table>
      <tr>
        <td>
          <asp:TextBox runat="server" ID="tbName"></asp:TextBox>
        </td>
        <td>
          <asp:Button runat="server" ID="btnSubmit" Text = "Change Label Text" OnClick="btnSubmit_Click"></asp:Button>
        </td>
        <td>
          <asp:Label runat="server" ID="lblName"></asp:Label>
        </td>
      </tr>
    </table>
    
  6. Em VisualWebPart1.ascx, abra o arquivo de VisualWebPart1.ascx.cs (para Visual C#) ou VisualWebPart1.ascx.vb (para Visual Basic) e em seguida, adicione o seguinte código:

    Protected Sub btnSubmit_Click(ByVal sender As Object, ByVal e As EventArgs)
        lblName.Text = tbName.Text
    End Sub
    
    protected void btnSubmit_Click(object sender, EventArgs e)
    {            
        lblName.Text = tbName.Text;
    }
    

    Este código adiciona funcionalidade para o clique de botão da parte Web.

Adicione Web parts visual para a página de opção ASPX

Em seguida, adiciona a parte visual Web à página de opção ASPX de definição do site.

Para adicionar uma parte visual Web à página de opção ASPX

  1. Abra a página default.aspx, e então adicione a seguinte linha na marca de WebPartPages :

    <%@ Register Tagprefix="MyWebPartControls" Namespace="TestSiteDef.VisualWebPart1" Assembly="$SharePoint.Project.AssemblyFullName$" %>
    

    Esta linha associa o nome MyWebPartControls com a parte Web e seu código.O parâmetro de Namespace corresponde ao namespace que é usada no arquivo de código de VisualWebPart1.ascx.

  2. Após o elemento de </asp:Content> , substitua a seção inteira de ContentPlaceHolderId="PlaceHolderMain" e seu conteúdo com o seguinte código:

    <asp:Content ID="Content1" ContentPlaceHolderId="PlaceHolderMain" runat="server">
        <MyWebPartControls:VisualWebPart1 runat="server" />    
    </asp:Content>
    

    Esse código cria uma referência à parte visual Web que você criou anteriormente.

  3. Em Gerenciador de Soluções, abra o menu de atalho para o nó de SiteDefinition1 , e então escolha Conjunto como o item de inicialização.

Implantar e executar a solução de definição do site

Em seguida, implantar o projeto ao SharePoint e, no projeto.

Para implantar e executar a definição do site

  • Na barra de menu, escolha Compilar, Implantar TestSiteDef.

  • Escolha a tecla F5.

    O Visual Studio compila o código, adicione seus recursos, compactar todos os arquivos em um arquivo de solução do SharePoint WSP (), e implantar o arquivo de WSP ao SharePoint Server.O SharePoint instala os arquivos e ativa nos recursos.

Criar um site baseado na definição do site

Em seguida, cria um site usando a nova definição do site.

Para criar um site usando a definição do site

  1. No site do SharePoint, a nova página do site da web do SharePoint aparece.

  2. Na seção de Título e descrição , entre no my novo site para o título e uma descrição do site.

  3. Na seção de Endereço do Site , digite o mynewsite na caixa de Nome da URL .

  4. Na seção de Modelo , escolha a guia Personalizações do SharePoint .

  5. Na lista de Selecione um modelo , escolha SiteDefinition1.

  6. Deixe as outras configurações em seus valores padrão, e então escolha o botão de Criar .

    A nova página aparece.

Testar o novo site

Em seguida, testa o novo site para verificar se funcionar corretamente.

Para testar o novo site

  • Na página de opção ASPX, digite um texto, e então escolha o botão de Texto do rótulo de alteração do lado da caixa de texto.

    O texto no rótulo aparece no lado direito do botão.

Consulte também

Tarefas

Como: criar um receptor de eventos

Outros recursos

Desenvolvimento de soluções do SharePoint