Sistema de contato com VUE e PHP

Aprenda a criar um sistema de contato que envia a mensagem do formulário para o seu e-mail.

Simplificando o desenvolvimento de APIs PHP com Swagger

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!