Criar uma página de registro

Última atualização em 25 de abr de 2024
Nota

A interface de usuário foi simplificada no Dreamweaver 2017. Logo, talvez você não consiga encontrar algumas das opções descritas neste artigo no Dreamweaver 2017 e em versões posteriores. Para obter mais informações, consulte este artigo (em inglês).

Sobre as páginas de registro

Seu aplicativo web pode conter uma página que exige que os usuários se registrem na primeira vez que visitam seu site.

Uma página de registro é formada pelos seguintes blocos de criação:

  • Uma tabela do banco de dados para armazenar informações de logon sobre os usuários

  • Um formulário em HTML que permite aos usuários selecionar um nome de usuário e senha

    Também é possível usar o formulário para obter outras informações pessoais dos usuários.

  • Um comportamento de servidor de inserção de registro para atualizar a tabela do banco de dados dos usuários do site

  • Um comportamento de servidor Verificar novo nome de usuário para garantir que o nome de usuário inserido pelo usuário não seja usado por outro usuário

Armazenar informações de logon dos usuários

Uma página de registro requer uma tabela do banco de dados para armazenar as informações de logon inseridas pelos usuários.

  • Verifique se a tabela do banco de dados contém uma coluna de nome de usuário e uma coluna de senha. Se desejar que usuários conectados tenham diferentes privilégios de acesso, inclua uma coluna de privilégios de acesso.
  • Se desejar definir uma senha comum para todos os usuários do local, configure o aplicativo do banco de dados (Microsoft Access, Microsoft SQL Server, Oracle etc.) para inserir a senha em cada novo registro de usuário por padrão. Na maioria dos aplicativos de banco de dados, é possível definir uma coluna para um valor padrão sempre que um novo registro é criado.Defina o valor padrão da senha.
  • Também é possível usar a tabela do banco de dados para armazenar outras informações úteis sobre o usuário.

    A próxima etapa na criação de uma página de registro é adicionar um formulário HTML à página de registro para permitir que os usuários escolham um nome de usuário e senha (se aplicável).

Adicionar um formulário HTML para selecionar um nome de usuário e senha

Adicione um formulário HTML à página de registro para permitir que os usuários selecionem um nome de usuário e senha (se aplicável).

Crie uma página (Arquivo > Novo > Página em branco) e faça o layout da página de registro usando as Ferramentas de design do Dreamweaver.
Adicione um formulário HTML colocando o ponto de inserção onde desejar que o formulário apareça e selecionando Formulário no menu Inserir.

É criado um formulário vazio na página. Talvez seja necessário ativar Elementos invisíveis (Exibir > Auxílios visuais > Elementos invisíveis) para ver os limites do formulário, que são representados por linhas vermelhas finas.

Nomeie o formulário HTML clicando na tag <form> na parte inferior da janela Documento para selecionar o formulário, abrindo o Inspetor de propriedades (Janela > Propriedades) e inserindo um nome na caixa Nome do formulário.

Não é necessário especificar um atributo action ou method para o formulário informar onde e como enviar os dados do registro quando o usuário clicar no botão Enviar. O comportamento do servidor Inserir Registro define esses atributos para você.

Adicione campos de texto (Inserir > Formulário > Campo de texto) para permitir que o usuário insira um nome de usuário e senha.

O formulário também pode ter mais objetos de formulário para registrar outros dados pessoais.

É recomendável adicionar rótulos (como texto ou imagem) ao lado de cada objeto de formulário para indicar aos usuários o que são. Também é recomendável alinhar os objetos de formulário colocando-os dentro de uma tabela HTML. Para obter mais informações sobre objetos de formulário, consulte Criação de formulários web.

Adicione um botão Enviar ao formulário (Inserir > Formulário > Botão).

Você pode alterar o rótulo do botão Enviar selecionando o botão, abrindo o inspetor de propriedades (Janela > Propriedades) e inserindo um novo valor na caixa Valor.

O próximo passo na criação de uma página de registro é adicionar o comportamento do servidor Inserir Registro para inserir registros na tabela de usuários no banco de dados.

Atualizar a tabela de usuários do banco de dados

Você deve adicionar um comportamento do servidor Inserir Registro à página de registro para atualizar a tabela de usuários no banco de dados.

No painel Comportamentos do servidor (Janela > Comportamentos do servidor), clique no botão Mais (+) e selecione Inserir Registro no menu pop‑up.

A caixa de diálogo Inserir registro é exibida.

Preencha a caixa de diálogo, certificando-se de especificar a tabela de usuários no banco de dados na qual os dados do usuário serão inseridos. Clique em OK.

O passo final na criação de uma página de registro é garantir que o nome de usuário não seja usado por outro usuário registrado.

Adicionar um comportamento do servidor para garantir um nome de usuário único

Você pode adicionar um comportamento do servidor a uma página de registro de usuário que verifica se o nome de usuário é único antes de adicionar esse usuário ao seu banco de dados de usuários registrados.

Quando o usuário clica no botão Enviar na página de registro, o comportamento do servidor compara o nome de usuário inserido pelo usuário com os nomes de usuário armazenados em uma tabela do banco de dados de usuários registrados. Se nenhum nome de usuário correspondente for encontrado na tabela do banco de dados, o comportamento do servidor executa a operação de inserção de registro normalmente.Se um nome de usuário correspondente for encontrado, o comportamento do servidor cancela a operação de inserir registro e abre uma nova página (geralmente uma página alertando o usuário de que o nome de usuário já foi usado).

No painel Comportamentos do servidor (Janela > Comportamentos do servidor), clique no botão Mais (+) e selecione Autenticação do usuário > Verificar novo nome de usuário no menu pop‑up.
No menu pop‑up Campo de nome de usuário, selecione o campo de texto do formulário que seus visitantes usam para inserir um nome de usuário.
Na caixa Se já existir, ir para, especifique uma página para abrir se um nome de usuário correspondente for encontrado na tabela do banco de dados e clique em OK.

A página aberta deve alertar o usuário de que o nome de usuário já foi usado e permitir que o usuário tente novamente.