Dreamwaver MX e ASP.NET(6)
Autor:Eve Cole
Data da Última Atualização:2009-05-31 21:06:05
6. Criar página de modificação de registro
Introdução relacionada (Nota: Para exibir o código, todos os códigos a seguir possuem espaços após "<" e antes de ">". Pedimos desculpas pelo inconveniente!):
Adicionar, modificar e excluir dados são as três operações básicas no banco de dados. Esta seção apresenta a parte do registro de modificação.
ETAPA 1 Processo de modificação do projeto
De modo geral, apenas os registros especificados precisam ser atualizados, portanto, uma página de pesquisa precisa ser estabelecida para consulta, os resultados da consulta serão exibidos na página de resultados e os usuários poderão modificá-los. Finalmente, a tarefa de atualização é concluída através da operação de envio.
Primeiro, crie uma página de consulta. No processo de criação de um conjunto de dados, podemos selecionar os dados necessários por meio do filtro de dados Filtro. Como clicaremos no link do DataList para chegar a esta página, selecione o parâmetro URL e use a palavra-chave CODE para filtrar a página necessária.
[Figura 6-1 Filtrando dados]
Para fazer isso, crie um novo arquivo modificar.aspx no site e adicione o DataSet conforme mostrado acima.
Passo 2 Criar página de detalhes
Para gerar links, primeiro deve ser estabelecida uma página de navegação. A página DataGrid criada na Seção 3 pode ser modificada para obter esse efeito de navegação. O estilo do DataGrid é modificado e os itens de dados também podem ser configurados para exibir texto vinculado. A mesma função também pode ser alcançada em DataList e Repeater, sendo que ambos definem um hiperlink para a página de detalhes.
Abra o arquivo location2.aspx original e modifique o estilo DataList original. Selecione DataListm e clique em Editar Colunas (Figura 6-2). Na caixa de diálogo pop-up de design do estilo DataGrid (Figura 6-3), você pode definir o tipo de Location_name como Hyperlink. Selecione Location_name e clique no botão Alterar tipo de coluna para mudar para hiperlink.
[Figura 6-2 Editar colunas..]
[Figura 6-3 Configurando o hiperlink]
As configurações do hiperlink são mostradas abaixo:
[Figura 6-4 Configurando palavras-chave de link]
O campo de dados exibido Location_name, a palavra-chave de conexão é código e a página para a qual precisa ser acessada é a página modificar.aspx. Depois de clicar no link, o link do URL específico será
http://yoursite/modify.aspx?CODE=O valor do código do registro clicado
A página modificar.aspx também consultará os registros necessários do banco de dados por meio do valor do código passado.
Para atualizar os dados na página modificar.aspx, você precisa usar um formulário. Isto requer vincular o registro de dados à caixa de entrada. A vinculação de dados no Dreamweaver MX é semelhante à do Dreamweaver UltraDev. Configure a página conforme mostrado na Figura 6-5. Crie 6 novos campos de texto, 1 campo oculto e 1 botão de envio e coloque-os nos locais apropriados. O hiddenField é usado para salvar o valor CODE deste registro. Como o valor do código é uma palavra-chave, ele não precisa ser alterado.
[Figura 6-5 página modificar.aspx]
Clique no rótulo Binding e arraste o item de dados específico para o campo de texto correspondente. Ao mesmo tempo, o tipo de exibição dos dados pode ser definido em Formato. Você também pode vincular todas as propriedades do campo de texto à fonte de dados. Selecione o primeiro menu suspenso do registro
[Figura 6-6 Ligação] [Figura 6-7 Seleção do tipo de dados] [Figura 6-8 Atributos de ligação]
Lista, defina a propriedade Campo de texto vinculada à fonte de dados.
PASSO 3 atualização de dados
Quanto à atualização de dados, você pode clicar no botão "+" em Comportamentos do Servidor no painel Aplicativo e selecionar Atualizar Registro.
[Figura 6-9 Selecione Atualizar Registro]
[Figura 6-10 Associação de configuração]
Na caixa de diálogo pop-up, você precisa associar a caixa de entrada à fonte de dados atualizada correspondente e definir o tipo de dados. Dentre eles, CODE deve ser a palavra-chave Chave Primária. Semelhante à página Inserir registro, você também precisa definir a página para a qual a página irá saltar se a página for adicionada com sucesso e se a página não for adicionada.
Agora você pode visualizar a página finalizada. Insira a URL http://seusite/localização3.aspx e você verá a página mostrada na Figura 6-11.
[Figura 6-11 navegação na página location3.aspx]
O item Location_name é clicável e irá para a página de detalhes modificar.aspx.
[Figura 6-12 Visualização da página de atualização]
Os dados existentes podem ser modificados por meio da página modificar.aspx e os dados podem ser atualizados por meio de eventos de envio de formulário.
O principal código atualizado é o seguinte:
<MM:Atualização
runat = "servidor"
CommandText='< %# "ATUALIZAR LOCALIZAÇÕES SET CIDADE=?, ESTADO_PAÍS=?, FAX=?, TELEFONE=?, ENDEREÇO=? ONDE CÓDIGO=?"
ConnectionString='< %# System.Configuration.ConfigurationSettings.AppSettings("MM_CONNECTION_STRING_location") % >'
DatabaseType='< %# System.Configuration.ConfigurationSettings.AppSettings("MM_CONNECTION_DATABASETYPE_location") % >'
Expressão='< %# Request.Form("MM_update") = "form1" % >'
CreateDataSet="falso"
SuccessURL='< %# "location3.aspx" % >'
Depurar = "verdadeiro"
>
<Parâmetros>
<Nome do Parâmetro="@CITY" Valor='< %# IIf((Request.Form("cidade") < > Nada), Request.Form("cidade"), "") % >' Type="WChar" />
<Nome do Parâmetro="@STATE_COUNTRY" Valor='< %# IIf((Request.Form("state") < > Nada), Request.Form("state"), "") % >' Type="WChar" />
<Nome do Parâmetro="@FAX" Valor='< %# IIf((Request.Form("fax") < > Nada), Request.Form("fax"), "") % >' Type="WChar" />
< Parameter Name="@TELEPHONE" Valor='< %# IIf((Request.Form("tele") < > Nada), Request.Form("tele"), "") % >' Type="WChar" />
<Nome do Parâmetro="@ADDRESS" Valor='< %# IIf((Request.Form("address") < > Nada), Request.Form("address"), "") % >' Type="WChar" />
<Nome do Parâmetro="@CODE" Valor='< %# IIf((Request.Form("hiddenField") < > Nada), Request.Form("hiddenField"), "") % >' Type="WChar" />
< /Parâmetros >
< /MM:Atualização>
O Dreamweaver MX usa mm:update para representar o código atualizado. Seu formato é semelhante ao MM:Insert.