npi-jarmison-paiva / PayRoll

Sistema para folha de pagamento

Tecnologias usadas:

• Angular
• Maven
• Bootstrap
• Npm
• Typescript
• Spring-Boot
• Spring-MVC
• Hibernate JPA
• Postgresql
• Java 17.0.0

Ambiente de desenvolvimento

• Linux: Ubuntu LTS
• NodeJs: versão 14.x.x

Iterface de desenvolvimento usada!

• Intellij (Criação Do backend Em Spring Boot)
• VsCode (Criacação Do FrontEnd Em Angular.js)

Como Testar EndPoints do Backend!

• Usando o programa Postman é possível fazer as requisições POST,GET,PUT,DELETE

• Exemplo a seguir:

• Get Request:

• localhost:8090/dependentes

• Get Response:

  "id": 1, "nome": "Marcia Nunes Ribeiro", "idade": 20

  "id": 4, "nome": "Julia Lima Melo", "idade": 18

  "id": 5, "nome": "João Lucas Dutra ", "idade": 18

  "id": 6, "nome": "Karla Marques", "idade": 22

  Como Configurar o Front End !

  • acesse via terminal linux a pasta FrontEnd presente no Projeto, abra a pasta chamada Managers localizada dentro da Pasta FrontEnd

  • digite o seguintes comandos:

  • snap install nodejs

  • npm install

  • sudo npm install -g @angular/cli

  • ng serve (para rodar a aplicação Front End)

  • É importante carregar o Backend Para Carregar os dados do Front end

  Acesso ao Front-End

  • http://localhost:4200/socios => acessar a pagina princcipal do sistema

  Acesso aos EndPoints do Backend Java Spring Boot

  • http://localhost:8090/socios => acessar os recursos de socios como listar,atualizar,cadastrar e remover

  • http://localhost:8090/dependentes => acessar os recursos de dependentes como listar,atualizar,cadastrar e remover

  • Aba De Associados

  • Aba De Dependentes

  • Form para cadastro De associados

  • Form para cadastro de dependentes

  • Form para atualziar associados por id (automaticamente ele seta o id da pessoa selecionada)

  • Form para atualizar Dependentes

  • Aba para visualizar detalhes dos Associados

  • Desenvolvimento do Backend!

  • Desenvolvimento do Frontend!

  • 

  • 

  • 

• 

•