Capítulo Seis: Implementação da página de registro de usuários do BLOG do Doking
Alguém descobriu: Onde os usuários devem postar notas e respostas? Esta é a questão que os Capítulos 6 e 7 abordarão. Este capítulo explica principalmente a implementação da página de registro do usuário.
6.1.1 Modificação do template da página bkblog.dwt.aspx
(1) Abra o template bkblog.dwt.aspx, insira a tabela Lefttab na coluna da esquerda, insira o formulário Yhlogfrm na primeira linha e insira o tabela logtab no formato Yhlogfrm e insira caixas de texto, áreas de texto e botões relevantes. O resultado é mostrado na Figura 6-1-1:
Figura 6-1-1 Design de login do usuário no template
(2) Nomeie a caixa de texto correspondente ao autor Logname; nomeie a caixa de texto correspondente à senha Logpass, e altere o tipo para Senha altere a ação do “Cadastre-se”; botão para "Nenhum"; Altere a ação do botão "Login" para "Enviar Formulário".
(3) Selecione o botão "Registrar", no painel [Comportamento], adicione um comportamento à URL e, na caixa de diálogo pop-up, insira o link como "../yhinlog.aspx" conforme mostrado na Figura 6 -1-2:
Figura 6-1-2 Adicione o comportamento de acessar URL
(4) Salve o modelo e atualize todas as páginas da web.
6.1.2 Design da página de registro
(1) Crie uma nova página dinâmica ASP.NET VB yhinlog.aspx gerada pelo template bkblog.dwt.aspx, insira o formulário Yhinfrm na área editável do mainbody, a seguir insira o forme yhinlog e execute projetos relacionados. O resultado é mostrado na Figura 6-1-3:
Figura 6-1-3 Design da tabela yhinlog
(2) Selecione a caixa de texto correspondente ao nome do usuário, mude para o painel de rótulos, expanda "CSS/Acessibilidade", digite YHNAME no id, expanda "Não classificado", digite runat, server , altere a caixa de texto YHNAME para um controle de servidor, conforme mostrado na Figura 6-1-4:
Figura 6-1-4 Modifique o rótulo da caixa de texto
(3) e assim por diante. A caixa de texto correspondente à senha é denominada YHPASS, a caixa de texto correspondente à confirmação da senha é denominada REPASS, a caixa de texto correspondente ao código QQ é denominada. chamado YHQQ e a caixa de texto correspondente ao Email Nomeie a caixa de texto como YHEMAIL, nomeie a caixa de texto correspondente na página inicial como YHINDEX e altere todas as caixas de texto para controles de servidor.
(4) Selecione o formulário Yhinfrm, altere-o para um controle de servidor e salve yhinlog.aspx.
6.1.3 Concluir o design da página de registro
(1) Crie uma nova página da web dinâmica yhlogok.aspx a partir do modelo bkblog.dwt.aspx, insira um logotipo de tabela com três linhas e uma coluna na área editável do corpo principal, insira o texto "Bem-vindo" na segunda linha e clique em no menu de atalho do ASP.NET "Bind Data", clique em "Trimmed Form Element", mova o cursor para a posição mostrada na Figura 6-1-5 e digite "YHNAME".
Figura 6-1-5 Insira o elemento de formulário recortado
(2) Retorne à visualização de design, continue inserindo o texto "Donking's BLOG!" e projete o logotipo da mesa. O resultado é mostrado na Figura 6-1-6:
Figura 6-1-6 Design do logotipo da tabela
(3) Selecione o botão "Home", no painel [Behavior], adicione um comportamento para ir para a URL, na caixa de diálogo pop-up, insira o link como "index .aspx", salve yhlogok.aspx
Para evitar que os usuários insiram informações de registro incorretas, as informações de registro do usuário devem ser padronizadas e verificadas.
(1) Abra yhinlog.aspx, abra o menu de atalho do ASP.NET e clique em [More Tags], conforme mostrado na Figura 6-2-1:
Figura 6-2-1 Menu de atalho do ASP.NET
(2) Expanda "ASP.NET Label" → "Validation Server Control" no seletor de rótulo pop-up, selecione "asp:RequiredFieldvalidator" no quadro direito da janela e clique em " Clique no botão "Inserir", conforme mostrado na Figura 6-2-2 abaixo:
Figura 6-2-2 Seletor de tags
(3) No editor de tags pop-up, adicione um controle de validação para a caixa de texto YHNAME e preencha os itens conforme mostrado na Figura 6-2-3:
Figura 6-2-3 Editor de tags RequiredFieldValidator
(4) Abra o seletor de tags, insira o controle do servidor de verificação ASP.NET → controle CompareValidator, adicione um controle de verificação de comparação com a caixa de texto REPASS para a caixa de texto YHPASS e preencha o relevante informações conforme mostrado na Figura 6-2 -4 mostrada:
Figura 6-2-4 Editor de tags CompareValidato
(5) Insira o controle do servidor de verificação ASP.NET → controle Rangevalidator, adicione um controle de verificação para a caixa de texto YHQQ e preencha as informações relevantes conforme mostrado na Figura 6-2-5:
Figura 6-2-5 Editor de tags validadoras de intervalo
(6) Insira o controle do servidor de validação ASP.NET → controle validador de expressão regular, adicione um controle de validação para a caixa de texto YHEMAIL e preencha os vários itens conforme mostrado na Figura 6-2 -6, em que a expressão de validação A fórmula é:w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*
Figura 6-2-6 Editor de tag validador de expressão regular
(7) Insira o controle do servidor de verificação ASP.NET → controle validador de expressão regular, adicione um controle de verificação para a caixa de texto YHINDEX e preencha os vários itens conforme mostrado na Figura 6- 2-7, em que a verificação A expressão é: http://([w-]+.)+[w-]+(/[w- ./?%&=]*)?
Figura 6-2-7 Validador de expressões regulares O editor de tags
(8) deve possuir um controle de validação para evitar nomes de usuários duplicados registrados pelos usuários.
①Adicione o conjunto de dados yhinlog, configure-o para filtrar, o campo de filtro é YHNAME e a variável de parâmetro é a variável de formulário YHNAME. Suas configurações são mostradas na Figura 6-2-8:
Figura 6-2-8 Insira o conjunto de dados yhinlog
② Insira o controle do servidor de verificação ASP.NET → controle CustomValidator, adicione um controle de verificação para a caixa de texto YHINDEX e preencha os vários itens conforme mostrado na Figura 6-2-9, incluindo a função de verificação do cliente é:
<%# IIf(yhinlog.RecordCount>0,FALSE,TRUE) %>
Figura 6-2-9 Editor de tags do Validador Personalizado
(9) Salve yhinlog.aspx e navegue nele no IE Se a caixa de diálogo mostrada na Figura 6-2-10 aparecer, significa que não há subdiretórios no diretório raiz do. O site dklog.aspnet_client também não possui a biblioteca de scripts JS necessária para verificar os controles. Ao instalar o .NET framework, o programa de instalação foi copiado para o diretório raiz do site padrão c:Inetpubwwwroot. Copie o subdiretório aspnet_client em c:Inetpubwwwroot para o diretório raiz do site dkblog. OK!
Figura 6-2-10 A biblioteca de scripts JS necessária não pode ser encontrada
(1) Abra yhinlog.aspx, adicione o comportamento do servidor [Inserir registro] e adicione os dados relevantes do formulário ao tabela de dados YH As configurações são mostradas na Figura 6-3-1:
Figura 6-3-1 Comportamento de adição do servidor [Inserir registro]
(2) O ASP.NET não suporta transmissão de codificação gb2312. Mude para a visualização do código e encontre:
<%@ Page Language="VB" ContentType="text/html" ResponseEncoding="gb2312" %>
Exclua o código ResponseEncoding="gb2312" e tudo ficará bem:
<%@ Page Language ="VB" ContentType="text/html"%>
(3) Salve, navegue e envie as informações de registro do usuário no IE e abra a tabela YH no Access. Você verá que todas as informações enviadas em chinês foram alteradas para ?? . O que fazer? Não se preocupe, isso ocorre porque o TASP.NET não suporta transmissão de codificação gb2312. Abra yhinlog.aspx, mude para visualização de código, encontre a primeira linha de código:
<%@ Page Language="VB" ContentType="text/html" ResponseEncoding="gb2312" %>
Altere para:
<%@ Page Language= "VB" ContentType="text/html" %>
Ou seja, remova ResponseEncoding="gb2312". Outras páginas da web também são modificadas de acordo com este método para evitar erros nas informações de envio em chinês.