DreamwaverMX e ASP.NET(2)

2. Use o componente ASP.NET DataGrid para exibir dados

Introdução de conteúdo relacionado:

ASP.NET vem com muitos componentes da web para acelerar o processo de edição de páginas da web. Vamos usar o exemplo do global, tutorial que acompanha o Dreamwaver MX, para demonstrar como utilizar esse componente para exibir dados no banco de dados.

1. Link de banco de dados e exibição de dados com DataGrid

Existe o banco de dados global.mdb desta instância nos ativos do diretório da página da web. Nosso objetivo é gerar os dados de diferentes regiões com base no valor de Region_id na tabela de localização neste banco de dados. (Você pode usar o Access para abrir este banco de dados)

Podemos renomear o arquivo location3.htm para location3.aspx (o sufixo do arquivo da janela da web do ASP.NET é aspx) e então editá-lo.



[Figura 2-1 Páginas que precisam ser alteradas]

Vamos excluir a parte estática simples do meio e usar o DataGrid do ASP.NET para implementar sua funcionalidade.



[Figura 2-2 Exclua a parte estática da página]
A próxima etapa é vincular ao banco de dados. Clique no painel Aplicativo à direita, selecione Banco de dados e clique no sinal +.

Selecione conexão OLE DB.



[Figura 2-3 Painel de aplicação]

Em seguida, entre na caixa de diálogo Conexão OLE DB. Aqui você pode escrever à mão o código do banco de dados do link ou gerar o código automaticamente. Nomeie o local do Nome da Conexão, clique em Construir e o código será gerado automaticamente por meio do assistente.



[Figura 2-4 Caixa de diálogo Conexão OLE DB]

Após entrar na página Propriedades do Data Link, selecione Provedor para configurar o mecanismo de banco de dados.

O que é surpreendente abaixo é que ele suporta 21 métodos de conexão de banco de dados, incluindo SQL Server, Oracle, etc.



[Figura 2-5 Página fornecida pelo mecanismo de banco de dados]

Essa é uma das grandes vantagens do .NET, oferecer suporte a vários bancos de dados. Ele usa ADO.NET. Depois de um tempo, a string de conexão que geramos usando este assistente é escrita de acordo com ADO.NET.

Como o banco de dados ao qual iremos vincular é um banco de dados Access2000, selecionamos Microsoft Jet 4.0 OLE DB Provider e clicamos em Avançar.

Clique no botão próximo a 1.Selecione ou insira um nome de banco de dados para selecionar o banco de dados ao qual deseja vincular.

Cancele o nome de usuário e a senha em 2.Insira as informações para fazer logon no banco de dados



[Figura 2-6 Link de configuração]

Defina permissões de leitura em Avançado. Selecione Ler, ReadWrite, Write e clique em OK.



[Figura 2-7 Configurando permissões]

Adicione um nome de conexão e clique em Testar para testar o link do banco de dados. Se o link do banco de dados for bem-sucedido, clique em OK. Parabéns,

Você vinculou o banco de dados ao seu site. O próximo passo deve ser exibi-lo usando DataGrid

Também no painel Aplicativo, selecione Comportamentos do Servidor.

Conclua as configurações primeiro, clique em implantar e o programa implantará automaticamente o site e copiará as pastas DreamweaverCtrls.dll, web.config e _mmServerScripts para o diretório do site, que são arquivos necessários para usar o Dreamweaver MX para criar páginas da web ASP.net.



[Figura 2-8 Local de implantação]
Ao mesmo tempo, você deve primeiro criar uma pasta bin no diretório raiz do site e copiar o arquivo DreamweaverCtrls.dll para esta pasta.

Clique no sinal + para criar primeiro um novo DataSet.



[Figura 2-9 Adicionar conjunto de dados]

Conexão serve para selecionar a fonte de dados, Tabela serve para selecionar a tabela, Coluna serve para selecionar o item e Filtro é usado para filtrar os dados. Como esta página exibe dados da Europa, Valor Inserido = 3 é definido. Em caso de falha, Go To é usado para manipular a página que salta quando há um erro na leitura dos dados.



[Figura 2-10 Criando um conjunto de dados]

Depois de criar o DataSet com sucesso, você pode criar o DataGrid. Clique no sinal + e selecione DataGrid



[Figura 2-11 Adicionar DataGrid]

Selecione o conjunto de registros necessário no Conjunto de Dados, defina se deseja usar a exibição de paginação e o número de registros por página exibidos na paginação, defina o método da barra de navegação em Navegação e adicione ou exclua itens exibidos em Colunas.



[Figura 2-12 Configurando DataGrid]

Clique em Editar para definir o título do cabeçalho. Após inserir o título, clique em OK para confirmar.



[Figura 2-13 Título da configuração]

Clique em OK para adicionar o DataGrid.



[Figura 2-14 Página de visualização]

Na página de visualização você pode ver uma área onde um DataGrid foi adicionado. Pressione F12 para visualizar a página.

Abaixo está a página após a execução.



[Figura 2-15 Página após execução]
2.Altere as propriedades do DataGrid

Introdução de conteúdo relacionado:

Quando você vê esse componente, você acha que a cor não fica muito bonita? O componente DataGrid possui muitas propriedades através das quais você pode alterar o estilo do DataGrid.

Analisar código