Sistema web simples para cadastro e gerenciamento de moradores, desenvolvido com HTML, CSS, JavaScript, PHP e MySQL.
O Zlar é um projeto CRUD (Create, Read, Update, Delete) que permite:
- Cadastrar moradores
- Listar moradores cadastrados
- Editar informações
- Excluir registros
O sistema utiliza um formulário web para entrada de dados e integração com banco de dados MySQL.
- HTML5
- CSS3
- JavaScript
- PHP
- MySQL
- XAMPP (Apache + MySQL)
Zlar/
├── home/
│ ├── cadastro_morador.html
│ └── lista.php
├── js/
│ └── morador_novo.js
├── php/
│ ├── conexao.php
│ ├── cadastrar.php
│ ├── editar.php
│ ├── atualizar.php
│ └── excluir.php
├── css/
│ └── style.css
├── zlar.sql
└── README.md
Permite inserir:
- Nome
- Endereço
- Senha
- Telefone
Exibe todos os moradores cadastrados no banco.
Atualiza os dados de um morador existente.
Remove um morador do sistema.
Certifique-se de que Apache e MySQL estão ativos.
git clone https://github.com/BrunoFPE/Zlar.git
Coloque a pasta dentro de:
C:\xampp\htdocs\
Acesse:
http://localhost/phpmyadmin
Crie um banco chamado:
zlar
Depois execute o script SQL:
CREATE TABLE morador (
id INT AUTO_INCREMENT PRIMARY KEY,
nome VARCHAR(100),
endereco VARCHAR(200),
email VARCHAR(100),
senha VARCHAR(255),
telefone VARCHAR(20)
);
Arquivo:
php/conexao.php
Verifique:
$host = "localhost";
$user = "root";
$password = "";
$db = "zlar";
Acesse no navegador:
http://localhost/Zlar/home/cadastro_morador.html
- O sistema não possui autenticação (login) nesta versão
- Validações são básicas
- Projeto com foco didático para aprendizado de CRUD
- Implementação de login
- Validação de dados no backend
- Criptografia de senha
- Interface mais avançada
- API REST
Bruno Perondi
Este projeto é livre para uso acadêmico e estudos.