Share via

Demonstra Passo a passo: Exibindo dados usando um procedimento armazenado no controle de servidor Web GridView

  • Artigo

Esta explicação passo a passo mostra como exibir dados no GridView controlar usando um procedimento armazenado. Um procedimento armazenado é uma consulta SQL que é armazenada em um banco de dados Microsoft SQL servidor em vez de no seu código do aplicativo.Procedimentos armazenados são mais seguros que códigos de consulta e geralmente são executados mais rapidamente.Esta explicação passo a passo, você criará um SqlDataSource controle recupera os resultados de um procedimento armazenado. The SqlDataSource controle atua sistema autônomo a fonte de dados para um GridView controle. The GridView controle lê os resultados gerados pelo procedimento armazenado e cria linhas e tabelas para exibir os dados.

Durante este explicação passo a passo, você aprenderá como:

  • Conectar a um banco de dados do SQL servidor em Visual Web Developer.

  • Usar o controle SqlDataSource para gerenciar o acesso a dados e a ligação de dados.

  • Adicione um procedimento armazenado para retornar dados que serão exibidos no GridView controle.

  • Exibir os dados retornados pelo procedimento armazenado no GridView controle.

Pré-requisitos

A fim de concluir este explicação passo a passo, será necessário:

  • Visual Studio 2008 ou Visual Web Developer 2008 Express Edition.

    Observação:

    The Adicionar novo procedimento armazenado recurso que é usado neste explicação passo a passo não é suportado pelo Visual Web Developer 2005 Express Edition.

  • SQL Server Express Edition.Se você possui o SQL Server instalado, você pode usá-lo, mas deve fazer pequenos ajustes em alguns procedimentos.

  • Versões do Microsoft dados acesso Components (MDAC) versão 2.7 ou posterior.

    Se você estiver usando o Microsoft Windows XP ou Windows Server 2003, você já tem MDAC 2.7. No entanto, se você estiver usando o Microsoft Windows 2000, talvez seja necessário atualizar o MDAC já instalado no seu computador.Para obter mais informações, consulte Instalação do Microsoft dados acesso Components (MDAC) no site do MSDN.

  • Acesso ao banco de dados do SQL Server Northwind.Para obter informações sobre como fazer o baixar e instalando o banco de dados SQL servidor Northwind de exemplo, consulte Instalando o banco de dados de exemplo no site do Microsoft SQL servidor.

    Observação:

    Se você precisar de informações sobre como log no SQL Server, contate o administrador do servidor.

Criando um site da Web

Crie um novo site e uma nova página seguindo estas etapas.

Para criar um site do sistema de arquivos

  1. Abra Visual Web Developer.

  2. Sobre o Arquivo menu, clicar Novoe, em seguida, clicar Site da Web.Se você estiver usando Visual Web Developer Express Edition, no menu Arquivo, clique em NovoPágina da Web.

    A caixa de diálogo New Web Site é exibida.

  3. Em O Visual Studio installed templates, clicar Site da Web do ASP.NET.

  4. Na primeira caixa Location, selecione File System; na segunda, digite o nome da pasta onde você deseja manter as páginas do seu site.

    Por exemplo, digite o nome C:\WebSites\StoredProcedure.

  5. Na lista Language, clique a linguagem de programação com a qual você prefere trabalhar.

  6. Clique em OK.

    Visual Web Developer Express Edition cria a pasta e uma nova página chamada Default.aspx.

Adicionando um procedimento armazenado para retornar dados

Para exibir dados em uma página da Web do ASP.NET, será necessário:

  • Uma conexão com uma fonte de dados (como um banco de dados).

    No procedimento a seguir, você criará uma conexão com o banco de dados Northwind do SQL Server.

  • Um procedimento armazenado que retorna dados para exibição.

  • Um controle da fonte de dados na página, que irá executar o procedimento armazenado e gerenciar os resultados.

  • Um controle na página para exibir os dados.

No seguinte procedimento, você vai exibir dados num controle GridView.O controle GridView irá obter seus dados do controle SqlDataSource.

A primeira etapa é criar um procedimento armazenado.

Para criar um procedimento armazenado para retornar dados

  1. In servidor Explorer, clicar com o botão direito do mouse em Conexões de dadose, em seguida, clique em Adicionar conexão.Se você estiver usando Visual Web Developer Express Edition, use Banco de dados Explorer.

    A caixa de diálogo Add Connection é exibida.

    • Se a lista Fonte de Dados não exibir o Microsoft SQL Server (SqlClient), clique em Modificar e, na caixa de diálogo Modificar Fonte de Dados, selecione Microsof SQL Server.

    • Se o escolher a fonte de dados caixa de diálogo é exibida em vez do Propriedades de conexão caixa de diálogo, no Fonte de dados lista, selecionar o tipo de fonte de dados será usada.Para este passo a passo, o tipo da fonte de dados será Microsoft SQL Server.Na lista Provedor de Dados, clique em .NET Framework Data Provider for SQL Server e, em seguida, clique em Continue

      Observação:

      Se o servidor Explorer guia não estiver visível no Visual Web Developer, na Modo de exibição menu, clicar servidor Explorer.In Visual Web Developer Express Edition, na Modo de exibição menu, clicar Banco de dados Explorer

  2. Na caixa Add Connection, digite o nome do servidor na caixa de texto Server Name.

  3. O Faça fazer logon servidor seção, selecionar a opção apropriada para acessar o banco de dados do SQL Server em execução (segurança integrada ou ID específica e senha) e, se necessário, digite um nome de usuário e senha.

  4. Se você inseriu uma senha, selecionar o Salvar minha senha check caixa.

  5. Em selecionar ou digite um nome de banco de dados, digite Northwind.

  6. Clique em Test connection e, quando você tiver certeza que ele funciona, clique em OK.

    A nova conexão é criada e exibida em Conexões de dados in servidor Explorer.

  7. In Gerenciador de servidores, under Conexões de dados, expandir a conexão de dados que você acabou de criar.Se você estiver usando Visual Web Developer Express Edition, use Banco de dados Explorer.

    A conexão de dados irá expandir para incluir conexões filhas, tais como Tables, Views e Stored Procedures.

  8. Clique com o botão direito do mouse em Stored Procedures e, em seguida, clique Add New Stored Procedure.

    Observação:

    The Adicionar novo procedimento armazenado não é suporte para o recurso de Visual Web Developer 2005 Express Edition.

  9. Adicione o seguinte código no novo procedimento armazenado, substituindo qualquer código existente.

    CREATE PROCEDURE GetEmployees
AS
    Select EmployeeID, LastName, FirstName from Employees
RETURN

  10. Feche a janela e clique em Yes para criar o procedimento armazenado.

    Observação:

    A palavra-chave CREATE será modificada para ALTER quando o procedimento for salvo.

Adicionando um Controle GridView para Exibir Dados

Depois ter estabelecido uma conexão com uma fonte de dados, será necessário:

  • Um controle da fonte de dados na página, que irá executar o procedimento armazenado e gerenciar os resultados.

  • Um controle na página para exibir os dados.

No procedimento a seguir, você exibir dados em um GridView controle. The GridView controle obtém seus dados a partir do SqlDataSource controle.

Você pode adicionar esses elementos ao seu site separadamente.No entanto, é mais fácil começar visualizando a exibição de dados usando o GridView controlar e em seguida, usar assistentes para criar a conexão e fonte de dados controle. O procedimento a seguir explica como criar os elementos necessários para exibir dados na página.

Para adicionar e configurar um controle GridView para exibir dados

  1. Alterne para ou abra a página padrão.aspx e alterne para o Designmodo de exibição de .

  2. Em Caixa de Ferramentas, a partir do grupo Data, arraste um controle GridView para a página.

  3. Sobre o GridView Tasks menu, no escolher a fonte de dados clicarNova fonte de dados.

    A caixa de diálogo Data Source Configuration Wizard é exibida.

  4. Selecione Database e clique em OK.

    Isso especifica que você deseja recuperar dados de um banco de dados do SQL servidor.

    Na caixa Specify an ID for the data source, um nome de controle da fonte de dados padrão será exibida (SqlDataSource1).Deixe este nome.

    The configurar dados fonte SqlDataSource1 assistente exibe uma página onde você pode selecionar uma conexão.

  5. No Qual conexão de dados do aplicativo deve usar para se conectar ao banco de dados? lista, digite a conexão que você criou no procedimento anterior e, em seguida, clicar Próximo.

    O assistente exibe uma página onde você pode selecionar para armazenar a cadeia de conexão em um arquivo de configuração.Armazenar a sequência de conexão no arquivo de configuração possui duas vantagens:

    • É mais seguro que armazená-la na página.

    • Você pode usar a mesma sequência de conexão em várias páginas

  6. Marque a caixa de seleção Yes, save this connection as e clique em Next.

    O assistente exibe uma página onde você pode especificar quais dados que você deseja recuperar do banco de dados.

  7. Selecione a opção Specify a custom SQL statement or stored procedure e, em seguida, clique em Next.

  8. Sobre o Define Custom Statements or stored procedures página, selecionar Procedimento armazenadoe, em seguida, selecionar o procedimento armazenado que você criou anterior (GetEmployees).

  9. Clique em Next.

  10. clicar Consulta de teste para confirmar que você está recuperando os dados que você deseja.

  11. Clique em Finish.

Adicionando um controle DetailsView para exibir dados de um procedimento armazenado

Você pode exibir dados de um procedimento armazenado que usa parâmetros.O procedimento a seguir, você criará um DetailsView controle para exibir um valor calculado para uma linha selecionada em uma GridView controle. The GridView linha representará um registro de funcionário e o DetailsView controle mostrará o total de vendas calculado para o funcionário selecionado.

Você precisa do seguinte:

  • Um procedimento armazenado que utiliza a ID de funcionário sistema autônomo um parâmetro e retorna um valor.

  • Um segundo controle da fonte de dados na página, que executa o procedimento armazenado e gerencia os resultados.Ambos os controles de fonte de dados irão representar conexões com o mesmo banco de dados Northwind.Você irá reutilizar a conexão com o banco de dados Northwind do SQL servidor que você criou anteriormente nesta explicação passo a passo.

  • A DetailsView Na página para exibir os dados de controle.

A primeira etapa é criar o procedimento armazenado.

Para criar um procedimento armazenado para retornar dados para exibição no controle DetailsView

  1. In Gerenciador de servidores, under Conexões de dados, expandir a conexão de dados que você criou anteriormente.Se você estiver usando Visual Web Developer Express Edition, use Banco de dados Explorer para fazer isso.

  2. Clique com o botão direito do mouse em Stored Procedures e, em seguida, clique Add New Stored Procedure.

    Observação:

    The Adicionar novo procedimento armazenado não é suporte para o recurso de Visual Web Developer 2005 Express Edition.

  3. Adicione o seguinte código no novo procedimento armazenado, substituindo qualquer código existente.

    CREATE PROCEDURE EmployeeSales
@Employee int AS
SELECT   SUM([Order Subtotals].Subtotal) AS Total
FROM Employees INNER JOIN
    Orders INNER JOIN
    [Order Subtotals] ON Orders.OrderID = [Order Subtotals].OrderID
ON Employees.EmployeeID = Orders.EmployeeID
WHERE (Employees.EmployeeID = @Employee)

  4. Feche a janela e clique em Yes para criar o procedimento armazenado.

    Observação:

    A palavra-chave CREATE será modificada para ALTER quando o procedimento for salvo.

Depois de criar o procedimento armazenado para fornecer dados, você precisa do seguinte:

  • Um controle da fonte de dados na página, que irá executar o procedimento armazenado e gerenciar os resultados.

  • Um controle na página para exibir os dados.

No seguinte procedimento, você vai exibir dados num controle DetailsView.O controle DetailsView irá obter seus dados do controle SqlDataSource.

Você pode adicionar esses elementos ao seu site separadamente.No entanto, é mais fácil começar visualizando a exibição de dados usando o DetailsView controlar e em seguida, usar assistentes para criar a conexão e fonte de dados controle. O procedimento a seguir explica como criar os elementos necessários para exibir dados na página.

A próxima etapa é a seleção de linha de habilitar o GridView controle. A linha selecionada irá determinar o parâmetro CódigoDoFuncionário que é passado para o procedimento armazenado.

Para permitir seleção de linha para um controle GridView

  1. Clique com o botão direito do mouse no controle GridView e, em seguida, clique em Exibir Smart Tag.

  2. No GridView Tasks painel, seleção Ativar seleção.

A próxima etapa é criar um controle para exibir os resultados do procedimento armazenado.

Para adicionar e configurar um controle DetailsView para exibir dados

  1. Alterne para ou abra a página padrão.aspx e alterne para o Designmodo de exibição de .

  2. Em Caixa de Ferramentas, a partir do grupo Data, arraste um controle DetailsView para a página.

  3. Sobre o DetailsView Tasks menu, no escolher a fonte de dados clicarNova fonte de dados.

    A caixa de diálogo Data Source Configuration Wizard é exibida.

  4. Selecione Database e clique em OK.

    Isso especifica que você deseja recuperar dados de um banco de dados do SQL servidor.

    Na caixa Specify an ID for the data source, um nome de controle da fonte de dados padrão será exibido (SqlDataSource2).Deixe este nome.

    The configurar dados fonte SqlDataSource2 assistente exibe uma página onde você pode selecionar uma conexão.

  5. No Qual conexão de dados do aplicativo deve usar para se conectar ao banco de dados? lista, digite a conexão que você criou anteriormente e, em seguida, clicar Próximo.

  6. Selecione a opção Specify a custom SQL statement or stored procedure e, em seguida, clique em Next.

  7. Sobre o Define Custom Statements or stored procedures página, selecionar Procedimento armazenadoe, em seguida, selecionar o procedimento armazenado que você criou anterior (EmployeeSales).

  8. Clique em Next.

    The Definir parâmetros página é exibida.

  9. No fonte de parâmetro lista, selecionar Controle.

  10. No ControlID lista, selecionar GridView1.

  11. clicar Consulta de teste para confirmar que você está recuperando os dados que você deseja.No Editor de valores de parâmetros caixa de diálogo, insira o valor 1 e, em seguida, clicar OK.O valor 1 é a ID de um funcionário no banco de dados.Se a recuperação de dados estiver funcionando corretamente, um valor sistema autônomo 192107.6000 será retornado.(O valor pode ser diferente se os dados no banco de dados foi modificados.)

  12. Clique em Finish.

Testando a Página

Agora você pode executar a página.

Para testar a página

  1. Pressione CTRL+F5 para executar a página.

    A página é exibida no navegador.O controle GridView exibe todas as linhas de dados da tabela Employees.

  2. clicar no selecionar link em uma linha de dados o GridView controle.

    A DetailsView controle exibe detalhes da linha selecionada e os resultados do procedimento armazenado para calcular o total de vendas para o funcionário selecionado.

  3. Feche o navegador.

Próximas etapas

Este passo a passo ilustrou como você pode usar um procedimento armazenado do SQL Server com um controle da fonte de dados para exibir dados em uma página da Web do ASP.NET. Você pode usar procedimentos armazenados de modo bastante parecido a como você usa qualquer Instrução SQL ao trabalhar com o controle SqlDataSource.Você pode usar procedimentos armazenados em grande parte da mesma forma que usa qualquer demonstrativo SQL quando você estiver trabalhando com o SqlDataSource controle. Além disso, procedimentos armazenados podem levar parâmetros que você pode associar com valores na página da Web.Você pode desejar explorar os cenários a seguir com procedimentos armazenados, que executam funções relacionadas a dados usando instruções SQL:

Consulte também

Tarefas

Como: Proteger seqüências de conexão quando usando controles de fontes de dados

Passo-a-passo: Exibindo uma Lista Suspensa Durante a Edição no Controle GridView do Servidor Web

Explicação passo a passo: Acesso básico a dados em páginas da Web