Bem-vindo ao repositório do meu CRUD (Create, Read, Update, Delete) desenvolvido utilizando PHP, HTML, CSS, XAMPP e MySQL! Este projeto foi criado com o objetivo de demonstrar minhas habilidades em desenvolvimento web e manipulação de banco de dados. A seguir, você encontrará uma visão geral do projeto, instruções de instalação e uso, bem como uma descrição das funcionalidades principais.
- PHP: Linguagem de programação do lado do servidor para manipulação de dados e lógica de negócio.
- HTML: Linguagem de marcação para estruturação do conteúdo web.
- CSS: Folhas de estilo para a apresentação visual da aplicação.
- XAMPP: Pacote de software que inclui Apache (servidor web) e MySQL (sistema de gerenciamento de banco de dados).
- Create: Adicionar novos registros ao banco de dados.
- Read: Visualizar registros existentes no banco de dados.
- Update: Editar e atualizar registros existentes.
- Delete: Remover registros do banco de dados.
Siga os passos abaixo para configurar e executar o projeto em sua máquina local:
-
Clone o Repositório
git clone https://github.com/seu-usuario/seu-repositorio.git cd seu-repositorio
-
Instale o XAMPP
- Baixe e instale o XAMPP a partir do site oficial.
-
Configure o Banco de Dados
- Inicie o XAMPP e ative os módulos Apache e MySQL.
- Acesse o phpMyAdmin através do endereço
http://localhost/phpmyadmin/
. - Crie um banco de dados para o projeto.
- Crie a Tabela cliente contendo:
CREATE TABLE cliente ( id_cliente INT AUTO_INCREMENT PRIMARY KEY NOT NULL, nome VARCHAR(200), cpf VARCHAR(20), email VARCHAR(200) );
-
Configure o Projeto
- No diretório do projeto, localize e edite o arquivo
conexao.php
com as informações de acesso ao banco de dados:<?php $servername = "localhost"; $username = "seu_usuario"; $password = "sua_senha"; $dbname = "nome_do_banco_de_dados"; ?>
- No diretório do projeto, localize e edite o arquivo
-
Execute o Projeto
- Mova o diretório do projeto para a pasta
htdocs
do XAMPP (C:\xampp\htdocs\
no Windows ou/opt/lampp/htdocs/
no Linux). - Acesse o projeto através do navegador pelo endereço
http://localhost/seu-projeto/
.
- Mova o diretório do projeto para a pasta
-
Criar um Novo Registro
- Acesse a página de criação e preencha o formulário com os dados necessários.
- Clique em "Salvar" para adicionar o registro ao banco de dados.
-
Visualizar Registros
- Acesse a página principal para ver a lista de registros armazenados.
-
Editar um Registro
- Na lista de registros, clique em "Editar" ao lado do registro que deseja modificar.
- Atualize as informações e clique em "Salvar" para aplicar as mudanças.
-
Excluir um Registro
- Na lista de registros, clique em "Excluir" ao lado do registro que deseja remover.
- Confirme a exclusão para deletar o registro do banco de dados.
A aplicação utiliza CSS para melhorar a aparência e usabilidade. Os estilos são definidos no arquivo style.css
, que é referenciado em todas as páginas HTML. O CSS é usado para:
- Estilizar formulários e botões.
- Melhorar a apresentação de tabelas e listas de dados.
- Aplicar temas de cores e fontes para uma interface mais agradável.