Neste tópico, aprenderemos como criar um sistema de login PHP MySQL com a ajuda de PHP e banco de dados MySQL. Existem algumas etapas fornecidas para criar um sistema de login com banco de dados MySQL.

Antes de criar o sistema de login, precisamos conhecer os pré-requisitos para criar o módulo de login.

Requisitos

• Deveremos ter conhecimento de HTML, CSS, PHP e MySQL para criação do sistema de login.
• Editor de Texto - Para escrever o código. Podemos usar qualquer editor de texto como Notepad, Notepad++, Dreamweaver, etc.
• XAMPP - XAMPP é um software multiplataforma, que significa Cross-platform(X) Apache server (A), MySQL (M), PHP (P), Perl (P). O XAMPP é um pacote de software completo, portanto não precisamos instalar todos eles separadamente.

Configuração do ambiente

Agora precisamos iniciar o servidor web e criar os arquivos para o sistema de login. Existem algumas etapas fornecidas abaixo para configurar o ambiente.

• Abra o Painel de Controle do XAMPP.
• Inicie o servidor Apache clicando no botão Iniciar.
• Inicie o MySQL clicando no botão Iniciar.
• Crie todos os arquivos necessários para login.
• Crie tabela de login no banco de dados usando phpMyAdmin no XAMPP.

Agora, criaremos aqui quatro arquivos para o sistema de login.

index.html -Este arquivo é criado para a visualização GUI da página de login e validação de campo vazio.estilo.css -Este arquivo é criado para uma visualização atraente do formulário de login.conexão.php -O arquivo de conexão contém o código de conexão para conectividade do banco de dados.autenticação.php -Este arquivo valida os dados do formulário com o banco de dados que é enviado pelo usuário.

Salve todos esses arquivos na pasta htdocs dentro da pasta de instalação do Xampp. A descrição detalhada e o código desses arquivos são discutidos abaixo.

index.html

Primeiro, precisamos criar o formulário de login para o usuário do site interagir com ele. Este formulário de login é criado em html e também contém a validação do campo vazio, que é escrito em JavaScript. O código do arquivo index.html é fornecido abaixo:

 PHP login system // insert style.css file inside index.html '; } ?> 

Como executar o formulário de login?

• Para executar o formulário de login, abra o painel de controle do xampp e execute o servidor Apache e PHP.
• Agora digite localhost/xampp/nome da pasta/nome do arquivo no navegador e pressione a tecla Enter.
• Toda a configuração está feita agora. Digite o nome de usuário e a senha no formulário de login e clique no botão de login.

• Aqui, inserimos um nome de usuário incorreto, para que o usuário não consiga fazer login e ocorrerá o erro de falha de login.

Saída:

• Agora, forneceremos o valor correto no nome de usuário e senha. Assim, o usuário estará logado com sucesso. Veja o exemplo abaixo.

Saída