Skip to content

Projeto em Java com HTML e Fetch API, desenvolvido para praticar comunicação cliente-servidor, manipulação de dados em JSON e estrutura de serviços back-end.

Notifications You must be signed in to change notification settings

RaphaelPCarmo/Aula5Exerc5ProjectService

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 

Repository files navigation

💻 Aula5Exerc5ProjetoService

Aplicação desenvolvida em Java com Spring Boot, integrando HTML, Fetch API e H2 Database.
O objetivo é praticar a comunicação cliente-servidor, manipulando dados entre o front-end e o back-end por meio de requisições HTTP e serviços RESTful.


🛠️ Built with

  • Java
  • Spring Boot
  • HTML5
  • Fetch API
  • H2 Database

✨ Funcionalidades

  • 🔄 Comunicação entre front-end e back-end
  • 📡 Envio e recebimento de dados em JSON
  • 🧩 Integração com H2 Database
  • 📋 Formulários dinâmicos com Fetch API
  • 🚀 Estrutura organizada em camadas (Controller, DAO, Model)

🚀 Como Executar o Projeto

• Clone o repositório:

git clone https://github.com/RaphaelPCarmo/Aula5Exerc5ProjectService.git

• Abra o projeto na sua IDE Java (IntelliJ, Eclipse ou VS Code).

• Execute a classe principal:

Aula5Exerc5ProjetoServiceApplication.java

• O servidor iniciará em:

http://localhost:8080

• Acesse os arquivos HTML localizados em resources/static/ para testar as requisições via Fetch API.

📦 Estrutura do Projeto

Aula5Exerc5ProjectService/
│
├── src/
│   └── main/
│       └── java/
│           └── br/com/unifaj/poo/Aula4JDBC/
│               ├── controller/
│               │   ├── PessoaController.java
│               │   ├── FuncionarioController.java
│               │   └── ProjetoController.java
│               ├── dao/
│               │   ├── PessoaDao.java
│               │   ├── FuncionarioDao.java
│               │   └── ProjetoDao.java
│               ├── model/
│               │   ├── FuncionarioItem.java
│               │   ├── Retorno.java
│               │   └── Aula5Exerc5ProjetoServiceApplication.java
│
├── resources/
│   └── static/
│       ├── pessoa-form.html
│       ├── pessoa-listar.html
│       ├── projeto-form.html
│       └── funcionario-form.html
│
├── database.sql
└── README.md

📜 Código de Exemplo

package br.com.unifaj.poo.Aula4JDBC;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

@SpringBootApplication // escaneia todos os subpacotes
public class Aula5Exerc5ProjetoServiceApplication {
    public static void main(String[] args) {
        SpringApplication.run(Aula5Exerc5ProjetoServiceApplication.class, args);
    }
}
<!-- Exemplo de formulário HTML -->
<form id="pessoaForm">
  <input type="text" id="nome" placeholder="Nome" required />
  <input type="text" id="cpf" placeholder="CPF" required />
  <button type="submit">Salvar</button>
</form>

// Exemplo de integração com Fetch API
document.getElementById("pessoaForm").addEventListener("submit", async (event) => {
  event.preventDefault();
  const nome = document.getElementById("nome").value;
  const cpf = document.getElementById("cpf").value;

  const response = await fetch("/pessoa/salvar", {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify({ nome, cpf }),
  });

  if (response.ok) {
    alert("Pessoa salva com sucesso!");
  }
});

🎯 Objetivo do Projeto

Este projeto foi criado para praticar e consolidar:

🧩 Estrutura de serviços REST

🔗 Integração entre back-end Java e front-end HTML

⚙️ Manipulação de dados com Fetch API

🧠 Comunicação cliente-servidor com JSON

💾 Persistência de dados com H2 Database

🧠 Conceitos Praticados

CRUD básico com Spring Boot

Requisições HTTP (GET, POST, PUT, DELETE)

Padrão MVC (Controller, DAO, Model)

Configuração de banco H2 em memória

Estrutura de projeto modular e limpa

🧑‍💻 Autor

👤 Raphael Perim do Carmo

About

Projeto em Java com HTML e Fetch API, desenvolvido para praticar comunicação cliente-servidor, manipulação de dados em JSON e estrutura de serviços back-end.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published