Sistema de contato com VUE e PHP

Gunnar Correa18/12/2018 - 15.626 acessos

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

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!

Referências

https://metroui.org.ua

https://br.vuejs.org/v2/cookbook/using-axios-to-consume-apis.html

https://packagist.org/packages/phpmailer/phpmailer

https://github.com/axios/axios

https://developer.mozilla.org/pt-BR/docs/Web/API/FormData/FormData

PHPMailer Vue JS PHP Javascript HTML CSS Desenvolvimento de software criando um sistema de contato com PHP requisição Ajax com VUE JS Envio de e-mail Javascript submit form html and css vu

Compartilhe nas redes sociais

Gunnar Correa

Autodidata, Graduado em Desenvolvimento Web, Especialista em Tecnologias na Educação e Pós-graduando em Segurança da Informação. Começou seus estudos na área de programação quando era criança, e atualmente, está estudando desenvolvimento de jogos. É CEO do portal SatellaSoft, criado em 2009 com o intuito de compartilhar conhecimento de forma gratuita e inédita.