Layout do site e área administrativa implementada com framework bootstrap e PHP e integrando com banco de dados MySQL.

 

 

 

 

Baixar código fonte: Baixar

A vídeo aula apresenta como montar um layout de login utilizando o bootstrap e implementado a regra de validação de login utilizando PHP e MySQL. Também redirecionando o usuário conforme seu nível de acesso.

Após implementado login será apresentado como cadastrar categoria de produto e posteriormente como montar o CRUD do produto, no momento do cadastro é necessário realizar o upload da imagem, a vídeo aula apresenta como realizar o upload de imagem utilizando o PHP. Também apresentado como alterar os dados do produto, inclusive alterar a imagem, caso no momento de alterar as informações do produto o usuário não tenha interesse em modificar a imagem é apresentado como manter a imagem original.

Após montar o CRUD do produto é montado o layout do site utilizando o bootstrap. Após montar o layout base do site é iniciado a integração do layout utilizando o PHP e MySQL. Na página inicial é implementado o menu utilizando o "include_once('nome_da_pagina.php')", no menu é apresentado as categorias dos produtos.

Também montado na 'Home' um carousel utilizando o bootstrap, as imagem do carousel são cadastradas realizando o upload da imagem com PHP na área administrativa, inclusive pode ser modificado a ordem das imagens a serem apresentadas no carousel, por exemplo a imagem 3, o cliente necessita que seja apresentada em primeiro, essa alteração de apresentação é realizada na área administrativa.

Para melhor organização e otimização é utilizado ".htaccess". Em seguida implementado a página "produtos" para a apresentação das informações dos produtos.

Voltando para "Home", primeiro será implementado na área administrativa uma página no qual o administrador do site pode selecionar quais produtos deseja apresentar na página "Home" como destaque, inclusive qual ordem, qual produto será apresentado na primeira posição e qual será apresentado na última posição. Finalizado a implementação da regra de apresentação dos produtos na página "HOME" será implementado a página de contato.

Baixar o código fonte: Baixar

Como fazer funcionar o código fonte utilizando o wamp server: