Projeto SQLite com Node.js

Este é um projeto básico de introdução ao uso do banco de dados SQLite com Node.js. Ele demonstra de forma prática as operações fundamentais de banco de dados: criação do arquivo do banco, criação de tabelas, inserção de registros e execução de consultas (SELECT).

🚀 Pré-requisitos

Antes de começar, você precisará ter instalado em sua máquina:

• Node.js
• NPM (normalmente instalado junto com o Node.js)

📦 Instalação

1. Abra o terminal e navegue até a pasta do projeto:

   cd sqlite

2. Instale a dependência necessária (o módulo sqlite3):

   npm install sqlite3

📂 Estrutura dos Arquivos e Uso

O projeto está organizado em pastas que demonstram a evolução do aprendizado:

📁 aula1: Introdução ao SQLite

Scripts modulares focados nas operações básicas de banco de dados rodando direto no terminal:

• createDb.js: Apenas abre a conexão e cria o arquivo local do banco de dados (escola.db).
• createTable.js: Conecta ao banco e cria a tabela alunos (utilizando a instrução IF NOT EXISTS para evitar erros).
• insert.js: Conecta ao banco, garante a criação da tabela e insere um novo registro (Maria Clara) na tabela alunos.
• select.js: Conecta ao banco, executa uma consulta para buscar todas as linhas da tabela alunos e exibe os resultados formatados no console.
• index.js: O fluxo completo. Conecta ao banco, cria a tabela, insere um registro (Carlos Silva) e em seguida lista todos os alunos cadastrados.

📁 aula2: Aplicação Web com Express (Rotas)

Evolui o projeto para uma aplicação web local utilizando o framework Express. Organiza os scripts em rotas HTTP (como /insert e /select), permitindo interagir com o banco de dados diretamente pelo navegador.

📁 aula3: Templates com EJS

Introduz o uso do motor de templates EJS. Separa a lógica do servidor da interface visual, facilitando a criação de páginas dinâmicas renderizando arquivos .ejs (na pasta views) com os dados das tabelas.

📁 CRUD: Aplicação Web Completa com Bootstrap

Aplicação web completa com interface responsiva e profissional, implementando todas as operações de banco de dados via HTTP:

• app.js: Servidor Express com 6 rotas mapeadas para as operações de CRUD (GET /, POST /insert, GET /select, GET /update/:id, POST /update/:id, POST /delete/:id).
• views/insert_form.ejs: Formulário de cadastro de novos alunos.
• views/list.ejs: Tabela responsiva com listagem de alunos, botões de editar e excluir com modal de confirmação.
• views/update.ejs: Formulário de edição dos dados do aluno.

Interface construída com:

• Bootstrap 5 — layout responsivo, navbar, cards e tabelas
• Bootstrap Icons — ícones nos botões e títulos
• Modal de confirmação na exclusão (sem uso de alert nativo do navegador)

Para executar:

cd CRUD
node app.js

Acesse http://localhost:3000 no navegador.

📁 MVC: Arquitetura Model-View-Controller

Reorganiza o CRUD de alunos em camadas separadas, seguindo o padrão MVC:

• app.js: Servidor Express, configura o EJS como view engine e delega as rotas para alunoRoutes.
• models/alunoModel.js: Camada de acesso a dados — funções insert, getAll, getById, update e remove que conversam diretamente com o SQLite.
• controllers/alunoController.js: Camada de lógica — recebe as requisições, chama o model e decide qual view renderizar ou para onde redirecionar.
• routes/alunoRoutes.js: Mapeia as rotas HTTP (/, /insert, /alunos, /update/:id, /delete/:id) para as funções do controller.
• views/: Templates EJS (insert_form, list, update) reaproveitados do CRUD anterior.

Para executar:

cd MVC
node app.js

Acesse http://localhost:3000 no navegador.

📁 Revisao-contato: Gabarito da revisão aplicada em aula

Gabarito do exercício de revisão de cadastro de contatos proposto em aula, cobrindo os conceitos de Express + SQLite + EJS com uma tabela de contatos (nome, telefone e email):

• server.js: Servidor Express com duas rotas — GET / (lista os contatos) e POST /contatos (insere um novo contato).
• db.js: Conexão com o banco contatos.db e criação da tabela contatos (CREATE TABLE IF NOT EXISTS).
• views/index.ejs: Formulário de cadastro e listagem dos contatos já inseridos.
• public/style.css: Estilização da página.

Diferente da pasta MVC, aqui a lógica fica concentrada direto no server.js e db.js, sem separação em controllers/models — a versão mais direta e enxuta do exercício.

Para executar:

cd Revisao-contato
npm install
node server.js

Acesse http://localhost:3000 no navegador.

📁 refatoracao-contato-mvc: Gabarito da refatoração para MVC

Refatoração do exercício Revisao-contato, saindo do monolito (server.js + db.js) para o padrão MVC, seguindo a mesma separação de camadas usada na pasta MVC:

• server.js: Servidor Express, configura o EJS como view engine e delega as rotas para contatoRoutes.
• models/contatoModel.js: Camada de acesso a dados — funções que conversam diretamente com o SQLite (contatos.db).
• controllers/contatoController.js: Camada de lógica — recebe as requisições, chama o model e decide qual view renderizar ou para onde redirecionar.
• routes/contatoRoutes.js: Mapeia as rotas HTTP para as funções do controller.
• views/index.ejs e public/style.css: Reaproveitados da pasta Revisao-contato.

Para executar:

cd refatoracao-contato-mvc
npm install
node server.js

Acesse http://localhost:3000 no navegador.

---

🖥️ Como executar

Para rodar os arquivos, navegue até a pasta da aula desejada e utilize o comando node seguido do nome do script no terminal.

Por exemplo, para rodar o fluxo completo da aula 1:

cd aula1
node index.js

Ou, para apenas consultar os dados já inseridos:

node select.js