Todos nós sabemos que um dos recursos mais básicos de uma web site, é o famoso formulário de contato, na qual cliente e usuários utilizam para contatar determinados departamentos dos administradores da página WEB.
Os formulários são muito utieis, pois dispensa o usuário de copiar o e-mail abrir o seu leitor, redigir a mensagem para finalmente envia-la. Com o formulário em seu site, você não precisar disponibilizar os endereços publicamente, na qual bots fazem varreduras para enviar mensagens de spam. Aqui no Brasil as mensagens de SPAM são chamadas de e-mail marketing e são enviadas por domínios e servidores anônimos. Mas enfim, já falei da importância de ter um formulário de contato, agora vamos ver como desenvolvemos esse projeto.
Para esse projeto, usamos diversas bibliotecas, entre elas:
MetroUI – Utilizado para criar a interface da nossa aplicação;
PHPMailer – Biblioteca utilizada para fazer os envios via SMTP;
Composer – Usado para instalar o PHPMailer;
VUE – Framework que utilizamos para fazer as validações e tratar os valores;
VUE AXIOS – Plugin para o VUE utilizado para fazer requisições AJAX.
Para instalar o PHPMailer via composer, use a seguinte requisição:
composer require phpmailer/phpmailer
Confira abaixo todas as nossas videoaulas.
Sistema de contato com VUE e PHP - Introdução
Sistema de contato com VUE e PHP - Criando a base do projeto
Sistema de contato com VUE e PHP - Criando o formulário
Sistema de contato com VUE e PHP - Baixando e configurando o VUE JS
Sistema de contato com VUE e PHP - Validando o formulário
Sistema de contato com VUE e PHP - Configurando o PHPMailer
Sistema de contato com VUE e PHP - Finalizando o envio
Você pode fazer o download do projeto através do nosso Github, confira: https://github.com/satellasoft/VUE-TUTORIAL
Espero que tenha gostado, e até a próxima!
